@actabldesign/bellhop-core 0.3.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bh-accordion-item.js +1 -1
- package/components/bh-activity-feed.js +1 -1
- package/components/bh-alert.js +1 -1
- package/components/bh-appbar.js +1 -1
- package/components/bh-avatar-add.js +1 -1
- package/components/bh-avatar-stacked.js +1 -1
- package/components/bh-avatar.js +1 -1
- package/components/bh-badge-dot.js +1 -1
- package/components/bh-badge.js +1 -1
- package/components/bh-banner.js +1 -1
- package/components/bh-bar-chart.js +1 -1
- package/components/bh-breadcrumbs.js +1 -1
- package/components/bh-button-icon.js +1 -1
- package/components/bh-button.js +1 -1
- package/components/bh-card-content.js +1 -1
- package/components/bh-card-footer.js +1 -1
- package/components/bh-card-header.js +1 -1
- package/components/bh-card.js +1 -1
- package/components/bh-chart-tooltip.js +1 -1
- package/components/bh-chat-message.js +1 -1
- package/components/bh-chat-reaction.js +1 -1
- package/components/bh-checkbox.js +1 -1
- package/components/bh-checklist-task-group.js +1 -1
- package/components/bh-close-button.js +1 -1
- package/components/bh-command-bar.d.ts +11 -0
- package/components/bh-command-bar.js +1 -0
- package/components/bh-container-footer.js +1 -1
- package/components/bh-container.js +1 -1
- package/components/bh-credit-card.js +1 -1
- package/components/bh-data-grid-body.js +1 -1
- package/components/bh-data-grid-change-preview.js +1 -1
- package/components/bh-data-grid-filter-builder.js +1 -1
- package/components/bh-data-grid-footer.js +1 -1
- package/components/bh-data-grid-header.js +1 -1
- package/components/bh-data-grid-toolbar.js +1 -1
- package/components/bh-data-grid.js +2 -2
- package/components/bh-date-picker-content.js +1 -1
- package/components/bh-date-picker.js +1 -1
- package/components/bh-date-range-picker-content.js +1 -1
- package/components/bh-date-range-picker.js +1 -1
- package/components/bh-divider.js +1 -1
- package/components/bh-dropdown-menu.js +1 -1
- package/components/bh-dropdown.js +1 -1
- package/components/bh-emoji-picker.js +1 -1
- package/components/bh-empty-state.js +1 -1
- package/components/bh-fab.js +1 -1
- package/components/bh-featured-icon.js +1 -1
- package/components/bh-feed-item.js +1 -1
- package/components/bh-gauge-chart.js +1 -1
- package/components/bh-guided-checklist.js +1 -1
- package/components/bh-html-editor-bubble-menu.js +1 -1
- package/components/bh-html-editor-toolbar.js +1 -1
- package/components/bh-html-editor.js +1 -1
- package/components/bh-illustrations.js +1 -1
- package/components/bh-inline-cta.js +1 -1
- package/components/bh-input-autocomplete.js +1 -1
- package/components/bh-input-number.js +1 -1
- package/components/bh-input-password.js +1 -1
- package/components/bh-input-text.js +1 -1
- package/components/bh-input-verification.js +1 -1
- package/components/bh-kbd.d.ts +11 -0
- package/components/bh-kbd.js +1 -0
- package/components/bh-label.js +1 -1
- package/components/bh-line-chart.js +1 -1
- package/components/bh-logo-box.js +1 -1
- package/components/bh-menu-item.js +1 -1
- package/components/bh-menu.js +1 -1
- package/components/bh-modal-actions.js +1 -1
- package/components/bh-modal-header.js +1 -1
- package/components/bh-month-picker-content.js +1 -1
- package/components/bh-month-picker.js +1 -1
- package/components/bh-multi-select.js +1 -1
- package/components/bh-nav-item.js +1 -1
- package/components/bh-notification-center.d.ts +11 -0
- package/components/bh-notification-center.js +1 -0
- package/components/bh-page-header.js +1 -1
- package/components/bh-page-navigation-child.js +1 -1
- package/components/bh-page-navigation-multi-level.js +1 -1
- package/components/bh-page-navigation-single-level.js +1 -1
- package/components/bh-page-navigation.js +1 -1
- package/components/bh-pagination.js +1 -1
- package/components/bh-picker-menu.js +1 -1
- package/components/bh-pie-chart.js +1 -1
- package/components/bh-pivot-grid-field-chooser.js +1 -1
- package/components/bh-pivot-grid.js +1 -1
- package/components/bh-progress-bar.js +1 -1
- package/components/bh-progress-ring.js +1 -1
- package/components/bh-property-switcher.js +1 -1
- package/components/bh-radar-chart.js +1 -1
- package/components/bh-radio-button.js +1 -1
- package/components/bh-radio-group.js +1 -1
- package/components/bh-range-slider.js +1 -1
- package/components/bh-section-footer.js +1 -1
- package/components/bh-section-header.js +1 -1
- package/components/bh-select.js +1 -1
- package/components/bh-selection-group-item.js +1 -1
- package/components/bh-selection-group.js +1 -1
- package/components/bh-side-panel-footer.js +1 -1
- package/components/bh-side-panel-header.js +1 -1
- package/components/bh-sidebar.js +1 -1
- package/components/bh-skeleton-loader.js +1 -1
- package/components/bh-stepper.js +1 -1
- package/components/bh-tab-item.js +1 -1
- package/components/bh-table-header.js +1 -1
- package/components/bh-tabs.js +1 -1
- package/components/bh-tag-group.js +1 -1
- package/components/bh-tag-input.js +1 -1
- package/components/bh-tag.js +1 -1
- package/components/bh-textarea.js +1 -1
- package/components/bh-toast-container.js +1 -1
- package/components/bh-toast.js +1 -1
- package/components/bh-toggle.js +1 -1
- package/components/bh-tooltip.js +1 -1
- package/components/bh-trend-chart.js +1 -1
- package/components/index.d.ts +6 -0
- package/components/index.js +1 -1
- package/components/{p-BVwh7Zds.js → p-2SnKTVal.js} +1 -1
- package/components/{p-DpyQ9_VL.js → p-6tew_a-x.js} +1 -1
- package/components/{p-BUoq_1rz.js → p-B7La6Iwp.js} +1 -1
- package/components/p-B8HxD-vO.js +1 -0
- package/components/{p-CdwBDbHF.js → p-B9--bog4.js} +1 -1
- package/components/{p-D_0aDuRr.js → p-BF5hfv7s.js} +1 -1
- package/components/{p-oaisznHL.js → p-BI2Y2Le4.js} +1 -1
- package/components/p-Be6mIKzo.js +1 -0
- package/components/p-Bh0oD_Yf.js +1 -0
- package/components/{p-nMu0IHKp.js → p-BniMhcxp.js} +1 -1
- package/components/{p-CZRjavNE.js → p-Br9M2BbM.js} +1 -1
- package/components/{p-QCa_P3zY.js → p-BwxcuFPS.js} +1 -1
- package/components/{p-Dq8Cpk56.js → p-BzHDM9Tg.js} +1 -1
- package/components/{p-D-D80sUk.js → p-C4rAmars.js} +1 -1
- package/components/{p-B2KPN863.js → p-C7fkgBQS.js} +1 -1
- package/components/{p-cD3vmu49.js → p-CClVva-u.js} +1 -1
- package/components/p-CJUnjRCe.js +1 -0
- package/components/{p--a7Uv1ky.js → p-CK_Py1Yi.js} +1 -1
- package/components/{p-DjJP-dIm.js → p-CWdw6bHR.js} +1 -1
- package/components/{p-XYHjFWDD.js → p-CZ_H3nat.js} +1 -1
- package/components/{p-CtaODgcw.js → p-C_nrq7_Y.js} +1 -1
- package/components/{p-BFL2Pm_E.js → p-CssmbrSc.js} +1 -1
- package/components/p-CvsupUaF.js +1 -0
- package/components/{p-DBAPExTG.js → p-CvwyG_Kj.js} +1 -1
- package/components/{p-Bf_iTZDv.js → p-D6aw0IK6.js} +1 -1
- package/components/{p-CzvaS9up.js → p-DBl9mNfN.js} +1 -1
- package/components/{p-DWoyQVnq.js → p-DG90uKhz.js} +1 -1
- package/components/{p-CWY9YV_9.js → p-DGWzDn9Y.js} +1 -1
- package/components/p-DJlRFgcj.js +1 -0
- package/components/p-DKWhUGrV.js +1 -0
- package/components/{p-CC_DXFwx.js → p-DSDbfC31.js} +1 -1
- package/components/{p-1SkDR91n.js → p-DUm7JrA0.js} +1 -1
- package/components/{p-C6UC_xxP.js → p-DblmzWu8.js} +1 -1
- package/components/{p-BHeNnP2q.js → p-DfCONXO0.js} +1 -1
- package/components/p-DhgfM7Wy.js +1 -0
- package/components/{p-Xa6gUVGr.js → p-DjUfsCJJ.js} +1 -1
- package/components/{p-CVSRqFZ0.js → p-DjpXtbw8.js} +1 -1
- package/components/{p-GjWzFf-V.js → p-Dzlsnb7d.js} +1 -1
- package/components/{p-Be20AcNb.js → p-S-miu3h6.js} +1 -1
- package/components/{p-DIMoIy0w.js → p-W2SGLZN7.js} +1 -1
- package/components/{p-arW9uaFJ.js → p-hhv9O2Qq.js} +1 -1
- package/components/{p-BwwSI2Fv.js → p-jNp3nckG.js} +1 -1
- package/dist/bellhop-core/bellhop-core.esm.js +1 -1
- package/dist/bellhop-core/p-009efb12.entry.js +1 -0
- package/dist/bellhop-core/p-01b505e3.entry.js +1 -0
- package/dist/bellhop-core/p-02945f90.entry.js +1 -0
- package/dist/bellhop-core/p-04d2ec72.entry.js +1 -0
- package/dist/bellhop-core/p-05867224.entry.js +1 -0
- package/dist/bellhop-core/p-05a53d3b.entry.js +1 -0
- package/dist/bellhop-core/p-0692ab72.entry.js +1 -0
- package/dist/bellhop-core/p-06f9b713.entry.js +1 -0
- package/dist/bellhop-core/p-08b8ba36.entry.js +1 -0
- package/dist/bellhop-core/p-0953e008.entry.js +1 -0
- package/dist/bellhop-core/p-0976eb7a.entry.js +1 -0
- package/dist/bellhop-core/p-097d70d9.entry.js +1 -0
- package/dist/bellhop-core/p-0a316bb6.entry.js +1 -0
- package/dist/bellhop-core/p-108ca612.entry.js +1 -0
- package/dist/bellhop-core/p-12d3c4e9.entry.js +1 -0
- package/dist/bellhop-core/p-13f15f41.entry.js +1 -0
- package/dist/bellhop-core/p-15bb1050.entry.js +1 -0
- package/dist/bellhop-core/p-16e01b81.entry.js +1 -0
- package/dist/bellhop-core/p-188980bd.entry.js +1 -0
- package/dist/bellhop-core/p-1fba0985.entry.js +1 -0
- package/dist/bellhop-core/p-24e5c52b.entry.js +1 -0
- package/dist/bellhop-core/p-29729109.entry.js +1 -0
- package/dist/bellhop-core/p-2b93b512.entry.js +1 -0
- package/dist/bellhop-core/{p-213a104c.entry.js → p-2bcd94d0.entry.js} +1 -1
- package/dist/bellhop-core/p-2bdb9784.entry.js +1 -0
- package/dist/bellhop-core/p-2ee44b97.entry.js +1 -0
- package/dist/bellhop-core/p-3348400a.entry.js +1 -0
- package/dist/bellhop-core/p-38873b75.entry.js +1 -0
- package/dist/bellhop-core/p-399be504.entry.js +1 -0
- package/dist/bellhop-core/p-3d67e55f.entry.js +1 -0
- package/dist/bellhop-core/p-3dcf8812.entry.js +1 -0
- package/dist/bellhop-core/p-42f26142.entry.js +1 -0
- package/dist/bellhop-core/p-43d94b51.entry.js +1 -0
- package/dist/bellhop-core/p-4c65d80a.entry.js +1 -0
- package/dist/bellhop-core/p-4e4b59cc.entry.js +1 -0
- package/dist/bellhop-core/p-50c00ac6.entry.js +1 -0
- package/dist/bellhop-core/p-52d0c0ac.entry.js +1 -0
- package/dist/bellhop-core/p-53ddab62.entry.js +1 -0
- package/dist/bellhop-core/p-558c1c9f.entry.js +1 -0
- package/dist/bellhop-core/{p-fb8e0e6c.entry.js → p-59feba80.entry.js} +1 -1
- package/dist/bellhop-core/{p-165b45f3.entry.js → p-5a49ebee.entry.js} +1 -1
- package/dist/bellhop-core/p-5f5648e6.entry.js +1 -0
- package/dist/bellhop-core/p-614f84ff.entry.js +1 -0
- package/dist/bellhop-core/p-6517c63b.entry.js +1 -0
- package/dist/bellhop-core/{p-c86b7e41.entry.js → p-654de2b6.entry.js} +1 -1
- package/dist/bellhop-core/p-65e10ead.entry.js +1 -0
- package/dist/bellhop-core/p-68c5a0bd.entry.js +1 -0
- package/dist/bellhop-core/p-68cf8430.entry.js +1 -0
- package/dist/bellhop-core/p-6ad1ed53.entry.js +1 -0
- package/dist/bellhop-core/p-6df539be.entry.js +1 -0
- package/dist/bellhop-core/p-6e1c1c27.entry.js +1 -0
- package/dist/bellhop-core/p-710e4da7.entry.js +1 -0
- package/dist/bellhop-core/p-7841fbc2.entry.js +1 -0
- package/dist/bellhop-core/p-7bceb793.entry.js +1 -0
- package/dist/bellhop-core/p-7bd58fae.entry.js +1 -0
- package/dist/bellhop-core/p-7c0d23d4.entry.js +1 -0
- package/dist/bellhop-core/p-7e226f98.entry.js +1 -0
- package/dist/bellhop-core/{p-4a96c207.entry.js → p-815fb83e.entry.js} +1 -1
- package/dist/bellhop-core/p-832bf58d.entry.js +1 -0
- package/dist/bellhop-core/p-8370a956.entry.js +1 -0
- package/dist/bellhop-core/{p-b992fd96.entry.js → p-858017eb.entry.js} +1 -1
- package/dist/bellhop-core/p-87c827d7.entry.js +1 -0
- package/dist/bellhop-core/p-8a38724f.entry.js +1 -0
- package/dist/bellhop-core/p-8aa87a99.entry.js +1 -0
- package/dist/bellhop-core/p-8ad4d720.entry.js +1 -0
- package/dist/bellhop-core/p-8d319614.entry.js +1 -0
- package/dist/bellhop-core/p-963e6ad9.entry.js +1 -0
- package/dist/bellhop-core/p-97bed0b0.entry.js +1 -0
- package/dist/bellhop-core/{p-df4c2032.entry.js → p-9b2d67db.entry.js} +2 -2
- package/dist/bellhop-core/p-9b935b1a.entry.js +1 -0
- package/dist/bellhop-core/p-9cf187af.entry.js +1 -0
- package/dist/bellhop-core/p-9e0b9dec.entry.js +1 -0
- package/dist/bellhop-core/p-CBTS9Vhx.js +1 -0
- package/dist/bellhop-core/{p-Dn-MvAk9.js → p-CKTtXT2O.js} +1 -1
- package/dist/bellhop-core/p-CMKOFHIa.js +1 -0
- package/dist/bellhop-core/p-Xi3uD33F.js +1 -0
- package/dist/bellhop-core/p-a57034cf.entry.js +1 -0
- package/dist/bellhop-core/p-a925a3d8.entry.js +1 -0
- package/dist/bellhop-core/p-abf0f15d.entry.js +1 -0
- package/dist/bellhop-core/p-b212b4c1.entry.js +1 -0
- package/dist/bellhop-core/p-b2380f56.entry.js +1 -0
- package/dist/bellhop-core/p-b333c85f.entry.js +1 -0
- package/dist/bellhop-core/p-b9d363b0.entry.js +1 -0
- package/dist/bellhop-core/p-b9d86b80.entry.js +1 -0
- package/dist/bellhop-core/p-baa76b6d.entry.js +1 -0
- package/dist/bellhop-core/p-bb11a7df.entry.js +1 -0
- package/dist/bellhop-core/p-bcc53e7e.entry.js +1 -0
- package/dist/bellhop-core/p-c0513194.entry.js +1 -0
- package/dist/bellhop-core/p-c1eed46c.entry.js +1 -0
- package/dist/bellhop-core/p-c2440a5a.entry.js +1 -0
- package/dist/bellhop-core/p-c338d5ed.entry.js +1 -0
- package/dist/bellhop-core/p-c4cd8445.entry.js +1 -0
- package/dist/bellhop-core/p-cd404c53.entry.js +1 -0
- package/dist/bellhop-core/p-d2fdf27a.entry.js +1 -0
- package/dist/bellhop-core/p-d89a2316.entry.js +1 -0
- package/dist/bellhop-core/p-d9903fd1.entry.js +1 -0
- package/dist/bellhop-core/p-df86ac00.entry.js +1 -0
- package/dist/bellhop-core/p-dfc61397.entry.js +1 -0
- package/dist/bellhop-core/p-e02bdcfb.entry.js +1 -0
- package/dist/bellhop-core/p-e6ad9a10.entry.js +1 -0
- package/dist/bellhop-core/p-e86b4fbf.entry.js +1 -0
- package/dist/bellhop-core/p-eed85b08.entry.js +1 -0
- package/dist/bellhop-core/p-f0a47a26.entry.js +1 -0
- package/dist/bellhop-core/p-f46e818f.entry.js +1 -0
- package/dist/bellhop-core/p-f6c8568f.entry.js +1 -0
- package/dist/bellhop-core/p-f784164a.entry.js +1 -0
- package/dist/bellhop-core/p-f8d47699.entry.js +1 -0
- package/dist/bellhop-core/{p-1323f446.entry.js → p-f8dce3b6.entry.js} +1 -1
- package/dist/bellhop-core/p-f9962334.entry.js +1 -0
- package/dist/bellhop-core/p-fb897d66.entry.js +1 -0
- package/dist/cjs/bellhop-core.cjs.js +1 -1
- package/dist/cjs/bh-accordion-item.cjs.entry.js +4 -3
- package/dist/cjs/bh-accordion.cjs.entry.js +3 -2
- package/dist/cjs/bh-activity-feed_2.cjs.entry.js +174 -0
- package/dist/cjs/bh-alert.cjs.entry.js +4 -3
- package/dist/cjs/bh-appbar.cjs.entry.js +57 -11
- package/dist/cjs/bh-autocomplete-menu.cjs.entry.js +3 -2
- package/dist/cjs/bh-avatar-add.cjs.entry.js +4 -3
- package/dist/cjs/bh-avatar-stacked.cjs.entry.js +4 -3
- package/dist/cjs/bh-avatar.cjs.entry.js +6 -5
- package/dist/cjs/bh-badge-dot_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-badge.cjs.entry.js +6 -5
- package/dist/cjs/bh-banner.cjs.entry.js +5 -4
- package/dist/cjs/bh-bar-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-breadcrumbs.cjs.entry.js +16 -5
- package/dist/cjs/bh-button-icon_2.cjs.entry.js +5 -4
- package/dist/cjs/bh-button.cjs.entry.js +5 -4
- package/dist/cjs/bh-card-content.cjs.entry.js +4 -3
- package/dist/cjs/bh-card-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-card-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-card.cjs.entry.js +4 -3
- package/dist/cjs/bh-chart-tooltip.cjs.entry.js +5 -4
- package/dist/cjs/bh-chat-message.cjs.entry.js +5 -4
- package/dist/cjs/bh-chat-reaction.cjs.entry.js +5 -4
- package/dist/cjs/bh-checkbox.cjs.entry.js +3 -2
- package/dist/cjs/bh-checklist-task-group_3.cjs.entry.js +6 -5
- package/dist/cjs/bh-close-button.cjs.entry.js +1 -1
- package/dist/cjs/bh-command-bar.cjs.entry.js +309 -0
- package/dist/cjs/bh-container-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-container.cjs.entry.js +4 -3
- package/dist/cjs/bh-credit-card.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid-body.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-change-preview.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-filter-builder.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid-header.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-toolbar.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid.cjs.entry.js +4 -3
- package/dist/cjs/bh-date-picker-content.cjs.entry.js +6 -5
- package/dist/cjs/bh-date-picker.cjs.entry.js +6 -5
- package/dist/cjs/bh-date-range-picker-content.cjs.entry.js +5 -4
- package/dist/cjs/bh-date-range-picker.cjs.entry.js +7 -6
- package/dist/cjs/bh-divider.cjs.entry.js +4 -3
- package/dist/cjs/bh-dropdown-menu.cjs.entry.js +1 -1
- package/dist/cjs/bh-dropdown.cjs.entry.js +13 -4
- package/dist/cjs/bh-emoji-picker.cjs.entry.js +1 -1
- package/dist/cjs/bh-empty-state_2.cjs.entry.js +6 -5
- package/dist/cjs/bh-featured-icon.cjs.entry.js +4 -3
- package/dist/cjs/bh-gauge-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-guided-checklist.cjs.entry.js +5 -4
- package/dist/cjs/bh-html-editor-bubble-menu_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-html-editor.cjs.entry.js +5 -4
- package/dist/cjs/bh-illustrations.cjs.entry.js +4 -3
- package/dist/cjs/bh-inline-cta.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-autocomplete.cjs.entry.js +7 -6
- package/dist/cjs/bh-input-number.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-password.cjs.entry.js +6 -5
- package/dist/cjs/bh-input-text.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-verification.cjs.entry.js +4 -3
- package/dist/cjs/bh-kbd.cjs.entry.js +34 -0
- package/dist/cjs/bh-label_2.cjs.entry.js +5 -4
- package/dist/cjs/bh-line-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-logo-box_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-menu_2.cjs.entry.js +4 -3
- package/dist/cjs/bh-modal-actions.cjs.entry.js +4 -3
- package/dist/cjs/bh-modal-header.cjs.entry.js +7 -6
- package/dist/cjs/bh-modal.cjs.entry.js +4 -3
- package/dist/cjs/bh-month-picker-content.cjs.entry.js +4 -3
- package/dist/cjs/bh-month-picker.cjs.entry.js +6 -5
- package/dist/cjs/bh-multi-select.cjs.entry.js +8 -7
- package/dist/cjs/bh-notification-center.cjs.entry.js +210 -0
- package/dist/cjs/bh-page-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-page-navigation-child.cjs.entry.js +4 -3
- package/dist/cjs/bh-page-navigation-multi-level_2.cjs.entry.js +7 -6
- package/dist/cjs/bh-page-navigation.cjs.entry.js +4 -3
- package/dist/cjs/bh-pagination_2.cjs.entry.js +10 -9
- package/dist/cjs/bh-picker-menu.cjs.entry.js +3 -2
- package/dist/cjs/bh-pie-chart.cjs.entry.js +6 -5
- package/dist/cjs/bh-pivot-grid-field-chooser.cjs.entry.js +5 -4
- package/dist/cjs/bh-pivot-grid.cjs.entry.js +20 -19
- package/dist/cjs/bh-popover.cjs.entry.js +3 -2
- package/dist/cjs/bh-product-switcher.cjs.entry.js +3 -2
- package/dist/cjs/bh-progress-bar.cjs.entry.js +7 -6
- package/dist/cjs/bh-progress-ring.cjs.entry.js +1 -1
- package/dist/cjs/bh-property-switcher.cjs.entry.js +22 -5
- package/dist/cjs/bh-radar-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-radio-button.cjs.entry.js +3 -2
- package/dist/cjs/bh-radio-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-range-slider.cjs.entry.js +4 -3
- package/dist/cjs/bh-section-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-section-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-selection-group-item.cjs.entry.js +3 -2
- package/dist/cjs/bh-selection-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-side-panel-footer.cjs.entry.js +1 -1
- package/dist/cjs/bh-side-panel-header.cjs.entry.js +1 -1
- package/dist/cjs/bh-sidebar.cjs.entry.js +19 -5
- package/dist/cjs/bh-stepper.cjs.entry.js +3 -2
- package/dist/cjs/bh-tab-item.cjs.entry.js +5 -4
- package/dist/cjs/bh-table-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-tabs.cjs.entry.js +4 -3
- package/dist/cjs/bh-tag-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-tag-input.cjs.entry.js +5 -4
- package/dist/cjs/bh-textarea.cjs.entry.js +5 -4
- package/dist/cjs/bh-toast-container.cjs.entry.js +1 -1
- package/dist/cjs/bh-toast.cjs.entry.js +5 -4
- package/dist/cjs/bh-toggle.cjs.entry.js +4 -3
- package/dist/cjs/bh-trend-chart.cjs.entry.js +5 -4
- package/dist/cjs/{component-error-handler-C4vfF_Qu.js → component-error-handler-BxXlGq4E.js} +1 -1
- package/dist/cjs/error-boundary-fNUNT0lE.js +75 -0
- package/dist/cjs/hotkeys-BzAUI8Zg.js +113 -0
- package/dist/cjs/index-B6sArKsK.js +20 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{error-boundary-Bf7TcT4U.js → logger-DZionBgs.js} +0 -71
- package/dist/collection/collection-manifest.json +3 -0
- package/dist/collection/components/bh-accordion/bh-accordion-item/bh-accordion-item.js +1 -1
- package/dist/collection/components/bh-activity-feed/bh-activity-feed.css +8 -0
- package/dist/collection/components/bh-activity-feed/bh-activity-feed.js +29 -2
- package/dist/collection/components/bh-appbar/bh-appbar.css +28 -1
- package/dist/collection/components/bh-appbar/bh-appbar.js +220 -9
- package/dist/collection/components/bh-appbar/bh-notification-center/bh-notification-center.css +118 -0
- package/dist/collection/components/bh-appbar/bh-notification-center/bh-notification-center.js +513 -0
- package/dist/collection/components/bh-avatar/bh-avatar-add/bh-avatar-add.js +1 -1
- package/dist/collection/components/bh-avatar/bh-avatar-stacked/bh-avatar-stacked.js +1 -1
- package/dist/collection/components/bh-avatar/bh-avatar.css +8 -2
- package/dist/collection/components/bh-avatar/bh-avatar.js +2 -2
- package/dist/collection/components/bh-badge/bh-badge-dot/bh-badge-dot.js +1 -1
- package/dist/collection/components/bh-badge/bh-badge.js +2 -2
- package/dist/collection/components/bh-banner/bh-banner.js +2 -2
- package/dist/collection/components/bh-breadcrumbs/bh-breadcrumbs.css +3 -1
- package/dist/collection/components/bh-breadcrumbs/bh-breadcrumbs.js +14 -3
- package/dist/collection/components/bh-button/bh-button-icon/bh-button-icon.js +1 -1
- package/dist/collection/components/bh-button/bh-button.js +1 -1
- package/dist/collection/components/bh-card/bh-card-content/bh-card-content.js +1 -1
- package/dist/collection/components/bh-card/bh-card-footer/bh-card-footer.js +1 -1
- package/dist/collection/components/bh-card/bh-card-header/bh-card-header.js +1 -1
- package/dist/collection/components/bh-card/bh-card.js +1 -1
- package/dist/collection/components/bh-chart/bh-bar-chart/bh-bar-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-chart-tooltip/bh-chart-tooltip.js +2 -2
- package/dist/collection/components/bh-chart/bh-gauge-chart/bh-gauge-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-line-chart/bh-line-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-pie-chart/bh-pie-chart.js +3 -3
- package/dist/collection/components/bh-chart/bh-progress-bar/bh-progress-bar.js +4 -4
- package/dist/collection/components/bh-chart/bh-radar-chart/bh-radar-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-trend-chart/bh-trend-chart.js +2 -2
- package/dist/collection/components/bh-chat/bh-chat-message/bh-chat-message.js +2 -2
- package/dist/collection/components/bh-chat/bh-chat-reaction/bh-chat-reaction.js +2 -2
- package/dist/collection/components/bh-close-button/bh-close-button.js +1 -1
- package/dist/collection/components/bh-command-bar/bh-command-bar.css +181 -0
- package/dist/collection/components/bh-command-bar/bh-command-bar.figma.js +9 -0
- package/dist/collection/components/bh-command-bar/bh-command-bar.js +663 -0
- package/dist/collection/components/bh-container/bh-container-footer/bh-container-footer.js +1 -1
- package/dist/collection/components/bh-container/bh-container.js +1 -1
- package/dist/collection/components/bh-credit-card/bh-credit-card.js +1 -1
- package/dist/collection/components/bh-data-grid/bh-data-grid-footer.js +1 -1
- package/dist/collection/components/bh-data-grid/bh-data-grid-toolbar.js +1 -1
- package/dist/collection/components/bh-divider/bh-divider.js +1 -1
- package/dist/collection/components/bh-dropdown/bh-dropdown-menu/bh-dropdown-menu.js +1 -1
- package/dist/collection/components/bh-dropdown/bh-dropdown.js +29 -1
- package/dist/collection/components/bh-emoji-picker/bh-emoji-picker.js +1 -1
- package/dist/collection/components/bh-empty-state/bh-empty-state.js +1 -1
- package/dist/collection/components/bh-fab/bh-fab.js +2 -2
- package/dist/collection/components/bh-featured-icon/bh-featured-icon.js +1 -1
- package/dist/collection/components/bh-feed-item/bh-feed-item.css +9 -2
- package/dist/collection/components/bh-feed-item/bh-feed-item.js +81 -4
- package/dist/collection/components/bh-guided-checklist/bh-guided-checklist.js +1 -1
- package/dist/collection/components/bh-html-editor/bh-html-editor-bubble-menu/bh-html-editor-bubble-menu.js +3 -3
- package/dist/collection/components/bh-html-editor/bh-html-editor-toolbar/bh-html-editor-toolbar.js +1 -1
- package/dist/collection/components/bh-html-editor/bh-html-editor.js +2 -2
- package/dist/collection/components/bh-illustrations/bh-illustrations.js +1 -1
- package/dist/collection/components/bh-inline-cta/bh-inline-cta.js +2 -2
- package/dist/collection/components/bh-input/bh-input-autocomplete/bh-input-autocomplete.js +3 -3
- package/dist/collection/components/bh-input/bh-input-number/bh-input-number.js +2 -2
- package/dist/collection/components/bh-input/bh-input-password/bh-input-password.js +3 -3
- package/dist/collection/components/bh-input/bh-input-text/bh-input-text.js +2 -2
- package/dist/collection/components/bh-input/bh-input-verification/bh-input-verification.js +1 -1
- package/dist/collection/components/bh-input/bh-tag-input/bh-tag-input.js +2 -2
- package/dist/collection/components/bh-input/bh-textarea/bh-textarea.js +2 -2
- package/dist/collection/components/bh-kbd/bh-kbd.css +33 -0
- package/dist/collection/components/bh-kbd/bh-kbd.figma.js +11 -0
- package/dist/collection/components/bh-kbd/bh-kbd.js +78 -0
- package/dist/collection/components/bh-logo-box/bh-logo-box.js +2 -2
- package/dist/collection/components/bh-modal/bh-modal-actions/bh-modal-actions.js +1 -1
- package/dist/collection/components/bh-modal/bh-modal-header/bh-modal-header.js +4 -4
- package/dist/collection/components/bh-multi-select/bh-multi-select.js +3 -3
- package/dist/collection/components/bh-page-header/bh-page-header.js +2 -2
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-child/bh-page-navigation-child.js +1 -1
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-multi-level/bh-page-navigation-multi-level.js +2 -2
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-single-level/bh-page-navigation-single-level.js +1 -1
- package/dist/collection/components/bh-page-navigation/bh-page-navigation.js +1 -1
- package/dist/collection/components/bh-pagination/bh-pagination.js +2 -2
- package/dist/collection/components/bh-picker/bh-date-picker/bh-date-picker-content/bh-date-picker-content.js +3 -3
- package/dist/collection/components/bh-picker/bh-date-picker/bh-date-picker.js +3 -3
- package/dist/collection/components/bh-picker/bh-date-range-picker/bh-date-range-picker-content/bh-date-range-picker-content.js +2 -2
- package/dist/collection/components/bh-picker/bh-date-range-picker/bh-date-range-picker.js +4 -4
- package/dist/collection/components/bh-picker/bh-month-picker/bh-month-picker-content/bh-month-picker-content.js +1 -1
- package/dist/collection/components/bh-picker/bh-month-picker/bh-month-picker.js +3 -3
- package/dist/collection/components/bh-pivot-grid/bh-pivot-grid-field-chooser/bh-pivot-grid-field-chooser.js +2 -2
- package/dist/collection/components/bh-pivot-grid/bh-pivot-grid.js +16 -16
- package/dist/collection/components/bh-progress-ring/bh-progress-ring.js +1 -1
- package/dist/collection/components/bh-property-switcher/bh-property-switcher.js +20 -4
- package/dist/collection/components/bh-radio-group/bh-radio-group.js +1 -1
- package/dist/collection/components/bh-range-slider/bh-range-slider.js +1 -1
- package/dist/collection/components/bh-section-footer/bh-section-footer.js +1 -1
- package/dist/collection/components/bh-section-header/bh-section-header.js +1 -1
- package/dist/collection/components/bh-select/bh-select.js +4 -4
- package/dist/collection/components/bh-selection-group/bh-selection-group.js +1 -1
- package/dist/collection/components/bh-side-panel/bh-side-panel-footer/bh-side-panel-footer.js +1 -1
- package/dist/collection/components/bh-side-panel/bh-side-panel-header/bh-side-panel-header.js +1 -1
- package/dist/collection/components/bh-sidebar/bh-nav-item/bh-nav-item.js +2 -2
- package/dist/collection/components/bh-sidebar/bh-sidebar.js +79 -3
- package/dist/collection/components/bh-skeleton-loader/bh-skeleton-loader.js +1 -1
- package/dist/collection/components/bh-table-header/bh-table-header.js +1 -1
- package/dist/collection/components/bh-tabs/bh-tab-item/bh-tab-item.js +2 -2
- package/dist/collection/components/bh-tabs/bh-tabs.js +1 -1
- package/dist/collection/components/bh-tag/bh-tag-group/bh-tag-group.js +1 -1
- package/dist/collection/components/bh-tag/bh-tag.js +2 -2
- package/dist/collection/components/bh-toast/bh-toast.js +2 -2
- package/dist/collection/components/bh-toast-container/bh-toast-container.js +1 -1
- package/dist/collection/components/bh-toggle/bh-toggle.js +1 -1
- package/dist/collection/components/bh-tooltip/bh-tooltip.js +1 -1
- package/dist/collection/components/index.js +5 -0
- package/dist/collection/utils/hotkeys.js +107 -0
- package/dist/collection/utils/index.js +4 -0
- package/dist/esm/bellhop-core.js +1 -1
- package/dist/esm/bh-accordion-item.entry.js +3 -2
- package/dist/esm/bh-accordion.entry.js +2 -1
- package/dist/esm/bh-activity-feed_2.entry.js +171 -0
- package/dist/esm/bh-alert.entry.js +3 -2
- package/dist/esm/bh-appbar.entry.js +56 -10
- package/dist/esm/bh-autocomplete-menu.entry.js +2 -1
- package/dist/esm/bh-avatar-add.entry.js +3 -2
- package/dist/esm/bh-avatar-stacked.entry.js +3 -2
- package/dist/esm/bh-avatar.entry.js +5 -4
- package/dist/esm/bh-badge-dot_2.entry.js +6 -5
- package/dist/esm/bh-badge.entry.js +5 -4
- package/dist/esm/bh-banner.entry.js +4 -3
- package/dist/esm/bh-bar-chart.entry.js +4 -3
- package/dist/esm/bh-breadcrumbs.entry.js +15 -4
- package/dist/esm/bh-button-icon_2.entry.js +3 -2
- package/dist/esm/bh-button.entry.js +4 -3
- package/dist/esm/bh-card-content.entry.js +3 -2
- package/dist/esm/bh-card-footer.entry.js +3 -2
- package/dist/esm/bh-card-header.entry.js +3 -2
- package/dist/esm/bh-card.entry.js +3 -2
- package/dist/esm/bh-chart-tooltip.entry.js +4 -3
- package/dist/esm/bh-chat-message.entry.js +4 -3
- package/dist/esm/bh-chat-reaction.entry.js +4 -3
- package/dist/esm/bh-checkbox.entry.js +2 -1
- package/dist/esm/bh-checklist-task-group_3.entry.js +5 -4
- package/dist/esm/bh-close-button.entry.js +1 -1
- package/dist/esm/bh-command-bar.entry.js +307 -0
- package/dist/esm/bh-container-footer.entry.js +3 -2
- package/dist/esm/bh-container.entry.js +3 -2
- package/dist/esm/bh-credit-card.entry.js +3 -2
- package/dist/esm/bh-data-grid-body.entry.js +2 -1
- package/dist/esm/bh-data-grid-change-preview.entry.js +2 -1
- package/dist/esm/bh-data-grid-filter-builder.entry.js +2 -1
- package/dist/esm/bh-data-grid-footer.entry.js +3 -2
- package/dist/esm/bh-data-grid-header.entry.js +2 -1
- package/dist/esm/bh-data-grid-toolbar.entry.js +3 -2
- package/dist/esm/bh-data-grid.entry.js +3 -2
- package/dist/esm/bh-date-picker-content.entry.js +5 -4
- package/dist/esm/bh-date-picker.entry.js +5 -4
- package/dist/esm/bh-date-range-picker-content.entry.js +4 -3
- package/dist/esm/bh-date-range-picker.entry.js +6 -5
- package/dist/esm/bh-divider.entry.js +3 -2
- package/dist/esm/bh-dropdown-menu.entry.js +1 -1
- package/dist/esm/bh-dropdown.entry.js +12 -3
- package/dist/esm/bh-emoji-picker.entry.js +1 -1
- package/dist/esm/bh-empty-state_2.entry.js +4 -3
- package/dist/esm/bh-featured-icon.entry.js +3 -2
- package/dist/esm/bh-gauge-chart.entry.js +4 -3
- package/dist/esm/bh-guided-checklist.entry.js +4 -3
- package/dist/esm/bh-html-editor-bubble-menu_2.entry.js +6 -5
- package/dist/esm/bh-html-editor.entry.js +4 -3
- package/dist/esm/bh-illustrations.entry.js +3 -2
- package/dist/esm/bh-inline-cta.entry.js +4 -3
- package/dist/esm/bh-input-autocomplete.entry.js +6 -5
- package/dist/esm/bh-input-number.entry.js +4 -3
- package/dist/esm/bh-input-password.entry.js +5 -4
- package/dist/esm/bh-input-text.entry.js +4 -3
- package/dist/esm/bh-input-verification.entry.js +3 -2
- package/dist/esm/bh-kbd.entry.js +32 -0
- package/dist/esm/bh-label_2.entry.js +3 -2
- package/dist/esm/bh-line-chart.entry.js +4 -3
- package/dist/esm/bh-logo-box_2.entry.js +6 -5
- package/dist/esm/bh-menu_2.entry.js +2 -1
- package/dist/esm/bh-modal-actions.entry.js +3 -2
- package/dist/esm/bh-modal-header.entry.js +6 -5
- package/dist/esm/bh-modal.entry.js +3 -2
- package/dist/esm/bh-month-picker-content.entry.js +3 -2
- package/dist/esm/bh-month-picker.entry.js +5 -4
- package/dist/esm/bh-multi-select.entry.js +7 -6
- package/dist/esm/bh-notification-center.entry.js +208 -0
- package/dist/esm/bh-page-header.entry.js +3 -2
- package/dist/esm/bh-page-navigation-child.entry.js +3 -2
- package/dist/esm/bh-page-navigation-multi-level_2.entry.js +5 -4
- package/dist/esm/bh-page-navigation.entry.js +3 -2
- package/dist/esm/bh-pagination_2.entry.js +8 -7
- package/dist/esm/bh-picker-menu.entry.js +2 -1
- package/dist/esm/bh-pie-chart.entry.js +5 -4
- package/dist/esm/bh-pivot-grid-field-chooser.entry.js +4 -3
- package/dist/esm/bh-pivot-grid.entry.js +19 -18
- package/dist/esm/bh-popover.entry.js +2 -1
- package/dist/esm/bh-product-switcher.entry.js +2 -1
- package/dist/esm/bh-progress-bar.entry.js +6 -5
- package/dist/esm/bh-progress-ring.entry.js +1 -1
- package/dist/esm/bh-property-switcher.entry.js +21 -4
- package/dist/esm/bh-radar-chart.entry.js +4 -3
- package/dist/esm/bh-radio-button.entry.js +2 -1
- package/dist/esm/bh-radio-group.entry.js +3 -2
- package/dist/esm/bh-range-slider.entry.js +3 -2
- package/dist/esm/bh-section-footer.entry.js +3 -2
- package/dist/esm/bh-section-header.entry.js +3 -2
- package/dist/esm/bh-selection-group-item.entry.js +2 -1
- package/dist/esm/bh-selection-group.entry.js +3 -2
- package/dist/esm/bh-side-panel-footer.entry.js +1 -1
- package/dist/esm/bh-side-panel-header.entry.js +1 -1
- package/dist/esm/bh-sidebar.entry.js +18 -4
- package/dist/esm/bh-stepper.entry.js +2 -1
- package/dist/esm/bh-tab-item.entry.js +4 -3
- package/dist/esm/bh-table-header.entry.js +3 -2
- package/dist/esm/bh-tabs.entry.js +3 -2
- package/dist/esm/bh-tag-group.entry.js +3 -2
- package/dist/esm/bh-tag-input.entry.js +4 -3
- package/dist/esm/bh-textarea.entry.js +4 -3
- package/dist/esm/bh-toast-container.entry.js +1 -1
- package/dist/esm/bh-toast.entry.js +4 -3
- package/dist/esm/bh-toggle.entry.js +3 -2
- package/dist/esm/bh-trend-chart.entry.js +4 -3
- package/dist/esm/{component-error-handler-BVWQSuxn.js → component-error-handler-bgLpf9Pn.js} +1 -1
- package/dist/esm/error-boundary-afpK3NgJ.js +70 -0
- package/dist/esm/hotkeys-CBTS9Vhx.js +109 -0
- package/dist/esm/index-CTHvNfIu.js +20 -12
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{error-boundary-YLeLKAYJ.js → logger-CMKOFHIa.js} +1 -68
- package/dist/locales/bh-appbar/de.json +4 -1
- package/dist/locales/bh-appbar/en.json +4 -1
- package/dist/locales/bh-appbar/es.json +4 -1
- package/dist/locales/bh-appbar/fr.json +4 -1
- package/dist/locales/bh-appbar/ja.json +4 -1
- package/dist/locales/bh-appbar/pt.json +4 -1
- package/dist/locales/bh-appbar/ru.json +4 -1
- package/dist/locales/bh-appbar/zh.json +4 -1
- package/dist/locales/bh-command-bar/de.json +13 -0
- package/dist/locales/bh-command-bar/en.json +13 -0
- package/dist/locales/bh-command-bar/es.json +13 -0
- package/dist/locales/bh-command-bar/fr.json +13 -0
- package/dist/locales/bh-command-bar/ja.json +13 -0
- package/dist/locales/bh-command-bar/pt.json +13 -0
- package/dist/locales/bh-command-bar/ru.json +13 -0
- package/dist/locales/bh-command-bar/zh.json +13 -0
- package/dist/types/components/bh-activity-feed/bh-activity-feed.d.ts +6 -0
- package/dist/types/components/bh-appbar/bh-appbar.d.ts +38 -0
- package/dist/types/components/bh-appbar/bh-notification-center/bh-notification-center.d.ts +108 -0
- package/dist/types/components/bh-breadcrumbs/bh-breadcrumbs.d.ts +8 -0
- package/dist/types/components/bh-command-bar/bh-command-bar.d.ts +131 -0
- package/dist/types/components/bh-command-bar/bh-command-bar.figma.d.ts +1 -0
- package/dist/types/components/bh-dropdown/bh-dropdown.d.ts +4 -0
- package/dist/types/components/bh-feed-item/bh-feed-item.d.ts +15 -0
- package/dist/types/components/bh-kbd/bh-kbd.d.ts +13 -0
- package/dist/types/components/bh-kbd/bh-kbd.figma.d.ts +1 -0
- package/dist/types/components/bh-property-switcher/bh-property-switcher.d.ts +2 -0
- package/dist/types/components/bh-sidebar/bh-sidebar.d.ts +14 -1
- package/dist/types/components/index.d.ts +3 -0
- package/dist/types/components.d.ts +541 -4
- package/dist/types/index.d.ts +2 -0
- package/dist/types/utils/hotkeys.d.ts +23 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/hydrate/index.js +1021 -189
- package/hydrate/index.mjs +1021 -189
- package/llms.txt +4251 -286
- package/package.json +1 -1
- package/vscode-data.json +215 -0
- package/components/p-B7i48CAz.js +0 -1
- package/components/p-Bk-ipvH3.js +0 -1
- package/components/p-Cy98fCjm.js +0 -1
- package/components/p-i7ZvTRXV.js +0 -1
- package/dist/bellhop-core/p-008932dc.entry.js +0 -1
- package/dist/bellhop-core/p-03e002af.entry.js +0 -1
- package/dist/bellhop-core/p-062955a0.entry.js +0 -1
- package/dist/bellhop-core/p-0705eb78.entry.js +0 -1
- package/dist/bellhop-core/p-0a1548b0.entry.js +0 -1
- package/dist/bellhop-core/p-0a758a65.entry.js +0 -1
- package/dist/bellhop-core/p-0b3a286d.entry.js +0 -1
- package/dist/bellhop-core/p-0e60f7f5.entry.js +0 -1
- package/dist/bellhop-core/p-105d9352.entry.js +0 -1
- package/dist/bellhop-core/p-11eec77c.entry.js +0 -1
- package/dist/bellhop-core/p-1334408b.entry.js +0 -1
- package/dist/bellhop-core/p-141d68b7.entry.js +0 -1
- package/dist/bellhop-core/p-164db491.entry.js +0 -1
- package/dist/bellhop-core/p-170c4a62.entry.js +0 -1
- package/dist/bellhop-core/p-19739563.entry.js +0 -1
- package/dist/bellhop-core/p-1cfa274f.entry.js +0 -1
- package/dist/bellhop-core/p-1ddb2ef9.entry.js +0 -1
- package/dist/bellhop-core/p-22243198.entry.js +0 -1
- package/dist/bellhop-core/p-23acfc6a.entry.js +0 -1
- package/dist/bellhop-core/p-277693e6.entry.js +0 -1
- package/dist/bellhop-core/p-283eb6ee.entry.js +0 -1
- package/dist/bellhop-core/p-298d6782.entry.js +0 -1
- package/dist/bellhop-core/p-30f1e109.entry.js +0 -1
- package/dist/bellhop-core/p-31e952ed.entry.js +0 -1
- package/dist/bellhop-core/p-3254b058.entry.js +0 -1
- package/dist/bellhop-core/p-332a6b0d.entry.js +0 -1
- package/dist/bellhop-core/p-43c97303.entry.js +0 -1
- package/dist/bellhop-core/p-4b8fe1fa.entry.js +0 -1
- package/dist/bellhop-core/p-4d8b9186.entry.js +0 -1
- package/dist/bellhop-core/p-50b95dc8.entry.js +0 -1
- package/dist/bellhop-core/p-53006e0e.entry.js +0 -1
- package/dist/bellhop-core/p-53683664.entry.js +0 -1
- package/dist/bellhop-core/p-53dc8f16.entry.js +0 -1
- package/dist/bellhop-core/p-54d147b9.entry.js +0 -1
- package/dist/bellhop-core/p-56b090e1.entry.js +0 -1
- package/dist/bellhop-core/p-58eae3e6.entry.js +0 -1
- package/dist/bellhop-core/p-5d43f80b.entry.js +0 -1
- package/dist/bellhop-core/p-61aeccd7.entry.js +0 -1
- package/dist/bellhop-core/p-63303380.entry.js +0 -1
- package/dist/bellhop-core/p-63af6f45.entry.js +0 -1
- package/dist/bellhop-core/p-640aaf14.entry.js +0 -1
- package/dist/bellhop-core/p-6632ba13.entry.js +0 -1
- package/dist/bellhop-core/p-6807b97e.entry.js +0 -1
- package/dist/bellhop-core/p-6a725cbe.entry.js +0 -1
- package/dist/bellhop-core/p-6bfb6425.entry.js +0 -1
- package/dist/bellhop-core/p-6c4eb165.entry.js +0 -1
- package/dist/bellhop-core/p-72cd0a98.entry.js +0 -1
- package/dist/bellhop-core/p-74972e2e.entry.js +0 -1
- package/dist/bellhop-core/p-77a7967d.entry.js +0 -1
- package/dist/bellhop-core/p-79bc0c14.entry.js +0 -1
- package/dist/bellhop-core/p-7f2736ab.entry.js +0 -1
- package/dist/bellhop-core/p-83024333.entry.js +0 -1
- package/dist/bellhop-core/p-8c01d55f.entry.js +0 -1
- package/dist/bellhop-core/p-8d4654ea.entry.js +0 -1
- package/dist/bellhop-core/p-9429002f.entry.js +0 -1
- package/dist/bellhop-core/p-956ca990.entry.js +0 -1
- package/dist/bellhop-core/p-9b0d2d1d.entry.js +0 -1
- package/dist/bellhop-core/p-YLeLKAYJ.js +0 -1
- package/dist/bellhop-core/p-a0005573.entry.js +0 -1
- package/dist/bellhop-core/p-a26f1ec0.entry.js +0 -1
- package/dist/bellhop-core/p-a42cca95.entry.js +0 -1
- package/dist/bellhop-core/p-a7153865.entry.js +0 -1
- package/dist/bellhop-core/p-a7608d57.entry.js +0 -1
- package/dist/bellhop-core/p-a94d36ae.entry.js +0 -1
- package/dist/bellhop-core/p-a9644488.entry.js +0 -1
- package/dist/bellhop-core/p-aac0f3c1.entry.js +0 -1
- package/dist/bellhop-core/p-aae7e90e.entry.js +0 -1
- package/dist/bellhop-core/p-ac2d706c.entry.js +0 -1
- package/dist/bellhop-core/p-b21105d4.entry.js +0 -1
- package/dist/bellhop-core/p-b7995c47.entry.js +0 -1
- package/dist/bellhop-core/p-bacf8b19.entry.js +0 -1
- package/dist/bellhop-core/p-bf2f5dbd.entry.js +0 -1
- package/dist/bellhop-core/p-c10aff52.entry.js +0 -1
- package/dist/bellhop-core/p-c30fcfcb.entry.js +0 -1
- package/dist/bellhop-core/p-c581c876.entry.js +0 -1
- package/dist/bellhop-core/p-c97c166b.entry.js +0 -1
- package/dist/bellhop-core/p-cb19b35b.entry.js +0 -1
- package/dist/bellhop-core/p-cb1dde19.entry.js +0 -1
- package/dist/bellhop-core/p-cf8c9d85.entry.js +0 -1
- package/dist/bellhop-core/p-d3816b20.entry.js +0 -1
- package/dist/bellhop-core/p-d4107350.entry.js +0 -1
- package/dist/bellhop-core/p-d59fdc08.entry.js +0 -1
- package/dist/bellhop-core/p-d77016ec.entry.js +0 -1
- package/dist/bellhop-core/p-dd1e6138.entry.js +0 -1
- package/dist/bellhop-core/p-dd6f2996.entry.js +0 -1
- package/dist/bellhop-core/p-e082bce2.entry.js +0 -1
- package/dist/bellhop-core/p-e0e28b1f.entry.js +0 -1
- package/dist/bellhop-core/p-e4a47861.entry.js +0 -1
- package/dist/bellhop-core/p-e74a03e3.entry.js +0 -1
- package/dist/bellhop-core/p-e9168244.entry.js +0 -1
- package/dist/bellhop-core/p-ea1fe131.entry.js +0 -1
- package/dist/bellhop-core/p-ecf1b0c4.entry.js +0 -1
- package/dist/bellhop-core/p-f16e07ca.entry.js +0 -1
- package/dist/bellhop-core/p-f2d2abb2.entry.js +0 -1
- package/dist/bellhop-core/p-f8f6e900.entry.js +0 -1
- package/dist/bellhop-core/p-fbdeab71.entry.js +0 -1
- package/dist/bellhop-core/p-fcb058cf.entry.js +0 -1
- package/dist/cjs/bh-activity-feed.cjs.entry.js +0 -71
- package/dist/cjs/bh-feed-item.cjs.entry.js +0 -82
- package/dist/esm/bh-activity-feed.entry.js +0 -69
- package/dist/esm/bh-feed-item.entry.js +0 -80
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,a as e,h as r,H as a}from"./p-CTHvNfIu.js";import{h as o,c as s,g as l,a as n,b as d}from"./p-D1dU_VEW.js";import{v as h}from"./p-R-A72b5e.js";import{c}from"./p-CMKOFHIa.js";import{c as p}from"./p-CKTtXT2O.js";import{c as g,a as v}from"./p-CS8F5LFw.js";import{c as b}from"./p-CijzRD3j.js";import{t as f}from"./p-Bf0qW3wI.js";import{m as u,M as m}from"./p-CSH9RXgl.js";import{B as x,r as y}from"./p-BNVOtH-1.js";import{r as w}from"./p-Xi3uD33F.js";import{K as k}from"./p-zdFuIabL.js";const S=["=","+","-","@","\t","\r"],C="\0";function F(t,i){if(!i.length)return t;const e=new Map(i.filter((t=>t.selectedValues.length>0)).map((t=>[t.dataField,new Set(t.selectedValues)])));return 0===e.size?t:t.filter((t=>{for(const[i,r]of e)if(!r.has(t[i]))return!1;return!0}))}function D(t,i,e){const r=e&&e.length>0?F(t,e.filter((t=>t.dataField!==i))):t,a=new Set,o=[];for(const t of r){const e=t[i];a.has(e)||(a.add(e),o.push(e))}return o.toSorted(((t,i)=>String(t).localeCompare(String(i))))}class T{sum=0;count=0;min=Number.POSITIVE_INFINITY;max=Number.NEGATIVE_INFINITY;values=[];add(t){if(null==t)return;this.count++;const i=Number(t);Number.isFinite(i)&&(this.sum+=i,i<this.min&&(this.min=i),i>this.max&&(this.max=i)),this.values.push(t)}getValue(t,i){if(0===this.count)return null;switch(t){case"sum":default:return this.sum;case"count":return this.count;case"avg":return this.sum/this.count;case"min":return this.min===Number.POSITIVE_INFINITY?null:this.min;case"max":return this.max===Number.NEGATIVE_INFINITY?null:this.max;case"custom":return i?i(this.values):null}}}function z(t,i,e,r,a,o){const s="number"==typeof t&&Number.isFinite(t)?1:Array.isArray(t)?t.length:0,l=function(t,i,e){if(null==t)return"";const r=i.format;if(r?.formatter)return String(r.formatter(t));if("currency"===r?.type){const i={style:"currency",currency:r.currency??"USD",minimumFractionDigits:r.precision??0,maximumFractionDigits:r.precision??2,...r.numberFormat};return new Intl.NumberFormat(void 0,i).format(Number(t))}if("percent"===r?.type){const i={style:"percent",minimumFractionDigits:r.precision??0,maximumFractionDigits:r.precision??2,...r.numberFormat};return new Intl.NumberFormat(void 0,i).format(Number(t))}if("decimal"===r?.type){const i={minimumFractionDigits:r.precision??0,maximumFractionDigits:r.precision??2,...r.numberFormat};return new Intl.NumberFormat(void 0,i).format(Number(t))}if("date"===r?.type||"datetime"===r?.type){const i=t instanceof Date?t:new Date(String(t));return Number.isNaN(i.getTime())?String(t):new Intl.DateTimeFormat(void 0,r.dateFormat??("datetime"===r.type?{dateStyle:"short",timeStyle:"short"}:{dateStyle:"short"})).format(i)}if("count"===e||"sum"===e||"avg"===e||"min"===e||"max"===e){const i=Number(t);if(Number.isFinite(i))return i.toFixed(r?.precision??2)}return String(t)}(t,r,a);return{value:t,formattedValue:l,rowPath:[...i],columnPath:[...e],isSummary:o,dataField:r.dataField,summaryType:a??"sum",count:s}}function M(t){return t.join(C)}function E(t,i){return i.map((i=>String(t[i.dataField]??"")))}function A(t,i){return i.map((i=>String(t[i.dataField]??"")))}const P=",";function N(t,i={}){const{fileName:e="pivot-export",includeTotals:r=!0,delimiter:a=P,includeBOM:o=!0}=i,s=function(t,i={}){const{includeTotals:e=!0}=i,r=[],a=[""];for(const i of t.columnHeaders)a.push(i.caption||"");e&&t.rowGrandTotals.length>0&&a.push("Grand Total"),r.push(a);for(const[i,a]of t.cells.entries()){const o=[t.rowHeaders[i]?.caption??""];for(const t of a)o.push(t?.formattedValue??"");e&&t.rowGrandTotals[i]&&o.push(t.rowGrandTotals[i].formattedValue??""),r.push(o)}if(e&&t.columnGrandTotals.length>0){const i=["Grand Total"];for(const e of t.columnGrandTotals)i.push(e.formattedValue??"");t.grandTotal&&i.push(t.grandTotal.formattedValue??""),r.push(i)}return r}(t,{includeTotals:r}),l=s.map((t=>t.map((t=>function(t,i){const e=function(t){if(null==t)return"";const i=String(t);return S.some((t=>i.startsWith(t)))?`'${i}`:i}(t);return e.includes(i)||e.includes('"')||e.includes("\n")||e.includes("\r")?`"${e.replace(/"/g,'""')}"`:e}(String(t),a))).join(a))).join("\n");!function(t,i){const e=URL.createObjectURL(t),r=document.createElement("a");r.href=e,r.download=i,r.style.display="none",document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(e)}(new Blob([(o?"\ufeff":"")+l],{type:"text/csv;charset=utf-8;"}),e.replace(/\.csv$/i,"")+".csv")}function H(t){return`bh-pivot-grid-state-${t}`}function I(t){if(null==t||"object"!=typeof t)return!1;const i=t;return"number"==typeof i.version&&Array.isArray(i.fields)&&Array.isArray(i.rowExpandedPaths)&&Array.isArray(i.columnExpandedPaths)&&Array.isArray(i.filters)&&Array.isArray(i.sorting)}function $(t){if(!t.enable||!t.stateStorageKey)return;const i=t.storage??("undefined"==typeof localStorage?void 0:localStorage);if(i)try{const e=H(t.stateStorageKey),r={...t.state,version:1};i.setItem(e,JSON.stringify(r)),t.onSave?.(t.state)}catch(t){}}const R={grandTotal:"Grand Total",total:"Total",noData:"No Data",dataNotAvailable:"Data not available",showFieldChooser:"Show Field Chooser",exportToExcel:"Export to CSV",expandAll:"Expand All",collapseAll:"Collapse All",allFields:"All Fields",rowFields:"Row Fields",columnFields:"Column Fields",dataFields:"Data Fields",filterFields:"Filter Fields",columnFieldArea:"Drop Column Fields Here",dataFieldArea:"Drop Data Fields Here",filterFieldArea:"Drop Filter Fields Here",rowFieldArea:"Drop Row Fields Here",removeAllSorting:"Remove All Sorting",sortColumnBySummary:"Sort {0} by This Column",sortRowBySummary:"Sort {0} by This Row",cancel:"Cancel",ok:"OK",emptyValue:"(Blanks)"},O=class{constructor(e){t(this,e),this.bhCellClick=i(this,"bhCellClick"),this.bhCellPrepared=i(this,"bhCellPrepared"),this.bhFieldChange=i(this,"bhFieldChange"),this.bhFieldDragStart=i(this,"bhFieldDragStart"),this.bhFieldDragEnd=i(this,"bhFieldDragEnd"),this.bhExpandChange=i(this,"bhExpandChange"),this.bhStateLoad=i(this,"bhStateLoad"),this.bhStateSave=i(this,"bhStateSave"),this.bhExport=i(this,"bhExport"),this.bhExporting=i(this,"bhExporting"),this.bhContextMenuPreparing=i(this,"bhContextMenuPreparing"),this.bhReady=i(this,"bhReady"),this.bhDisposing=i(this,"bhDisposing"),this.bhError=i(this,"bhError")}get el(){return e(this)}logger=c("bh-pivot-grid");handleError=p({componentName:"bh-pivot-grid",emitError:t=>this.bhError.emit({error:t}),logger:this.logger});destroy$=g();listeners=b();i18nUnsubscribe;_i18nVersion=0;data=[];dataSource;fields=[];showRowGrandTotals=!0;showColumnGrandTotals=!0;showRowTotals=!0;showColumnTotals=!0;totalPosition="after";showTotalsPrior="none";rowHeaderLayout="standard";wordWrapEnabled=!1;hideEmptySummaryCells=!1;dataFieldArea="column";showBorders=!0;disabled=!1;encodeHtml=!0;showFieldPanel=!0;showRowFields=!0;showColumnFields=!0;showDataFields=!0;showFilterFields=!0;allowFieldDragging=!0;showFieldChooserButton=!0;fieldChooserEnabled=!0;fieldChooserApplyMode="instantly";fieldChooserTitle="Field Chooser";fieldChooserWidth=400;fieldChooserHeight=500;allowFiltering=!0;showHeaderFilter=!0;headerFilterHeight=300;headerFilterWidth=250;headerFilterAllowSelectAll=!0;headerFilterShowRelevantValues=!1;headerFilterSearchEnabled=!0;headerFilterSearchMode="contains";headerFilterSearchTimeout=500;allowSorting=!0;allowSortingBySummary=!0;allowExpandAll=!0;rowExpandedPaths=[];columnExpandedPaths=[];enableExport=!0;showExportButton=!0;exportFileName="pivot-export";exportIncludeTotals=!0;enableStatePersistence=!1;stateStorageKey;stateStorageType="localStorage";stateSavingTimeout=2e3;loading=!1;loadingType="spinner";emptyTitle="No data";emptyDescription="Configure fields to see data.";ariaLabel="Pivot grid";focusTabIndex=0;texts={};fieldChooserOpen=!1;effectiveData=[];matrix=null;dragData=null;dropTargetArea=null;filters=[];sorting=[];focusedCellRow=0;focusedCellCol=0;liveAnnouncement="";contextMenuVisible=!1;contextMenuX=0;contextMenuY=0;contextMenuItems=[];headerFilterOpenField=null;headerFilterPendingValues=[];headerFilterSearchQuery="";headerFilterAnchorX=0;headerFilterAnchorY=0;activeCellEl=null;focusMovedByKeyboard=!1;contextMenuClickOutsideHandler=null;headerFilterClickOutsideHandler=null;bhCellClick;bhCellPrepared;bhFieldChange;bhFieldDragStart;bhFieldDragEnd;bhExpandChange;bhStateLoad;bhStateSave;bhExport;bhExporting;bhContextMenuPreparing;bhReady;bhDisposing;bhError;onDataChange(){this.syncEffectiveData()}onMatrixInputsChange(){this.rebuildMatrix(),this.scheduleStateSave()}syncEffectiveData(){if(this.dataSource?.store){const t=this.dataSource.store;this.effectiveData=Array.isArray(t)?t:t.data??[]}else this.effectiveData=Array.isArray(this.data)?this.data:[];this.rebuildMatrix()}scheduleStateSave(){this.enableStatePersistence&&this.stateStorageKey&&this.destroy$&&f(this.stateSavingTimeout,this.destroy$)?.subscribe((async()=>{const t=await this.getState();$({enable:!0,stateStorageKey:this.stateStorageKey,state:t,onSave:t=>this.bhStateSave.emit({state:t})})}))}rebuildMatrix(){if(this.effectiveData.length>0&&this.fields.length>0)try{this.matrix=function(t){const{data:i,fields:e,rowExpandedPaths:r=[],columnExpandedPaths:a=[],filters:o=[],sorting:s=[],showRowGrandTotals:l=!0,showColumnGrandTotals:n=!0}=t,d=o.length>0?F(i,o):i,h=e.filter((t=>"row"===t.area)).toSorted(((t,i)=>(t.areaIndex??0)-(i.areaIndex??0))),c=e.filter((t=>"column"===t.area)).toSorted(((t,i)=>(t.areaIndex??0)-(i.areaIndex??0))),p=e.filter((t=>"data"===t.area)).toSorted(((t,i)=>(t.areaIndex??0)-(i.areaIndex??0)));if(0===h.length&&0===c.length)return null;if(0===p.length)return null;if(0===d.length)return function(t,i,e){const r=e[0];return{rowHeaders:[],columnHeaders:[],cells:[],rowGrandTotals:[],columnGrandTotals:[],grandTotal:z(null,[],[],r,r?.summaryType??"sum",!0),rowCount:0,columnCount:0}}(0,0,p);const g=new Map,v=new Set(r.map((t=>M(t)))),b=new Set(a.map((t=>M(t))));for(const t of d){const i=E(t,h),e=A(t,c),r=M(i),a=M(e);let o=g.get(r);o||(o=new Map,g.set(r,o));let s=o.get(a);s||(s=new Map,o.set(a,s));for(const i of p){let e=s.get(i.dataField);e||(e=new T,s.set(i.dataField,e)),e.add(t[i.dataField])}}let f=Array.from(g.keys()).map((t=>t.split(C))).toSorted(((t,i)=>M(t).localeCompare(M(i))));const u=new Set;for(const t of g.values())for(const i of t.keys())u.add(i);let m=Array.from(u).map((t=>t.split(C))).toSorted(((t,i)=>M(t).localeCompare(M(i))));const x=h[0]?s.find((t=>t.dataField===h[0].dataField)):void 0,y=c[0]?s.find((t=>t.dataField===c[0].dataField)):void 0,w=(t,i,e)=>{const r=M(t).localeCompare(M(i));return"desc"===e?-r:r};x&&(f=f.toSorted(((t,i)=>w(t,i,x.sortOrder)))),y&&(m=m.toSorted(((t,i)=>w(t,i,y.sortOrder))));const k=[],S=[],D=[],P=new Map,N=new Map,H=new Map;for(const t of p){let i=H.get(t.dataField);i||(i=new T,H.set(t.dataField,i));for(const e of d)i.add(e[t.dataField])}for(const t of f){const i=M(t),e=g.get(i),r=[];let a=P.get(i);a||(a=new Map,P.set(i,a));for(const i of m){const o=M(i),s=e.get(o),l=p[0],n=l.summaryType??"sum";if(!s||!s.has(l.dataField)){r.push(z(null,t,i,l,n,!1));continue}const d=s.get(l.dataField).getValue(n,l.calculateCustomSummary);r.push(z(d,t,i,l,n,!1));for(const t of p){const i=s.get(t.dataField);if(i){let e=a.get(t.dataField);e||(e=new T,a.set(t.dataField,e)),e.sum+=i.sum,e.count+=i.count,e.values.push(...i.values),Number.isFinite(i.min)&&(e.min=Math.min(e.min,i.min)),Number.isFinite(i.max)&&(e.max=Math.max(e.max,i.max))}}let h=N.get(o);h||(h=new Map,N.set(o,h));for(const t of p){const i=s.get(t.dataField);if(i){let e=h.get(t.dataField);e||(e=new T,h.set(t.dataField,e)),e.sum+=i.sum,e.count+=i.count,e.values.push(...i.values),Number.isFinite(i.min)&&(e.min=Math.min(e.min,i.min)),Number.isFinite(i.max)&&(e.max=Math.max(e.max,i.max))}}}if(k.push(r),l&&p.length>0){const i=p[0],e=a.get(i.dataField),r=e?e.getValue(i.summaryType??"sum",i.calculateCustomSummary):null;S.push(z(r,t,[],i,i.summaryType??"sum",!0))}}if(n&&p.length>0){const t=p[0];for(const i of m){const e=M(i),r=N.get(e),a=r?.get(t.dataField),o=a?a.getValue(t.summaryType??"sum",t.calculateCustomSummary):null;D.push(z(o,[],i,t,t.summaryType??"sum",!0))}}const I=p.length>0?(()=>{const t=p[0],i=H.get(t.dataField);return z(i?i.getValue(t.summaryType??"sum",t.calculateCustomSummary):null,[],[],t,t.summaryType??"sum",!0)})():z(null,[],[],p[0],"sum",!0),$=function(t,i,e){if(0===i.length)return[];const r=i[0],a=new Set,o=[];let s=0;for(const i of t){const l=i.slice(0,1),n=M(l);if(a.has(n))continue;a.add(n);const d=i[0]||"",h=t.some((t=>t.length>1&&M(t.slice(0,1))===n)),c=h&&e.has(n);o.push({key:n,path:[...l],caption:d,level:0,span:1,expanded:c,expandable:h,children:[],field:r,index:s++})}return o}(f,h,v),R=function(t,i,e){if(0===i.length)return[];const r=i[0],a=new Set,o=[];let s=0;for(const i of t){const l=i.slice(0,1),n=M(l);if(a.has(n))continue;a.add(n);const d=i[0]||"",h=t.some((t=>t.length>1&&M(t.slice(0,1))===n)),c=h&&e.has(n);o.push({key:n,path:[...l],caption:d,level:0,span:1,expanded:c,expandable:h,children:[],field:r,index:s++})}return o}(m,c,b);return{rowHeaders:$,columnHeaders:R,cells:k,rowGrandTotals:S,columnGrandTotals:D,grandTotal:I,rowCount:f.length,columnCount:m.length}}({data:this.effectiveData,fields:this.fields,rowExpandedPaths:this.rowExpandedPaths,columnExpandedPaths:this.columnExpandedPaths,filters:this.filters,sorting:this.sorting,showRowGrandTotals:this.showRowGrandTotals,showColumnGrandTotals:this.showColumnGrandTotals})}catch(t){this.handleError(t),this.matrix=null}else this.matrix=null}componentWillLoad(){this.enableStatePersistence&&this.stateStorageKey&&function(t){if(!t.stateStorageKey)return null;const i=t.storage??("undefined"==typeof localStorage?void 0:localStorage);if(!i)return null;try{const e=H(t.stateStorageKey),r=i.getItem(e);if(!r)return t.onLoad(null),null;const a=h(r,I);if(!a.valid||null==a.value)return t.onLoad(null),null;const o=function(t){return(t.version??0)>=1?t:{version:1,fields:t.fields??[],rowExpandedPaths:t.rowExpandedPaths??[],columnExpandedPaths:t.columnExpandedPaths??[],filters:t.filters??[],sorting:t.sorting??[]}}(a.value);return t.onLoad(o),o}catch(i){return t.onLoad(null),null}}({enable:!0,stateStorageKey:this.stateStorageKey,storage:"sessionStorage"===this.stateStorageType&&"undefined"!=typeof sessionStorage?sessionStorage:void 0,onLoad:t=>{t&&(this.bhStateLoad.emit({state:t}),this.rowExpandedPaths=t.rowExpandedPaths??[],this.columnExpandedPaths=t.columnExpandedPaths??[],this.filters=t.filters??[],this.sorting=t.sorting??[],t.fields?.length&&this.fields.length>0&&(this.fields=this.fields.map((i=>{const e=t.fields.find((t=>t.dataField===i.dataField));return e?{...i,area:e.area,areaIndex:e.areaIndex,visible:e.visible,sortOrder:e.sortOrder}:i}))))}}),this.syncEffectiveData(),u.increment(m.EVENT_EMIT,{component:"bh-pivot-grid",event:"load"}),this.i18nUnsubscribe=x.onLocaleChange((()=>{this._i18nVersion++})),this.i18nUnsubscribe=x.onLocaleChange((()=>{this._i18nVersion++})),this.i18nUnsubscribe=x.onLocaleChange((()=>{this._i18nVersion++}))}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),u.increment(m.COMPONENT_ERROR,{component:"bh-pivot-grid",error_type:t instanceof Error?t.name:"unknown"}),w("bh-pivot-grid",t),this.bhError.emit({error:t})}componentDidLoad(){this.bhReady.emit()}disconnectedCallback(){this.bhDisposing.emit(),v(this.destroy$),this.listeners.removeAll(),this.i18nUnsubscribe?.()}async expandAll(){if(!this.matrix)return;const t=this.collectExpandablePaths(this.matrix.rowHeaders),i=this.collectExpandablePaths(this.matrix.columnHeaders);this.rowExpandedPaths=t,this.columnExpandedPaths=i,this.bhExpandChange.emit({path:[],expanded:!0,type:"row"}),this.bhExpandChange.emit({path:[],expanded:!0,type:"column"})}async collapseAll(){this.rowExpandedPaths=[],this.columnExpandedPaths=[],this.bhExpandChange.emit({path:[],expanded:!1,type:"row"}),this.bhExpandChange.emit({path:[],expanded:!1,type:"column"})}async expandRow(t){const i=t.join(C);this.rowExpandedPaths.some((t=>t.join(C)===i))||(this.rowExpandedPaths=[...this.rowExpandedPaths,t]),this.bhExpandChange.emit({path:t,expanded:!0,type:"row"})}async collapseRow(t){const i=t.join(C);this.rowExpandedPaths=this.rowExpandedPaths.filter((t=>t.join(C)!==i)),this.bhExpandChange.emit({path:t,expanded:!1,type:"row"})}async expandColumn(t){const i=t.join(C);this.columnExpandedPaths.some((t=>t.join(C)===i))||(this.columnExpandedPaths=[...this.columnExpandedPaths,t]),this.bhExpandChange.emit({path:t,expanded:!0,type:"column"})}async collapseColumn(t){const i=t.join(C);this.columnExpandedPaths=this.columnExpandedPaths.filter((t=>t.join(C)!==i)),this.bhExpandChange.emit({path:t,expanded:!1,type:"column"})}collectExpandablePaths(t){const i=[];for(const e of t)e.expandable&&i.push(e.path),e.children.length>0&&i.push(...this.collectExpandablePaths(e.children));return i}async getState(){return{version:1,fields:this.fields.map((t=>({dataField:t.dataField,area:t.area,areaIndex:t.areaIndex,visible:t.visible,sortOrder:t.sortOrder}))),rowExpandedPaths:[...this.rowExpandedPaths],columnExpandedPaths:[...this.columnExpandedPaths],filters:this.filters.map((t=>({dataField:t.dataField,selectedValues:[...t.selectedValues]}))),sorting:this.sorting.map((t=>({...t})))}}async setState(t){this.rowExpandedPaths=t.rowExpandedPaths??[],this.columnExpandedPaths=t.columnExpandedPaths??[],this.filters=t.filters??[],this.sorting=t.sorting??[],t.fields?.length&&(this.fields=t.fields.map((t=>({...this.fields.find((i=>i.dataField===t.dataField)),dataField:t.dataField,area:t.area,areaIndex:t.areaIndex,visible:t.visible,sortOrder:t.sortOrder})))),this.rebuildMatrix()}async resetState(){this.rowExpandedPaths=[],this.columnExpandedPaths=[],this.filters=[],this.sorting=[],this.rebuildMatrix()}async saveState(){const t=await this.getState();this.bhStateSave.emit({state:t})}async saveStateImmediate(){if(!this.enableStatePersistence||!this.stateStorageKey)return;const t=await this.getState();$({enable:!0,stateStorageKey:this.stateStorageKey,state:t,storage:"sessionStorage"===this.stateStorageType&&"undefined"!=typeof sessionStorage?sessionStorage:void 0,onSave:t=>this.bhStateSave.emit({state:t})})}async loadState(){this.bhStateLoad.emit({state:null})}async getFields(){return[...this.fields]}async getFieldsByArea(t){return this.fields.filter((i=>i.area===t))}async moveField(t,i,e){const r=this.fields.findIndex((i=>i.dataField===t));if(-1===r)return;const a=this.fields.map((t=>({...t}))),o=a[r];o.area=i;const s=a.toSpliced(r,1),l=s.filter((t=>t.area===i));o.areaIndex=void 0===e?l.length:Math.min(e,l.length);const n=["row","column","data","filter"],d=[...s,o].toSorted(((t,i)=>n.indexOf(t.area??"row")-n.indexOf(i.area??"row")||(t.areaIndex??0)-(i.areaIndex??0)));for(const t of n){const i=d.filter((i=>(i.area??"row")===t));for(const[t,e]of i.entries())e.areaIndex=t}this.fields=d,this.bhFieldChange.emit({fields:s,changeType:"move"}),this.scheduleStateSave()}async updateField(t,i){const e=this.fields.findIndex((i=>i.dataField===t));if(-1===e)return;const r=this.fields.map((t=>({...t})));r[e]={...r[e],...i},this.fields=r,this.bhFieldChange.emit({fields:r,changeType:"update"}),this.scheduleStateSave()}async refresh(){this.syncEffectiveData()}async getMatrix(){return this.matrix}async exportTo(t,i){const e=i?.fileName??this.exportFileName,r=i?.includeTotals??this.exportIncludeTotals;this.bhExporting.emit({format:"csv",fileName:e,includeTotals:r}),this.matrix&&N(this.matrix,{fileName:e,includeTotals:r,includeBOM:!0}),this.bhExport.emit({format:"csv",rowCount:this.matrix?.rowCount??0,columnCount:this.matrix?.columnCount??0,fileName:e,includeTotals:r})}async showFieldChooser(){this.fieldChooserOpen=!0}async hideFieldChooser(){this.fieldChooserOpen=!1}onFieldDragStart=(t,i)=>{if(!o(t,i,this.allowFieldDragging))return;const e=i.area??"row";this.dragData={dataField:i.dataField,sourceArea:e},this.bhFieldDragStart.emit({field:i,sourceArea:e,event:t})};onFieldDragEnd=t=>{const i=this.fields.find((t=>t.dataField===this.dragData?.dataField)),e=this.dragData?.sourceArea??"row";s(),this.dragData=null,this.dropTargetArea=null,i&&this.bhFieldDragEnd.emit({field:i,sourceArea:e,event:t})};onFieldDragOver=(t,i)=>{const e=this.dragData??l(t);n(t,i,e)&&(this.dropTargetArea=i)};onFieldDragLeave=()=>{this.dropTargetArea=null};onFieldDrop=(t,i)=>{const e=l(t),r=d(t,i,e,this.fields);this.dropTargetArea=null,this.dragData=null,s(),r&&(this.fields=r.fields,this.bhFieldChange.emit({fields:r.fields,changeType:r.changeType}),this.scheduleStateSave())};setFilterSelectedValues=(t,i)=>{const e=this.filters.filter((i=>i.dataField!==t));i.length>0&&e.push({dataField:t,selectedValues:i}),this.filters=e,this.rebuildMatrix(),this.scheduleStateSave()};toggleSort=t=>{const i=this.sorting.find((i=>i.dataField===t)),e=i?"asc"===i.sortOrder?"desc":void 0:"asc",r=e?this.sorting.filter((i=>i.dataField!==t)).concat([{dataField:t,sortOrder:e}]):this.sorting.filter((i=>i.dataField!==t));this.sorting=r,this.rebuildMatrix(),this.scheduleStateSave()};getSortOrder(t){const i=this.sorting.find((i=>i.dataField===t));return i?.sortOrder??null}closeContextMenu=()=>{this.contextMenuVisible=!1,this.contextMenuClickOutsideHandler&&(this.listeners.remove(document,"click",this.contextMenuClickOutsideHandler),this.contextMenuClickOutsideHandler=null)};openHeaderFilter=(t,i,e)=>{this.headerFilterOpenField=t,this.headerFilterPendingValues=[...i],this.headerFilterSearchQuery="",this.headerFilterAnchorX=e.left,this.headerFilterAnchorY=e.bottom,this.headerFilterClickOutsideHandler=t=>{const i=t.target;this.el?.shadowRoot?.querySelector(".pivot-grid-header-filter-popup")?.contains(i)||this.closeHeaderFilter()},this.destroy$&&f(0,this.destroy$)?.subscribe((()=>{this.headerFilterClickOutsideHandler&&this.listeners.add(document,"click",this.headerFilterClickOutsideHandler)}))};closeHeaderFilter=()=>{const t=this.headerFilterClickOutsideHandler;this.headerFilterOpenField=null,this.headerFilterPendingValues=[],this.headerFilterSearchQuery="",this.headerFilterClickOutsideHandler=null,t&&this.listeners.remove(document,"click",t)};applyHeaderFilter=()=>{this.headerFilterOpenField&&this.setFilterSelectedValues(this.headerFilterOpenField,this.headerFilterPendingValues),this.closeHeaderFilter()};toggleHeaderFilterValue=t=>{const i=new Set(this.headerFilterPendingValues);i.has(t)?i.delete(t):i.add(t),this.headerFilterPendingValues=Array.from(i)};setHeaderFilterSelectAll=(t,i)=>{this.headerFilterPendingValues=t?[...i]:[]};onTableContextMenu=t=>{if(this.disabled)return;t.preventDefault();const i=this.resolvedTexts,e=[];this.allowExpandAll&&(e.push({id:"expand-all",text:i.expandAll,onClick:()=>this.expandAll()}),e.push({id:"collapse-all",text:i.collapseAll,onClick:()=>this.collapseAll()})),this.allowSorting&&this.sorting.length>0&&e.push({id:"remove-sort",text:i.removeAllSorting,onClick:()=>{this.sorting=[],this.rebuildMatrix(),this.scheduleStateSave()}});const r={target:"cell",items:e,event:t,cancel:!1};this.bhContextMenuPreparing.emit(r),r.cancel||(this.contextMenuItems=r.items,this.contextMenuX=t.clientX,this.contextMenuY=t.clientY,this.contextMenuVisible=!0,this.contextMenuClickOutsideHandler=()=>this.closeContextMenu(),this.destroy$&&f(0,this.destroy$)?.subscribe((()=>{this.contextMenuClickOutsideHandler&&this.listeners.add(document,"click",this.contextMenuClickOutsideHandler)})))};handleGridKeyDown=t=>{if(this.contextMenuVisible&&t.key===k.ESCAPE)return t.preventDefault(),void this.closeContextMenu();if(this.headerFilterOpenField&&t.key===k.ESCAPE)return t.preventDefault(),void this.closeHeaderFilter();if(this.disabled||!this.matrix)return;const i=this.matrix.cells.length,e=(this.matrix.cells[0]?.length??0)+(this.showRowGrandTotals?1:0);if(0===i||0===e)return;this.focusedCellRow=Math.max(0,Math.min(this.focusedCellRow,i-1)),this.focusedCellCol=Math.max(0,Math.min(this.focusedCellCol,e-1));let r=this.focusedCellRow,a=this.focusedCellCol,o=!1;switch(t.key){case k.ARROW_UP:t.preventDefault(),r=Math.max(0,this.focusedCellRow-1),o=!0;break;case k.ARROW_DOWN:t.preventDefault(),r=Math.min(i-1,this.focusedCellRow+1),o=!0;break;case k.ARROW_LEFT:t.preventDefault(),a=Math.max(0,this.focusedCellCol-1),o=!0;break;case k.ARROW_RIGHT:t.preventDefault(),a=Math.min(e-1,this.focusedCellCol+1),o=!0;break;case k.HOME:t.preventDefault(),(t.ctrlKey||t.metaKey)&&(r=0),a=0,o=!0;break;case k.END:t.preventDefault(),(t.ctrlKey||t.metaKey)&&(r=i-1),a=e-1,o=!0;break;case k.ENTER:case k.SPACE:{t.preventDefault();const i=this.matrix.cells[this.focusedCellRow],e=i&&this.focusedCellCol<i.length?i[this.focusedCellCol]:null;return void(e&&this.bhCellClick.emit({cell:e,rowPath:e.rowPath,columnPath:e.columnPath,event:t}))}}if(o&&(r!==this.focusedCellRow||a!==this.focusedCellCol)){this.focusedCellRow=r,this.focusedCellCol=a,this.focusMovedByKeyboard=!0;const t=this.matrix.cells[r],i=t&&a<t.length+(this.showRowGrandTotals?1:0)?t[a]:null,e=i?.formattedValue??"";this.liveAnnouncement=`${this.ariaLabel}, row ${r+1}, column ${a+1}${e?`, ${e}`:""}`}};get resolvedTexts(){return{...R,...this.texts}}get rowTotalsPrior(){return"rows"===this.showTotalsPrior||"both"===this.showTotalsPrior}get colTotalsPrior(){return"columns"===this.showTotalsPrior||"both"===this.showTotalsPrior}render(){const t=this.resolvedTexts,i=!(this.effectiveData.length>0&&this.fields.length>0),e=this.matrix,o=null==e?void 0:String(e.rowCount+(this.showRowGrandTotals?1:0)+(this.showColumnGrandTotals?1:0)),s=null==e?void 0:String(e.columnCount+(this.showRowGrandTotals?1:0)+(this.showColumnGrandTotals?1:0));return r(a,{key:"6fbbb10a181ff987c473f6a3b1f19835c30a7e80","aria-disabled":this.disabled?"true":void 0,"aria-label":y("bh-pivot-grid","ariaLabel",this.ariaLabel,"Pivot grid"),class:"pivot-grid-root",onFocus:t=>{this.matrix&&t.target===this.el&&this.activeCellEl&&this.activeCellEl.focus()},onKeyDown:this.handleGridKeyDown,role:"grid",tabindex:this.disabled?-1:this.focusTabIndex},r("div",{key:"200a2c1a121ef93378488d74c227579339f6cc89","aria-atomic":"true","aria-live":"polite",class:"pivot-grid-live-region",role:"status"},this.liveAnnouncement),r("div",{key:"1aa66a126f3b4bca60066071a3cd3e8b346f9b3b",class:"pivot-grid-root"},this.showFieldPanel&&r("div",{key:"5b235927a3f38e3307fe0f3de4944187e0c927b7",class:"pivot-grid-toolbar",part:"toolbar"},r("slot",{key:"1634439bba85fbff3c38dc9dd99496c1e0154df3",name:"toolbar-start"}),this.showFieldChooserButton&&this.fieldChooserEnabled&&r("button",{key:"a5393995c9651164f85289ade65c27238bf95acf","aria-label":t.showFieldChooser,class:"pivot-grid-toolbar-btn",disabled:this.disabled,onClick:()=>this.showFieldChooser(),type:"button"},t.showFieldChooser),this.enableExport&&this.showExportButton&&r("button",{key:"6c2ab09403c84c1073f75221a8f374df89c09fd2","aria-label":t.exportToExcel,class:"pivot-grid-toolbar-btn",disabled:this.disabled,onClick:()=>this.exportTo("csv"),type:"button"},t.exportToExcel),r("slot",{key:"4b06f58afe90ca5cff3d296b31df85f157a29313",name:"toolbar-end"})),this.showFieldPanel&&r("div",{key:"292857f8cdfb7b01aabf500b972a4dd3e0a97379",class:"pivot-grid-field-panel",part:"field-panel"},this.showRowFields&&r("div",{key:"2d3f2b8e375e2bb814a4f1a5d494ded7ebdef7d5",class:{"pivot-grid-field-area":!0,"pivot-grid-drop-zone-active":"row"===this.dropTargetArea},onDragLeave:()=>this.onFieldDragLeave(),onDragOver:t=>this.onFieldDragOver(t,"row"),onDrop:t=>this.onFieldDrop(t,"row"),part:"field-area-row"},r("span",{key:"05ed6c936d9dc66e673a4249642a1e631c210929",class:"pivot-grid-field-area-label"},t.rowFields),r("div",{key:"a31d04115b5c55de9b172d85ad1b4652d0695a66",class:"pivot-grid-field-chips"},this.fields.filter((t=>"row"===t.area)).toSorted(((t,i)=>(t.areaIndex??0)-(i.areaIndex??0))).map((t=>r("span",{class:"pivot-grid-field-chip",draggable:this.allowFieldDragging&&!1!==t.allowDragging,key:t.dataField,onDragEnd:t=>this.onFieldDragEnd(t),onDragStart:i=>this.onFieldDragStart(i,t),part:"field-chip"},t.caption??t.dataField))))),this.showColumnFields&&r("div",{key:"af55068f00c27df2a51a795580d00e74e7c4b451",class:{"pivot-grid-field-area":!0,"pivot-grid-drop-zone-active":"column"===this.dropTargetArea},onDragLeave:()=>this.onFieldDragLeave(),onDragOver:t=>this.onFieldDragOver(t,"column"),onDrop:t=>this.onFieldDrop(t,"column"),part:"field-area-column"},r("span",{key:"f1ec4e0585bc21025ca2842cfd7638a51af26799",class:"pivot-grid-field-area-label"},t.columnFields),r("div",{key:"5ad15f3abc2b00ba3cbcd995209701ce5dcf4ea5",class:"pivot-grid-field-chips"},this.fields.filter((t=>"column"===t.area)).toSorted(((t,i)=>(t.areaIndex??0)-(i.areaIndex??0))).map((t=>r("span",{class:"pivot-grid-field-chip",draggable:this.allowFieldDragging&&!1!==t.allowDragging,key:t.dataField,onDragEnd:t=>this.onFieldDragEnd(t),onDragStart:i=>this.onFieldDragStart(i,t),part:"field-chip"},t.caption??t.dataField))))),this.showDataFields&&r("div",{key:"da383c15d581d08b8808f30a04c849049482c67f",class:{"pivot-grid-field-area":!0,"pivot-grid-drop-zone-active":"data"===this.dropTargetArea},onDragLeave:()=>this.onFieldDragLeave(),onDragOver:t=>this.onFieldDragOver(t,"data"),onDrop:t=>this.onFieldDrop(t,"data"),part:"field-area-data"},r("span",{key:"957e082390e7cc25fb278cb18dbb55d81e9602bb",class:"pivot-grid-field-area-label"},t.dataFields),r("div",{key:"0a9957fb1bf333494824a63a84d5a064251f3221",class:"pivot-grid-field-chips"},this.fields.filter((t=>"data"===t.area)).toSorted(((t,i)=>(t.areaIndex??0)-(i.areaIndex??0))).map((t=>r("span",{class:"pivot-grid-field-chip",draggable:this.allowFieldDragging&&!1!==t.allowDragging,key:t.dataField,onDragEnd:t=>this.onFieldDragEnd(t),onDragStart:i=>this.onFieldDragStart(i,t),part:"field-chip"},t.caption??t.dataField,t.summaryType?` (${t.summaryType})`:""))))),this.showFilterFields&&r("div",{key:"ccfd40613869ca7909e9bdeba8a52a9431114b66",class:{"pivot-grid-field-area":!0,"pivot-grid-drop-zone-active":"filter"===this.dropTargetArea},onDragLeave:()=>this.onFieldDragLeave(),onDragOver:t=>this.onFieldDragOver(t,"filter"),onDrop:t=>this.onFieldDrop(t,"filter"),part:"field-area-filter"},r("span",{key:"e7cd46d488f7f8a5515bb32871eddad0a3badcb5",class:"pivot-grid-field-area-label"},t.filterFields),r("div",{key:"92d1eac26f70d7470852bcb1957e444b7c39ab7c",class:"pivot-grid-field-chips"},this.fields.filter((t=>"filter"===t.area)).toSorted(((t,i)=>(t.areaIndex??0)-(i.areaIndex??0))).map((t=>r("span",{class:"pivot-grid-field-chip",draggable:this.allowFieldDragging&&!1!==t.allowDragging,key:t.dataField,onDragEnd:t=>this.onFieldDragEnd(t),onDragStart:i=>this.onFieldDragStart(i,t),part:"field-chip"},t.caption??t.dataField)))),this.allowFiltering&&this.fields.filter((t=>"filter"===t.area)).toSorted(((t,i)=>(t.areaIndex??0)-(i.areaIndex??0))).map((i=>{const e=D(this.effectiveData,i.dataField,this.headerFilterShowRelevantValues?this.filters:void 0),a=this.filters.find((t=>t.dataField===i.dataField))?.selectedValues??[],o=new Set(a);return r("div",{class:"pivot-grid-filter-dropdown-wrap",key:`filter-${i.dataField}`},r("label",{class:"pivot-grid-filter-label"},i.caption??i.dataField,":"),this.showHeaderFilter?r("button",{"aria-expanded":this.headerFilterOpenField===i.dataField?"true":"false","aria-haspopup":"dialog","aria-label":`Filter by ${i.caption??i.dataField}`,class:"pivot-grid-filter-select pivot-grid-filter-trigger",disabled:this.disabled,onClick:t=>{const e=t.target.getBoundingClientRect();this.openHeaderFilter(i.dataField,a,e)},part:"filter-trigger",type:"button"},0===a.length?t.emptyValue??"(All)":`${a.length} selected`):r("select",{"aria-label":`Filter by ${i.caption??i.dataField}`,class:"pivot-grid-filter-select",disabled:this.disabled,multiple:!0,onChange:t=>{const r=Array.from(t.target.selectedOptions).map((t=>Number(t.value)));this.setFilterSelectedValues(i.dataField,r.map((t=>e[t])))},part:"filter-select"},e.map(((t,i)=>r("option",{selected:o.has(t),value:String(i)},String(t??""))))))})))),r("div",{key:"95b64cf01157b79ddd6b5351236659fa979c9f54","aria-busy":this.loading?"true":void 0,class:"pivot-grid-content",role:"region"},this.loading?r("div",{class:"pivot-grid-loading",part:"loading"},r("slot",{name:"loading"},"skeleton"===this.loadingType?r("div",{class:"pivot-grid-skeleton"},r("bh-skeleton-loader",{height:"var(--bh-pivot-grid-header-height)",width:"100%"}),[1,2,3,4,5].map((t=>r("bh-skeleton-loader",{height:"var(--bh-pivot-grid-cell-height)",key:t,width:"100%"})))):r("bh-loader-spinner",{ariaLabel:t.dataNotAvailable,overlay:!0,overlayMessage:t.dataNotAvailable,size:"lg"}))):i?r("div",{class:"pivot-grid-empty",part:"empty",role:"status"},r("slot",{name:"empty-state"},r("div",null,r("strong",null,y("bh-pivot-grid","emptyTitle",this.emptyTitle,"No data")),r("p",null,y("bh-pivot-grid","emptyDescription",this.emptyDescription,"Configure fields to build your pivot table."))))):this.matrix?r("div",{class:"pivot-grid-table-wrapper",onContextMenu:this.onTableContextMenu,part:"table-wrapper"},r("table",{"aria-colcount":s,"aria-label":y("bh-pivot-grid","ariaLabel",this.ariaLabel,"Pivot grid"),"aria-rowcount":o,class:"pivot-grid-table",part:"table"},r("thead",{class:"pivot-grid-thead",part:"thead"},r("tr",{class:"pivot-grid-header-row",role:"row"},r("th",{"aria-sort":this.allowSorting&&this.fields.filter((t=>"row"===t.area)).length>0?"asc"===this.getSortOrder(this.fields.filter((t=>"row"===t.area))[0]?.dataField??"")?"ascending":"desc"===this.getSortOrder(this.fields.filter((t=>"row"===t.area))[0]?.dataField??"")?"descending":"none":void 0,class:{"pivot-grid-corner":!0,"pivot-grid-header-cell":!0,"pivot-grid-sortable":this.allowSorting&&this.fields.filter((t=>"row"===t.area)).length>0},onClick:()=>{const t=this.fields.filter((t=>"row"===t.area)).toSorted(((t,i)=>(t.areaIndex??0)-(i.areaIndex??0)))[0];this.allowSorting&&t&&!1!==t.allowSorting&&this.toggleSort(t.dataField)},part:"corner",role:"columnheader",scope:"col"},this.allowSorting&&this.fields.filter((t=>"row"===t.area)).length>0?r("span",{class:"pivot-grid-sort-indicator"},"asc"===this.getSortOrder(this.fields.filter((t=>"row"===t.area))[0]?.dataField??"")?" ↑":"desc"===this.getSortOrder(this.fields.filter((t=>"row"===t.area))[0]?.dataField??"")?" ↓":" ⇅"):""),this.colTotalsPrior&&this.showRowGrandTotals&&r("th",{class:"pivot-grid-header-cell pivot-grid-total-header",part:"grand-total-header",role:"columnheader",scope:"col"},this.resolvedTexts.grandTotal),this.matrix.columnHeaders.map(((t,i)=>{const e=this.fields.filter((t=>"column"===t.area)).toSorted(((t,i)=>(t.areaIndex??0)-(i.areaIndex??0)))[0],a=e&&this.getSortOrder(e.dataField);return r("th",{"aria-sort":this.allowSorting&&0===i&&e&&!1!==e.allowSorting?"asc"===a?"ascending":"desc"===a?"descending":"none":void 0,class:{"pivot-grid-header-cell":!0,"pivot-grid-sortable":this.allowSorting&&0===i&&e&&!1!==e.allowSorting},"data-column-index":String(i),key:t.key,onClick:()=>{this.allowSorting&&0===i&&e&&!1!==e.allowSorting&&this.toggleSort(e.dataField)},part:"column-header",role:"columnheader",scope:"col"},t.caption,this.allowSorting&&0===i&&e&&r("span",{class:"pivot-grid-sort-indicator"},"asc"===a?" ↑":"desc"===a?" ↓":" ⇅"))})),!this.colTotalsPrior&&this.showRowGrandTotals&&r("th",{class:"pivot-grid-header-cell pivot-grid-total-header",part:"grand-total-header",role:"columnheader",scope:"col"},this.resolvedTexts.grandTotal))),r("tbody",{class:"pivot-grid-tbody",part:"tbody"},this.rowTotalsPrior&&this.showColumnGrandTotals&&r("tr",{class:"pivot-grid-grand-total-row",role:"row"},r("th",{class:"pivot-grid-header-cell pivot-grid-total-header",part:"grand-total-label",role:"rowheader",scope:"row"},this.resolvedTexts.grandTotal),this.colTotalsPrior&&this.showRowGrandTotals&&r("td",{class:"pivot-grid-cell pivot-grid-cell-total",part:"grand-total-cell"},(()=>{const i=this.matrix.grandTotal?.formattedValue;return null==i||""===String(i).trim()?t.emptyValue:i??""})()),this.matrix.columnGrandTotals.map(((i,e)=>r("td",{class:"pivot-grid-cell pivot-grid-cell-total",key:e,part:"column-grand-total"},(()=>{const e=i.formattedValue;return null==e||""===String(e).trim()?t.emptyValue:e??""})()))),!this.colTotalsPrior&&this.showRowGrandTotals&&r("td",{class:"pivot-grid-cell pivot-grid-cell-total",part:"grand-total-cell"},(()=>{const i=this.matrix.grandTotal?.formattedValue;return null==i||""===String(i).trim()?t.emptyValue:i??""})())),this.matrix.cells.map(((i,e)=>r("tr",{class:"pivot-grid-data-row",key:i[0]?.rowPath?.join(C)??`row-${e}`,role:"row"},r("th",{class:"pivot-grid-row-header pivot-grid-header-cell","data-row-index":String(e),part:"row-header",role:"rowheader",scope:"row"},this.matrix.rowHeaders[e]?.caption??""),this.colTotalsPrior&&this.showRowGrandTotals&&r("td",{class:"pivot-grid-cell pivot-grid-cell-total",part:"row-grand-total"},(()=>{const i=this.matrix.rowGrandTotals[e]?.formattedValue;return null==i||""===String(i).trim()?t.emptyValue:i??""})()),i.map(((i,a)=>r("td",{class:{"pivot-grid-cell":!0,"pivot-grid-cell-focused":e===this.focusedCellRow&&a===this.focusedCellCol,"pivot-grid-cell-total":i.isSummary},"data-value":i.formattedValue,key:a,onClick:t=>{this.focusedCellRow=e,this.focusedCellCol=a,this.bhCellClick.emit({cell:i,rowPath:i.rowPath,columnPath:i.columnPath,event:t})},part:"cell",ref:t=>{t&&(this.bhCellPrepared.emit({cell:i,rowPath:i.rowPath,columnPath:i.columnPath,cellElement:t}),e===this.focusedCellRow&&a===this.focusedCellCol&&(this.activeCellEl=t,this.focusMovedByKeyboard&&(t.focus(),this.focusMovedByKeyboard=!1)))},tabindex:e===this.focusedCellRow&&a===this.focusedCellCol?0:-1},(()=>{const e=null==i.formattedValue||""===String(i.formattedValue).trim();return this.hideEmptySummaryCells&&i.isSummary&&e?"":e?t.emptyValue:i.formattedValue})()))),!this.colTotalsPrior&&this.showRowGrandTotals&&r("td",{class:"pivot-grid-cell pivot-grid-cell-total",part:"row-grand-total"},(()=>{const i=this.matrix.rowGrandTotals[e]?.formattedValue;return null==i||""===String(i).trim()?t.emptyValue:i??""})())))),!this.rowTotalsPrior&&this.showColumnGrandTotals&&r("tr",{class:"pivot-grid-grand-total-row",role:"row"},r("th",{class:"pivot-grid-header-cell pivot-grid-total-header",part:"grand-total-label",role:"rowheader",scope:"row"},this.resolvedTexts.grandTotal),this.colTotalsPrior&&this.showRowGrandTotals&&r("td",{class:"pivot-grid-cell pivot-grid-cell-total",part:"grand-total-cell"},(()=>{const i=this.matrix.grandTotal?.formattedValue;return null==i||""===String(i).trim()?t.emptyValue:i??""})()),this.matrix.columnGrandTotals.map(((i,e)=>r("td",{class:"pivot-grid-cell pivot-grid-cell-total",key:e,part:"column-grand-total"},(()=>{const e=i.formattedValue;return null==e||""===String(e).trim()?t.emptyValue:e??""})()))),!this.colTotalsPrior&&this.showRowGrandTotals&&r("td",{class:"pivot-grid-cell pivot-grid-cell-total",part:"grand-total-cell"},(()=>{const i=this.matrix.grandTotal?.formattedValue;return null==i||""===String(i).trim()?t.emptyValue:i??""})()))))):r("div",{class:"pivot-grid-table-wrapper",part:"table-wrapper"},r("p",{"aria-live":"polite"},this.effectiveData.length," rows, ",this.fields.length," fields configured.")))),r("bh-modal",{key:"f0491f3cfcee78a7873e781026b4b7429f6b7194",ariaLabel:y("bh-pivot-grid","fieldChooserTitle",this.fieldChooserTitle,"Field Chooser"),class:"pivot-grid-field-chooser-modal",onBhClose:()=>this.hideFieldChooser(),visible:this.fieldChooserOpen,width:"md"},r("div",{key:"53b8378cb7ac2dc7a3e08bb8648f648441b888a5",class:"pivot-grid-field-chooser-header",slot:"header"},r("h2",{key:"3342eebdb94a527beb213b2efae4e8d1a9006761",class:"pivot-grid-field-chooser-title"},y("bh-pivot-grid","fieldChooserTitle",this.fieldChooserTitle,"Field Chooser"))),r("div",{key:"85dcbcc5f47b13e39d15956261fc93eb619d59ac",class:"pivot-grid-field-chooser-body"},r("p",{key:"54accab5562a756ece48e67ad0290411f19b2a9f",class:"pivot-grid-field-chooser-hint"},t.rowFieldArea," • ",t.columnFieldArea," • ",t.dataFieldArea," •"," ",t.filterFieldArea),r("div",{key:"deee3da1059575b656c64759ba3d07cf5f40ea1f",class:"pivot-grid-field-chooser-areas"},r("div",{key:"ed9262c407b53341b63b8550003354a5def4f9d1",class:"pivot-grid-field-chooser-area"},r("span",{key:"b20378adbc9a4fcef07d305b2bf2ef374716a4da",class:"pivot-grid-field-area-label"},t.rowFields),r("div",{key:"b3da7c4636ce911ddbbdb444f7ebaa0bd2a6aa1a",class:"pivot-grid-field-chips"},this.fields.filter((t=>"row"===t.area)).toSorted(((t,i)=>(t.areaIndex??0)-(i.areaIndex??0))).map((t=>r("span",{class:"pivot-grid-field-chip",key:t.dataField,part:"field-chip"},t.caption??t.dataField))))),r("div",{key:"a6210c4eae492ca8143788e225f1753700602bb7",class:"pivot-grid-field-chooser-area"},r("span",{key:"9251ad88d8afd0b1e43d0981398f45aa56e86657",class:"pivot-grid-field-area-label"},t.columnFields),r("div",{key:"a6bb41eac725feefb97823dfd7240aed8271f9ca",class:"pivot-grid-field-chips"},this.fields.filter((t=>"column"===t.area)).toSorted(((t,i)=>(t.areaIndex??0)-(i.areaIndex??0))).map((t=>r("span",{class:"pivot-grid-field-chip",key:t.dataField,part:"field-chip"},t.caption??t.dataField))))),r("div",{key:"e4450160900e137cd487f04d67865ff9602950f7",class:"pivot-grid-field-chooser-area"},r("span",{key:"d4b111a47f3cc58423f795ebd1fbfa8b0f305d7f",class:"pivot-grid-field-area-label"},t.dataFields),r("div",{key:"7431129b07367bcfc3e1e6e272a277ab280697c6",class:"pivot-grid-field-chips"},this.fields.filter((t=>"data"===t.area)).toSorted(((t,i)=>(t.areaIndex??0)-(i.areaIndex??0))).map((t=>r("span",{class:"pivot-grid-field-chip",key:t.dataField,part:"field-chip"},t.caption??t.dataField,t.summaryType?` (${t.summaryType})`:""))))),r("div",{key:"a7e1cdfd4fee2ff7934c3c7bd3fd07da83348446",class:"pivot-grid-field-chooser-area"},r("span",{key:"164f581553722cad871dd65f6e479e11aea9e7e4",class:"pivot-grid-field-area-label"},t.filterFields),r("div",{key:"5929e949659c43c1fe4f88772866de6aef9a7efc",class:"pivot-grid-field-chips"},this.fields.filter((t=>"filter"===t.area)).toSorted(((t,i)=>(t.areaIndex??0)-(i.areaIndex??0))).map((t=>r("span",{class:"pivot-grid-field-chip",key:t.dataField,part:"field-chip"},t.caption??t.dataField))))))),r("div",{key:"e9b994e2d11a2637ebbb498cabaed327b6a58ab3",class:"pivot-grid-field-chooser-footer",slot:"actions"},r("button",{key:"fdda6a9cf693a6ce62de7c31faff616102ed48ae",class:"pivot-grid-toolbar-btn",onClick:()=>this.hideFieldChooser(),type:"button"},t.ok))),this.headerFilterOpenField&&r("div",{key:"564280762b3c50318b85877120de56bbe150c9bc","aria-label":`Filter by ${this.fields.find((t=>t.dataField===this.headerFilterOpenField))?.caption??this.headerFilterOpenField}`,class:"pivot-grid-header-filter-popup",part:"header-filter-popup",role:"dialog",style:{left:`${this.headerFilterAnchorX}px`,top:`${this.headerFilterAnchorY}px`,width:`${this.headerFilterWidth}px`,maxHeight:`${this.headerFilterHeight}px`}},(()=>{const t=function(t,i,e){const r=i.trim().toLowerCase();return""===r?t:t.filter((t=>{const i=String(t??"").toLowerCase();switch(e){case"contains":default:return i.includes(r);case"startswith":return i.startsWith(r);case"equals":return i===r}}))}(D(this.effectiveData,this.headerFilterOpenField,this.headerFilterShowRelevantValues?this.filters:void 0),this.headerFilterSearchQuery,this.headerFilterSearchMode),i=new Set(this.headerFilterPendingValues),e=this.resolvedTexts,a=t.length>0&&t.every((t=>i.has(t)));return r("div",{class:"pivot-grid-header-filter-popup-inner"},this.headerFilterAllowSelectAll&&t.length>0&&r("label",{class:"pivot-grid-header-filter-select-all"},r("input",{checked:a,onChange:()=>this.setHeaderFilterSelectAll(!a,t),type:"checkbox"}),"Select All"),this.headerFilterSearchEnabled&&r("input",{class:"pivot-grid-header-filter-search",onInput:t=>{this.headerFilterSearchQuery=t.target.value},part:"header-filter-search",placeholder:y("bh-pivot-grid","searchPlaceholder",void 0,"Search..."),type:"search",value:this.headerFilterSearchQuery}),r("div",{class:"pivot-grid-header-filter-list",part:"header-filter-list"},t.map((t=>r("label",{class:"pivot-grid-header-filter-item",key:String(t??"")},r("input",{checked:i.has(t),onChange:()=>this.toggleHeaderFilterValue(t),type:"checkbox"}),String(t??e.emptyValue??"(Blanks)"))))),r("div",{class:"pivot-grid-header-filter-actions"},r("button",{class:"pivot-grid-toolbar-btn",onClick:()=>this.closeHeaderFilter(),type:"button"},e.cancel),r("button",{class:"pivot-grid-toolbar-btn pivot-grid-toolbar-btn-primary",onClick:()=>this.applyHeaderFilter(),type:"button"},e.ok)))})()),this.contextMenuVisible&&this.contextMenuItems.length>0&&r("div",{key:"7d6e54dfd3da1a430762d8e525285c8e609d346a",class:"pivot-grid-context-menu",part:"context-menu",role:"menu",style:{left:`${this.contextMenuX}px`,top:`${this.contextMenuY}px`}},this.contextMenuItems.map((t=>t.beginGroup?r("div",{class:"pivot-grid-context-menu-separator",key:t.id,part:"context-menu-separator",role:"separator"}):r("button",{class:"pivot-grid-context-menu-item",disabled:t.disabled,key:t.id,onClick:()=>{t.onClick?.(),this.closeContextMenu()},part:"context-menu-item",role:"menuitem",type:"button"},t.text)))))}static get watchers(){return{data:[{onDataChange:0}],dataSource:[{onDataChange:0}],fields:[{onMatrixInputsChange:0}],rowExpandedPaths:[{onMatrixInputsChange:0}],columnExpandedPaths:[{onMatrixInputsChange:0}],filters:[{onMatrixInputsChange:0}],sorting:[{onMatrixInputsChange:0}],showRowGrandTotals:[{onMatrixInputsChange:0}],showColumnGrandTotals:[{onMatrixInputsChange:0}]}}};O.style='@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-states; @layer bh-tokens{:host{display:block;--bh-pivot-grid-cell-height:40px;--bh-pivot-grid-cell-padding-x:var(--spacing-xl);--bh-pivot-grid-header-height:40px;--bh-pivot-grid-min-height:200px;--bh-pivot-grid-max-height:none;--bh-pivot-grid-header-bg:var(--color-white);--bh-pivot-grid-header-text:var(--color-neutral-600);--bh-pivot-grid-border-color:var(--color-neutral-200);--bh-pivot-grid-cell-bg:var(--color-white);--bh-pivot-grid-cell-text:var(--color-neutral-700);--bh-pivot-grid-hover-bg:var(--color-neutral-50);--bh-pivot-grid-total-bg:var(--color-neutral-50);--bh-pivot-grid-field-panel-bg:var(--color-neutral-50);--bh-pivot-grid-field-chip-bg:var(--color-white);--bh-pivot-grid-field-chip-radius:var(--radius-xs);--bh-pivot-grid-drop-zone-bg:var(--color-brand-100);--bh-pivot-grid-sort-icon-size:var(--icon-size-sm);--bh-pivot-grid-field-label-min-width:var( --pivot-grid-field-label-min-width );--bh-pivot-grid-filter-trigger-min-width:var( --pivot-grid-filter-trigger-min-width );--bh-pivot-grid-filter-select-max-height:var( --pivot-grid-filter-select-max-height );--bh-pivot-grid-context-menu-min-width:var( --pivot-grid-context-menu-min-width );--bh-pivot-grid-filter-list-max-height:var( --pivot-grid-filter-list-max-height )}}@layer bh-base{:host{min-height:var(--bh-pivot-grid-min-height);max-height:var(--bh-pivot-grid-max-height);box-sizing:border-box}.pivot-grid-root{display:flex;flex-direction:column;width:100%;min-height:var(--bh-pivot-grid-min-height);font-family:var(--font-inter);color:var(--bh-pivot-grid-cell-text)}.pivot-grid-toolbar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--bh-pivot-grid-cell-padding-x);background:var(--bh-pivot-grid-field-panel-bg);border-bottom:1px solid var(--bh-pivot-grid-border-color)}.pivot-grid-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--weight-medium);border:1px solid var(--bh-pivot-grid-border-color);border-radius:var(--radius-xs);background:var(--bh-pivot-grid-cell-bg);color:var(--bh-pivot-grid-cell-text);cursor:pointer;transition:background-color var(--animation-duration-fast) ease}.pivot-grid-toolbar-btn:hover:not(:disabled){background:var(--bh-pivot-grid-hover-bg)}.pivot-grid-toolbar-btn:disabled{opacity:0.6;cursor:not-allowed}.pivot-grid-field-panel{display:flex;flex-wrap:wrap;gap:var(--spacing-lg) var(--spacing-xl);padding:var(--spacing-md) var(--bh-pivot-grid-cell-padding-x);background:var(--bh-pivot-grid-field-panel-bg);border-bottom:1px solid var(--bh-pivot-grid-border-color)}.pivot-grid-field-area{display:flex;align-items:center;gap:var(--spacing-md);min-height:var(--bh-button-height-sm)}.pivot-grid-field-area-label{font-size:var(--text-xs-size);font-weight:var(--weight-semibold);line-height:var(--text-xs-line);color:var(--bh-pivot-grid-header-text);min-width:var(--bh-pivot-grid-field-label-min-width)}.pivot-grid-field-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.pivot-grid-field-chip{display:inline-flex;align-items:center;padding:var(--spacing-xxs) var(--spacing-md);font-size:var(--text-xs-size);line-height:var(--text-xs-line);border-radius:var(--bh-pivot-grid-field-chip-radius);background:var(--bh-pivot-grid-field-chip-bg);border:1px solid var(--bh-pivot-grid-border-color);color:var(--bh-pivot-grid-cell-text);transition:background-color var(--animation-duration-fast) ease}.pivot-grid-drop-zone-active{background:var(--bh-pivot-grid-drop-zone-bg);border-radius:var(--bh-pivot-grid-field-chip-radius);min-height:var(--bh-button-height-md)}.pivot-grid-field-chip[draggable=true]{cursor:grab}.pivot-grid-field-chooser-header{display:flex;align-items:center;justify-content:space-between}.pivot-grid-field-chooser-title{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0}.pivot-grid-field-chooser-body{display:flex;flex-direction:column;gap:var(--spacing-xl)}.pivot-grid-field-chooser-hint{font-size:var(--text-xs-size);line-height:var(--text-xs-line);color:var(--bh-pivot-grid-header-text);margin:0}.pivot-grid-field-chooser-areas{display:flex;flex-direction:column;gap:var(--spacing-lg)}.pivot-grid-field-chooser-area{display:flex;align-items:center;gap:var(--spacing-md);min-height:var(--bh-button-height-sm)}.pivot-grid-field-chooser-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md)}.pivot-grid-filter-dropdown-wrap{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-left:var(--spacing-md)}.pivot-grid-filter-label{font-size:var(--text-xs-size);line-height:var(--text-xs-line);color:var(--bh-pivot-grid-header-text)}.pivot-grid-filter-select{font-family:var(--font-inter);font-size:var(--text-xs-size);line-height:var(--text-xs-line);padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--bh-pivot-grid-field-chip-radius);border:1px solid var(--bh-pivot-grid-border-color);min-width:var(--bh-pivot-grid-filter-trigger-min-width);max-height:var(--bh-pivot-grid-filter-select-max-height)}.pivot-grid-sortable{cursor:pointer;user-select:none}.pivot-grid-sort-indicator{font-size:var(--text-xs-size);opacity:0.7;margin-left:var(--spacing-xxs)}.pivot-grid-content{flex:1;overflow:auto;display:flex;flex-direction:column}.pivot-grid-table-wrapper{overflow:auto;flex:1}.pivot-grid-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--text-sm-size);line-height:var(--text-sm-line)}.pivot-grid-thead{position:sticky;top:0;z-index:1;background:var(--bh-pivot-grid-header-bg)}.pivot-grid-header-row,.pivot-grid-data-row,.pivot-grid-grand-total-row{border-bottom:1px solid var(--bh-pivot-grid-border-color)}.pivot-grid-header-cell{height:var(--bh-pivot-grid-header-height);padding:0 var(--bh-pivot-grid-cell-padding-x);text-align:left;vertical-align:middle;font-size:var(--text-xs-size);font-weight:var(--weight-semibold);line-height:var(--text-xs-line);color:var(--bh-pivot-grid-header-text);background:var(--bh-pivot-grid-header-bg);border-right:1px solid var(--bh-pivot-grid-border-color);border-bottom:1px solid var(--bh-pivot-grid-border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pivot-grid-corner{min-width:var(--bh-pivot-grid-cell-min-width)}.pivot-grid-row-header{min-width:var(--bh-pivot-grid-cell-min-width);white-space:nowrap}.pivot-grid-cell{height:var(--bh-pivot-grid-cell-height);padding:0 var(--bh-pivot-grid-cell-padding-x);vertical-align:middle;font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--bh-pivot-grid-cell-text);background:var(--bh-pivot-grid-cell-bg);border-right:1px solid var(--bh-pivot-grid-border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;transition:background-color var(--animation-duration-fast) ease}.pivot-grid-cell-total,.pivot-grid-total-header{background:var(--bh-pivot-grid-total-bg);font-weight:var(--weight-semibold)}.pivot-grid-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.pivot-grid-empty,.pivot-grid-loading{display:flex;align-items:center;justify-content:center;min-height:var(--bh-pivot-grid-min-height);padding:var(--spacing-3xl);font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--color-text-disabled);background:var(--bh-pivot-grid-cell-bg)}.pivot-grid-skeleton{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;padding:var(--spacing-xl)}}@layer bh-states{:host([disabled]){pointer-events:none;opacity:0.6}.pivot-grid-cell:not(.pivot-grid-cell-total):hover{background:var(--bh-pivot-grid-hover-bg)}.pivot-grid-cell:focus-visible,.pivot-grid-header-cell:focus-visible,.pivot-grid-toolbar-btn:focus-visible{outline:2px solid var(--color-border-interactive);outline-offset:-2px}.pivot-grid-cell-focused.pivot-grid-cell:focus-visible{outline:2px solid var(--color-border-interactive);outline-offset:-2px}.pivot-grid-context-menu{position:fixed;z-index:var(--bh-z-index-dropdown);min-width:var(--bh-pivot-grid-context-menu-min-width);padding:var(--spacing-xs) 0;background:var(--bh-pivot-grid-cell-bg);border:1px solid var(--bh-pivot-grid-border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.pivot-grid-context-menu-item{display:block;width:100%;padding:var(--spacing-sm) var(--bh-pivot-grid-cell-padding-x);font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);text-align:left;background:transparent;border:none;color:var(--bh-pivot-grid-cell-text);cursor:pointer;transition:background-color var(--animation-duration-fast) ease}.pivot-grid-context-menu-item:hover:not(:disabled){background:var(--bh-pivot-grid-hover-bg)}.pivot-grid-context-menu-item:disabled{opacity:0.6;cursor:not-allowed}.pivot-grid-context-menu-separator{height:1px;margin:var(--spacing-xs) 0;background:var(--bh-pivot-grid-border-color)}.pivot-grid-header-filter-popup{position:fixed;z-index:var(--bh-z-index-dropdown);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bh-pivot-grid-cell-bg);border:1px solid var(--bh-pivot-grid-border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-popup);overflow:hidden}.pivot-grid-header-filter-select-all{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line);cursor:pointer}.pivot-grid-header-filter-search{padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);border:1px solid var(--bh-pivot-grid-border-color);border-radius:var(--radius-sm)}.pivot-grid-header-filter-search::placeholder{color:var(--color-text-disabled)}.pivot-grid-header-filter-search:focus{outline:none;border-color:var(--color-border-interactive)}.pivot-grid-header-filter-list{display:flex;flex-direction:column;gap:var(--spacing-xs);overflow-y:auto;max-height:var(--bh-pivot-grid-filter-list-max-height)}.pivot-grid-header-filter-item{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--text-xs-size);line-height:var(--text-xs-line);cursor:pointer;padding:var(--spacing-xxs) 0}.pivot-grid-header-filter-item:hover{color:var(--color-text-primary)}.pivot-grid-header-filter-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bh-pivot-grid-border-color)}.pivot-grid-filter-trigger{min-width:var(--bh-pivot-grid-filter-trigger-min-width);text-align:left}.pivot-grid-toolbar-btn-primary{background:var(--color-bg-interactive);border-color:var(--color-bg-interactive);color:var(--color-text-inverse)}.pivot-grid-toolbar-btn-primary:hover:not(:disabled){background:var(--color-bg-interactive-hover);border-color:var(--color-bg-interactive-hover)}}';export{O as bh_pivot_grid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,a as o,h as r,H as a}from"./p-CTHvNfIu.js";import{c as s}from"./p-CMKOFHIa.js";import{m as n,M as i}from"./p-CSH9RXgl.js";import{r as c}from"./p-Xi3uD33F.js";const h="bh-accordion",l=class{constructor(o){e(this,o),this.bhChange=t(this,"bhChange")}get el(){return o(this)}logger=s(h);slotRef=null;mode="single";value="";collapsible=!0;expandedItems=new Set;bhChange;componentDidCatch(e){const t=e instanceof Error?e:new Error(String(e));this.logger.error("Component error caught",t),n.increment(i.COMPONENT_ERROR,{component:h,error_type:t.name}),c(h,e)}disconnectedCallback(){this.slotRef=null}componentWillLoad(){this.parseValue()}handleValueChange(){this.parseValue(),this.updateChildItems()}parseValue(){this.expandedItems=this.value?"multiple"===this.mode?new Set(this.value.split(",").filter(Boolean)):new Set([this.value]):new Set}updateChildItems(){const e=this.getSlot();if(!e)return;const t=e.assignedElements();for(const e of t)"bh-accordion-item"===e.tagName.toLowerCase()&&(e.expanded=this.expandedItems.has(e.value))}getSlot(){return this.slotRef}handleKeyDown(e){const t=e.key;if(!["ArrowDown","ArrowUp","Home","End"].includes(t))return;const o=Array.from(this.el.querySelectorAll("bh-accordion-item")).filter((e=>!e.disabled));if(0===o.length)return;e.preventDefault();const r=o.indexOf(document.activeElement);let a;switch(t){case"ArrowDown":a=r<o.length-1?r+1:0;break;case"ArrowUp":a=r>0?r-1:o.length-1;break;case"Home":a=0;break;case"End":a=o.length-1;break;default:return}o[a].shadowRoot?.querySelector('[role="button"]')?.focus()}handleAccordionToggle(e){e.stopPropagation();const{value:t,expanded:o}=e.detail;if("single"===this.mode)o?this.expandedItems=new Set([t]):this.collapsible&&(this.expandedItems=new Set);else if(o)this.expandedItems=new Set([...this.expandedItems,t]);else{const e=new Set(this.expandedItems);e.delete(t),this.expandedItems=e}this.updateValue(),this.updateChildItems()}updateValue(){const e=Array.from(this.expandedItems);"multiple"===this.mode?(this.value=e.join(","),this.bhChange.emit(e)):(this.value=e[0]||"",this.bhChange.emit(this.value))}render(){return r(a,{key:"1fe76a83b49113add35bad0ceb0a152457565784",class:{accordion:!0,[`accordion-${this.mode}`]:!0}},r("div",{key:"f09e368918b6a2d347523a8ff973638b8ce12566",class:"accordion-container",part:"container",role:"presentation"},r("slot",{key:"df2b7537020da769dc1b68632d94304aaf2adf17",ref:e=>this.slotRef=e})))}static get watchers(){return{value:[{handleValueChange:0}]}}};l.style="@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;width:100%;--bh-accordion-bg:var(--color-bg-primary)}}@layer bh-base{.accordion-container{display:flex;flex-direction:column;width:100%;background-color:var(--bh-accordion-bg)}}@layer bh-variants{.accordion-single .accordion-container{}.accordion-multiple .accordion-container{}}";export{l as bh_accordion}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,H as a}from"./p-CTHvNfIu.js";import{D as l}from"./p-gY2wiaRN.js";import{i as d,g as r}from"./p-jpCe1QTg.js";import{c as s}from"./p-CMKOFHIa.js";import{m as o,M as n}from"./p-CSH9RXgl.js";import{r as h}from"./p-Xi3uD33F.js";import"./p-BNVOtH-1.js";const c=class{constructor(i){t(this,i),this.bhRowClick=e(this,"bhRowClick"),this.bhCellClick=e(this,"bhCellClick"),this.bhRowExpand=e(this,"bhRowExpand"),this.bhRowPrepared=e(this,"bhRowPrepared"),this.bhCellPrepared=e(this,"bhCellPrepared"),this.bhAdaptiveDetailToggle=e(this,"bhAdaptiveDetailToggle")}logger=s("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=l;bhRowClick;bhCellClick;bhRowExpand;bhRowPrepared;bhCellPrepared;bhAdaptiveDetailToggle;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),o.increment(n.COMPONENT_ERROR,{component:"bh-data-grid-body",error_type:t instanceof Error?t.name:"unknown"}),h("bh-data-grid-body",t)}hoveredRowId=null;getColumnCount(){let t=this.columns?.length??0;return this.adaptiveDetailColumns?.length&&(t-=this.adaptiveDetailColumns.length),this.enableRowDragging&&this.showDragHandle&&t++,"single-radio"!==this.selectionMode&&"multiple-checkbox"!==this.selectionMode||t++,!this.enableExpansion&&!this.enableMasterDetail||this.enableGrouping||t++,this.enableEditing&&this.showEditActions&&"row"===this.editMode&&t++,this.enableAdaptiveDetail&&this.adaptiveDetailColumns?.length&&t++,t}handleAdaptiveDetailToggle(t){const e=this.adaptiveDetailExpandedRows?.has(t)??!1;this.bhAdaptiveDetailToggle.emit({rowId:t,expanded:!e})}isAdaptiveDetailExpanded(t){return this.adaptiveDetailExpandedRows?.has(t)??!1}isRowDraggable(t){return!(!this.enableRowDragging||this.rowDragDisabled&&this.rowDragDisabled(t))}getRowChangeType(t){if(!this.pendingChanges)return null;const e=this.pendingChanges.get(t);return e?.type??null}handleRowClick(t){t&&this.bhRowClick.emit({row:t.original,rowId:t.id,rowIndex:t.index})}handleCellClick(t,e,i){i.stopPropagation(),t&&e?.column&&this.bhCellClick.emit({row:t.original,rowId:t.id,columnId:e.column.id,value:e.getValue(),rowIndex:t.index})}handleRowExpandToggle(t){if(!t)return;const e=!t.getIsExpanded?.();t.toggleExpanded?.(e),this.bhRowExpand.emit({rowId:t.id,expanded:e})}renderSkeleton(){const t=this.columns??[],e=Array.from({length:this.skeletonRowCount},((e,a)=>i("tr",{class:"data-grid-row data-grid-row-skeleton",key:`skeleton-${a}`},t.map(((t,e)=>i("td",{class:"data-grid-cell",key:`skeleton-${a}-${e}`},i("bh-skeleton-loader",{height:"20px",width:"80%"})))))));return i("tbody",{class:"data-grid-body data-grid-body-skeleton",role:"rowgroup"},e)}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(t){if(!t)return null;if("none"===this.selectionMode)return null;if("single-click"===this.selectionMode||"multiple-click"===this.selectionMode)return null;const e=t.getIsSelected?.()??!1;return i("td",{class:"data-grid-cell data-grid-cell-select",onClick:t=>t.stopPropagation(),role:"cell"},"single-radio"===this.selectionMode?i("bh-radio",{checked:e,name:"data-grid-selection",onBhChange:()=>t.toggleSelected(!0),size:"sm"}):i("bh-checkbox",{checked:e,onBhChange:()=>t.toggleSelected(),size:"sm"}))}renderCell(t,e){if(!e?.column)return null;const a=e.column.id,l=e.column.columnDef?.meta,s=e.getValue();if(this.adaptiveDetailColumns?.includes(a))return null;const o=String(s??""),n={row:t.original,rowId:t.id,columnId:a,value:s,displayValue:o};this.bhCellPrepared.emit(n);const h=n.cssClass??"",c=n.content,g=this.columnPinning??{left:[],right:[]},p=d(a,g),u="left"===p,b="right"===p,w=u||b,m={"data-grid-cell":!0,[`data-grid-cell-align-${l?.align??"left"}`]:!0,"data-grid-cell-pinned":w,"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 t=e.column.columnDef?.cell;v="function"==typeof t?t(e.getContext()):o}else v=c;return i("td",{class:m,key:e.id,onClick:i=>this.handleCellClick(t,e,i),role:"cell",style:y},v)}renderDataRow(t){if(!t)return null;const e=t.getIsSelected?.()??!1,a=t.getIsExpanded?.()??!1,l=this.editingRowId===t.id,d=t.id,r=this.enableFocusTracking&&this.focusedRowId===d,s=this.isRowDraggable(t.original),o=this.getRowChangeType(d),n={row:t.original,rowId:d,rowIndex:t.index,isEditing:l,isSelected:e,isExpanded:a};if(this.bhRowPrepared.emit(n),n.cancel)return null;const h=n.cssClass??"";return i("tr",{"aria-selected":e?"true":"false",class:{"data-grid-row":!0,"data-grid-row-selected":e,"data-grid-row-expanded":a,"data-grid-row-editing":l,"data-grid-row-hover":this.hoveredRowId===d,"data-grid-row-striped":this.striped&&t.index%2==1,"data-grid-row-clickable":"single-click"===this.selectionMode||"multiple-click"===this.selectionMode,"data-grid-row-focused":r,"data-grid-row-modified":"update"===o,"data-grid-row-inserted":"insert"===o,"data-grid-row-deleted":"delete"===o,[h]:!!h},"data-row-id":d,draggable:this.enableRowDragging&&s,key:t.id,onClick:()=>this.handleRowClick(t),onMouseEnter:()=>{this.hoveredRowId=d},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":!s},onClick:t=>t.stopPropagation(),role:"cell"},s&&i("span",{class:"data-grid-drag-handle material-symbols-outlined"},"drag_indicator")),this.renderSelectionCell(t),(this.enableExpansion||this.enableMasterDetail)&&!this.enableGrouping&&i("td",{class:"data-grid-cell data-grid-cell-expand",onClick:t=>t.stopPropagation(),role:"cell"},t.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(t),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:t=>t.stopPropagation(),role:"cell"},i("button",{"aria-expanded":this.isAdaptiveDetailExpanded(d)?"true":"false","aria-label":this.isAdaptiveDetailExpanded(d)?"Hide additional columns":"Show additional columns",class:"data-grid-adaptive-detail-button",onClick:()=>this.handleAdaptiveDetailToggle(d),type:"button"},i("span",{class:"material-symbols-outlined"},this.isAdaptiveDetailExpanded(d)?"expand_less":"more_horiz"))),(t.getVisibleCells?.()??[]).map((e=>this.renderCell(t,e))),this.enableEditing&&this.showEditActions&&"row"===this.editMode&&i("td",{class:"data-grid-cell data-grid-cell-actions",role:"cell"}))}renderAdaptiveDetailRow(t){const e=t.id;if(!this.isAdaptiveDetailExpanded(e))return null;const a=this.adaptiveDetailDataMap?.get(e);return a&&0!==a.hiddenValues.length?i("tr",{"aria-label":`${this.bodyLabels.additionalDetailsForRow} ${e}`,class:"data-grid-row data-grid-row-adaptive-detail","data-row-id":`${e}-adaptive-detail`,key:`${t.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((t=>i("div",{class:"adaptive-detail-item",key:t.columnId},i("dt",{class:"adaptive-detail-label"},t.header),i("dd",{class:"adaptive-detail-value"},t.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 t=this.table.getRowModel?.(),e=t?.rows??[];if(0===e.length&&(!this.isLoading||"spinner"!==this.loadingType))return this.renderEmptyState();const l=this.isLoading&&"spinner"===this.loadingType;return i(a,null,i("tbody",{"aria-busy":l?"true":void 0,class:{"data-grid-body":!0,"data-grid-body-loading":l},part:"body",role:"rowgroup"},e.map((t=>t?t.getIsGrouped?.()?null:[this.renderDataRow(t),this.enableAdaptiveDetail&&this.renderAdaptiveDetailRow(t)]:null))),l&&this.renderSpinnerOverlay())}};export{c as bh_data_grid_body}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as i,H as a}from"./p-CTHvNfIu.js";import{c as r}from"./p-CMKOFHIa.js";import{m as o,M as d}from"./p-CSH9RXgl.js";import{r as s}from"./p-Xi3uD33F.js";import{B as n,r as c}from"./p-BNVOtH-1.js";import{a as l}from"./p-BqJRACkO.js";import"./p-zdFuIabL.js";const h="bh-activity-feed",f=class{constructor(i){e(this,i),this.bhClose=t(this,"bhClose")}logger=r(h);i18nUnsubscribe;_i18nVersion=0;type="notifications";divider="none";showHeader=!1;heading="";headerIcon="";maxHeight="";flush=!1;closeAriaLabel="Close";bhClose;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),o.increment(d.COMPONENT_ERROR,{component:h,error_type:e instanceof Error?e.name:"unknown"}),s(h,e)}componentWillLoad(){this.i18nUnsubscribe=n.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleClose=()=>{this.bhClose.emit()};renderHeader(){return this.showHeader?i("div",{class:"activity-feed-header",part:"header"},i("div",{class:"activity-feed-header-content"},this.headerIcon&&i("span",{class:"header-icon"},i("bh-featured-icon",{color:"gray",icon:this.headerIcon,"icon-style":"outlined",size:"md"})),this.heading&&i("h2",{class:"activity-feed-heading",part:"heading"},this.heading),i("slot",{name:"header-actions"})),i("bh-close-button",{ariaLabel:c(h,"closeAriaLabel",this.closeAriaLabel,"Close"),onClick:this.handleClose})):null}render(){const e=this.maxHeight?{"max-height":this.maxHeight}:{};return i(a,{key:"0a631e358bb25ec3d4a21d8b6cc2d86c91a0dca4"},i("div",{key:"9e5eddafb5bd043acfdf54af7bd6dbeb4569d961",class:{"activity-feed":!0,[`activity-feed-${this.type}`]:!0,[`activity-feed-divider-${this.divider}`]:!0,"activity-feed-with-header":this.showHeader,"activity-feed-flush":this.flush},part:"container"},this.renderHeader(),i("div",{key:"6647af1dce5d657c05bd8dce423842d690426275","aria-label":this.heading||"Activity feed",class:"activity-feed-list",part:"list",role:"feed",style:e},i("slot",{key:"65cf6330ac0cfb361145d0c28396f2d5cfb739cc"}))))}};f.style='@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-activity-feed-bg:var(--color-bg-primary);--bh-activity-feed-border:var(--color-border-secondary);--bh-activity-feed-header-bg:var(--color-bg-primary);--bh-activity-feed-header-border:var(--color-border-secondary);--bh-activity-feed-divider-color:var(--color-border-secondary);--bh-activity-feed-heading-color:var(--color-text-primary);--bh-activity-feed-connector-color:var(--color-border-secondary);--bh-activity-feed-connector-width:2px}}@layer bh-base{.activity-feed{display:flex;flex-direction:column;background:var(--bh-activity-feed-bg);width:100%}.activity-feed-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--bh-activity-feed-header-border);background:var(--bh-activity-feed-header-bg)}.activity-feed-header-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.header-icon{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:var(--icon-size-md);color:var(--bh-activity-feed-heading-color)}.activity-feed-heading{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-activity-feed-heading-color);margin:0}.activity-feed-list{display:flex;flex-direction:column;overflow-y:auto;padding:var(--spacing-lg)}}@layer bh-variants{.activity-feed-divider-line .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){border-bottom:1px solid var(--bh-activity-feed-divider-color);padding-bottom:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.activity-feed-flush .activity-feed-list{padding:0}.activity-feed-flush.activity-feed-divider-line .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){padding-bottom:0;margin-bottom:0}.activity-feed-divider-divider .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){border-bottom:1px solid var(--bh-activity-feed-divider-color);padding-bottom:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.activity-feed-divider-connector .activity-feed-list ::slotted(bh-feed-item){margin-bottom:0}.activity-feed-divider-none .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){margin-bottom:var(--spacing-xl)}.activity-feed-messages .activity-feed-list ::slotted(bh-feed-item:not(:last-child)){margin-bottom:var(--spacing-2xl)}.activity-feed-with-header{border:1px solid var(--bh-activity-feed-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}}';const m="bh-feed-item",b=class{constructor(i){e(this,i),this.bhClick=t(this,"bhClick")}logger=r(m);author="";timestamp="";content="";size="md";showConnector=!1;showDot=!1;showSubtext=!0;supportingContent="none";variant="user";icon;itemTitle;bhClick;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),o.increment(d.COMPONENT_ERROR,{component:m,error_type:e instanceof Error?e.name:"unknown"}),s(m,e)}getInitials(){return this.author.split(" ").map((e=>e.charAt(0))).join("").toUpperCase().slice(0,2)}handleClick=()=>{this.bhClick.emit()};handleKeyDown=e=>{l(e)&&(e.preventDefault(),this.bhClick.emit())};render(){const e="none"!==this.supportingContent;return i(a,{key:"c236a43e36605b1769858667ff7046ca659dbf8a"},i("div",{key:"b3bbc51636b33ab2db63bc3ae049ec683d344159","aria-label":"system"===this.variant?this.itemTitle||"Notification":this.author?`Feed item from ${this.author}`:"Feed item",class:{"feed-item":!0,[`feed-item-${this.size}`]:!0},onClick:this.handleClick,onKeyDown:this.handleKeyDown,part:"container",role:"article",tabindex:0},"system"===this.variant?this.icon&&i("div",{class:"feed-item-icon-col",part:"icon-column"},i("bh-featured-icon",{class:"feed-item-icon",color:"brand",icon:this.icon,part:"icon",size:"sm"===this.size?"sm":"md"})):i("div",{class:{"feed-item-avatar-col":!0,"feed-item-avatar-col-connector":this.showConnector},part:"avatar-column"},i("div",{class:"feed-item-avatar",part:"avatar"},i("slot",{name:"avatar"},this.author&&i("bh-avatar",{size:"sm"===this.size?"sm":"md",text:this.getInitials(),variant:"text"}))),this.showConnector&&i("div",{class:"feed-item-connector",part:"connector"})),i("div",{key:"45bf8238ad5b012d7cb66127e5b519c56a28fbd0",class:{"feed-item-content":!0,"feed-item-content-with-connector":this.showConnector&&e,"feed-item-content-no-supporting":!e},part:"content"},i("div",{key:"bc295befb3b4c2d1596499c1e4611c4f7d8eb959",class:"feed-item-header",part:"header"},i("div",{key:"7c2253540cae0b97cb205fe1753c5dbaaa3b5e83",class:"feed-item-meta",part:"meta"},(this.itemTitle||this.author)&&i("span",{key:"16990d09e3e477031180420c53d56fa9093a4397",class:"feed-item-author",part:"author"},this.itemTitle||this.author),this.showSubtext&&this.timestamp&&i("span",{key:"7c31c0e8e80d85c12351ec061d88a0e3a5238296",class:"feed-item-timestamp",part:"timestamp"},this.timestamp)),i("div",{key:"70f12d1eb6c8af4e2a421859e631b7c073d721fd",class:"feed-item-text",part:"text"},i("slot",{key:"064ca607229d49a25477d9166abc6ecd515d8213"},this.content))),e&&i("div",{key:"8c334fcf61af0f2084b85ea3ab960f3d8740246b",class:`feed-item-supporting feed-item-supporting-${this.supportingContent}`,part:"supporting"},i("slot",{key:"c2e97890f6b6787c72c522c4c8af4fa88be3715e",name:"supporting"}))),this.showDot&&i("div",{key:"fc40de69cc7312dd15f103f606e0797bfb1de003",class:"feed-item-dot",part:"dot"},i("bh-badge-dot",{key:"e7a4fde08499915ffee1a2b6145fbcf7176168f1",color:"success",size:this.size}))))}};b.style="@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-feed-item-author-color:var(--color-text-primary);--bh-feed-item-timestamp-color:var(--color-text-tertiary);--bh-feed-item-text-color:var(--color-text-secondary);--bh-feed-item-connector-color:var(--color-border-secondary);--bh-feed-item-connector-width:2px;--bh-feed-item-bubble-border:var(--color-border-secondary);--bh-feed-item-bubble-shadow:var(--shadow-xs)}}@layer bh-base{.feed-item{display:flex;align-items:flex-start;gap:var(--spacing-lg);position:relative;width:100%}.feed-item-avatar-col{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.feed-item-icon-col{display:flex;align-items:flex-start;flex-shrink:0}.feed-item-avatar-col-connector{align-self:stretch;padding-bottom:var(--spacing-xs)}.feed-item-avatar{flex-shrink:0}.feed-item-connector{flex:1;width:var(--bh-feed-item-connector-width);min-height:1px;background:var(--bh-feed-item-connector-color);border-radius:var(--spacing-xxs)}.feed-item-content{display:flex;flex-direction:column;flex:1;min-width:0;min-height:1px;gap:var(--spacing-lg)}.feed-item-content-with-connector{padding-bottom:var(--spacing-4xl)}.feed-item-content-no-supporting{gap:0}.feed-item-header{display:flex;flex-direction:column;gap:0;width:100%}.feed-item-meta{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.feed-item-author{font-size:var(--text-sm-size);font-weight:var(--weight-medium);line-height:var(--line-height-normal);color:var(--bh-feed-item-author-color);flex-shrink:0}.feed-item-timestamp{font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--text-xs-line);color:var(--bh-feed-item-timestamp-color);flex-shrink:0}.feed-item-text{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-feed-item-text-color);width:100%;word-wrap:break-word}.feed-item-supporting{width:100%}.feed-item-dot{flex-shrink:0;display:flex;align-items:flex-start;padding-top:var(--spacing-xs)}}@layer bh-variants{.feed-item-sm .feed-item-avatar ::slotted(*){width:var(--bh-avatar-size-sm);height:var(--bh-avatar-size-sm)}.feed-item-md .feed-item-avatar ::slotted(*){width:var(--bh-avatar-size-md);height:var(--bh-avatar-size-md)}.feed-item-supporting-text ::slotted(*){border:1px solid var(--bh-feed-item-bubble-border);border-radius:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);padding:var(--spacing-lg);box-shadow:var(--bh-feed-item-bubble-shadow);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.feed-item-supporting-file ::slotted(*){display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background:var(--color-bg-primary)}.feed-item-supporting-labels ::slotted(*){display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}}@layer bh-states{.feed-item{cursor:pointer}}";export{f as bh_activity_feed,b as bh_feed_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as r,H as i}from"./p-CTHvNfIu.js";import{c as e}from"./p-CMKOFHIa.js";import{c as n}from"./p-YdVz1TeW.js";import{c as a,a as s}from"./p-CS8F5LFw.js";import{m as c,M as h}from"./p-CSH9RXgl.js";import{r as l}from"./p-Xi3uD33F.js";import{t as b}from"./p-Bf0qW3wI.js";import{A as d}from"./p-BoVgy_Ao.js";import{B as u,r as g}from"./p-BNVOtH-1.js";const v=class{constructor(r){t(this,r),this.bhLongPress=o(this,"bhLongPress")}logger=e("bh-button-icon");hierarchy="primary";size="md";iconName="add";disabled=!1;loading=!1;type="button";ariaLabel=null;toggle=!1;pressed=!1;hasPopup=!1;popupType=null;expanded=!1;describedBy;bhLongPress;focusState=n();focusVersion=0;destroy$=a();longPressStartTime;longPressActive=!1;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),c.increment(h.COMPONENT_ERROR,{component:"bh-button-icon",error_type:t instanceof Error?t.name:"unknown"}),l("bh-button-icon",t)}disconnectedCallback(){this.longPressActive=!1,s(this.destroy$)}handleClick=t=>{(this.disabled||this.loading)&&(t.preventDefault(),t.stopPropagation())};handleKeyDown=()=>{};handleKeyUp=()=>{};handleTouchStart=()=>{this.disabled||this.loading||!this.destroy$||(this.longPressStartTime=Date.now(),this.longPressActive=!0,b(d.LONG_PRESS,this.destroy$)?.subscribe((()=>{if(this.longPressActive){const t=Date.now()-(this.longPressStartTime||0);this.bhLongPress.emit({duration:t}),this.longPressActive=!1}})))};handleTouchEnd=()=>{this.longPressActive=!1};handleTouchMove=()=>{this.longPressActive=!1};handleDoubleClick=t=>{(this.disabled||this.loading)&&(t.preventDefault(),t.stopPropagation())};handleContextMenu=t=>{(this.disabled||this.loading)&&(t.preventDefault(),t.stopPropagation())};handleFocus=t=>{this.focusState.handleFocus(t)};handleBlur=t=>{this.focusState.handleBlur(t)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const t={"button-icon":!0,[`button-icon-${this.hierarchy}`]:!0,[`button-icon-${this.size}`]:!0,"button-icon-disabled":this.disabled,"button-icon-loading":this.loading};return r("button",{key:"0c19bb2ed14337271c6146bbf94e975735f0ccb0","aria-busy":this.loading?"true":void 0,"aria-describedby":this.describedBy,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.hasPopup?String(this.expanded):void 0,"aria-haspopup":this.hasPopup&&this.popupType?this.popupType:void 0,"aria-label":this.ariaLabel||this.iconName,"aria-pressed":this.toggle?String(this.pressed):void 0,class:t,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,disabled:this.disabled,onBlur:this.handleBlur,onClick:this.handleClick,onContextMenu:this.handleContextMenu,onDblClick:this.handleDoubleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onTouchEnd:this.handleTouchEnd,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,part:"button",role:this.toggle?"button":void 0,tabindex:this.disabled?-1:0,type:this.type},this.loading?r("bh-loader-spinner",{size:"sm",variant:"primary"===this.hierarchy?"white":"default"}):r("span",{class:"material-symbols-outlined icon",part:"icon"},this.iconName))}};v.style='@charset "UTF-8"; @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: inline-block; font-family: var(--font-inter); --bh-button-icon-primary-bg: var(--color-bg-interactive); --bh-button-icon-primary-bg-hover: var(--color-bg-interactive-hover); --bh-button-icon-primary-bg-active: var(--color-bg-interactive-active); --bh-button-icon-primary-color: var(--color-text-inverse); --bh-button-icon-secondary-bg: var(--color-bg-primary); --bh-button-icon-secondary-bg-hover: var(--color-bg-secondary); --bh-button-icon-secondary-bg-active: var(--color-bg-tertiary); --bh-button-icon-secondary-color: var(--color-text-secondary); --bh-button-icon-secondary-border-color: var(--color-border-primary); --bh-button-icon-tertiary-bg: transparent; --bh-button-icon-tertiary-bg-hover: var(--color-bg-tertiary); --bh-button-icon-tertiary-bg-active: var(--color-bg-tertiary); --bh-button-icon-tertiary-color: var(--color-text-secondary); --bh-button-icon-border-radius: var(--radius-md); --bh-button-icon-focus-ring-color: var(--color-border-interactive); } } @layer bh-base { .button-icon { display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: var(--bh-button-icon-border-radius); cursor: pointer; transition: background-color var(--animation-duration-normal) ease-in-out, color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out, border-color var(--animation-duration-normal) ease-in-out; font-family: inherit; outline: none; padding: 0; } .icon { display: flex; align-items: center; justify-content: center; } .loading-spinner { width: var(--icon-size-sm); height: var(--icon-size-sm); border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin 0.8s linear infinite; } .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; } } @layer bh-variants { .button-icon-xs { width: var(--bh-button-height-xs); height: var(--bh-button-height-xs); } .button-icon-xs .icon { font-size: var(--icon-size-sm); } .button-icon-xs .loading-spinner { width: var(--sp-3); height: var(--sp-3); } .button-icon-sm { width: var(--bh-button-height-sm); height: var(--bh-button-height-sm); } .button-icon-sm .icon { font-size: var(--icon-size-base); } .button-icon-sm .loading-spinner { width: var(--icon-size-xs); height: var(--icon-size-xs); } .button-icon-md { width: var(--bh-button-height-md); height: var(--bh-button-height-md); } .button-icon-md .icon { font-size: var(--icon-size-md); } .button-icon-lg { width: var(--bh-button-height-lg); height: var(--bh-button-height-lg); } .button-icon-lg .icon { font-size: var(--icon-size-lg); } .button-icon-lg .loading-spinner { width: var(--icon-size-md); height: var(--icon-size-md); } .button-icon-primary { background: var(--bh-button-icon-primary-bg); color: var(--bh-button-icon-primary-color); } .button-icon-secondary { background: var(--bh-button-icon-secondary-bg); color: var(--bh-button-icon-secondary-color); border: 1px solid var(--bh-button-icon-secondary-border-color); } .button-icon-tertiary { background: var(--bh-button-icon-tertiary-bg); color: var(--bh-button-icon-tertiary-color); } .button-icon-quaternary { background: var(--bh-button-icon-quaternary-bg); color: var(--bh-button-icon-quaternary-color); } } @layer bh-states { .button-icon:focus-visible { box-shadow: 0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--bh-button-icon-focus-ring-color); } .button-icon-primary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-primary-bg-hover); } .button-icon-primary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-primary-bg-active); } .button-icon-secondary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-secondary-bg-hover); } .button-icon-secondary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-secondary-bg-active); } .button-icon-tertiary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-tertiary-bg-hover); } .button-icon-tertiary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-tertiary-bg-active); } .button-icon-quaternary:hover:not(.button-icon-disabled) { background: var(--bh-button-icon-quaternary-bg-hover); color: var(--bh-button-icon-quaternary-color-hover); } .button-icon-quaternary:active:not(.button-icon-disabled) { background: var(--bh-button-icon-quaternary-bg-active); } .button-icon-disabled { opacity: 0.5; cursor: not-allowed; } .button-icon-loading { cursor: wait; } } @layer bh-utilities { @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } }';const p="bh-loader-spinner",m={start:{stopColor:"rgba(255, 255, 255, 1)"},middle:{stopColor:"rgba(255, 255, 255, 0.8)"},end:{stopColor:"rgba(255, 255, 255, 0.5)"}},y={start:{stopColor:"var(--color-accent-300)"},middle:{stopColor:"var(--color-brand-400)"},end:{stopColor:"var(--color-bg-interactive)"}},f=class{constructor(o){t(this,o)}logger=e(p);i18nUnsubscribe;_i18nVersion=0;size="md";variant="default";overlay=!1;overlayMessage="";showMessage=!1;message="Loading...";ariaLabel="Loading";componentWillLoad(){this.i18nUnsubscribe=u.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),c.increment(h.COMPONENT_ERROR,{component:p,error_type:t instanceof Error?t.name:"unknown"}),l(p,t)}renderSpinner(){const t="white"===this.variant,o=t?"bellhop-gradient-white":"bellhop-gradient",i=t?m:y;return r("div",{class:`loader-spinner variant-${this.variant}`,part:"spinner"},r("div",{class:"spinner-gradient"},r("svg",{class:"gradient-svg",viewBox:"0 0 50 50"},r("defs",null,r("linearGradient",{id:o,x1:"0%",x2:"0%",y1:"0%",y2:"100%"},r("stop",{offset:"0%",style:i.start}),r("stop",{offset:t?"50%":"51%",style:i.middle}),r("stop",{offset:"100%",style:i.end}))),r("circle",{class:"gradient-path",cx:25,cy:25,fill:"none",r:20,stroke:`url(#${o})`,"stroke-linecap":"round","stroke-width":4}))))}renderMessage(t){return(t?this.showMessage||this.overlayMessage:this.showMessage)?r("div",{class:"loader-message"},t&&this.overlayMessage||this.message):null}render(){const t=g("bh-loader-spinner","ariaLabel",this.ariaLabel,"Loading");return r(i,{"aria-label":t,"aria-live":"polite",role:"status"},this.overlay?r("div",{class:"loader-overlay",part:"overlay"},r("div",{class:"loader-overlay-content"},r("div",{class:`loader-container size-${this.size}`,part:"container"},this.renderSpinner()),this.renderMessage(!0))):r("div",{class:`loader-container size-${this.size}`,part:"container"},this.renderSpinner(),this.renderMessage(!1)))}};f.style="@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: inline-block; --bh-loader-overlay-bg: var(--overlay-medium); --bh-loader-message-color: var(--color-text-primary); --bh-loader-message-color-overlay: var(--color-text-inverse); } } @layer bh-base { .loader-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--bh-loader-overlay-bg); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: var(--bh-z-index-maximum); } .loader-overlay .loader-message { color: var(--bh-loader-message-color-overlay); } .loader-overlay-content { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-md); } .loader-container { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-sm); } .loader-spinner { position: relative; display: inline-block; } .loader-message { color: var(--bh-loader-message-color); font-size: var(--text-sm-size); line-height: var(--line-height-normal); font-weight: var(--weight-medium); text-align: center; margin-top: var(--spacing-xs); } .spinner-gradient { animation: gradient-rotate 2s linear infinite; will-change: transform; backface-visibility: hidden; perspective: 1000px; } .gradient-svg { display: block; transform-origin: 50% 50%; transform: translateZ(0); } .gradient-path { stroke-dasharray: 90, 150; stroke-dashoffset: 0; animation: gradient-dash 1.5s ease-in-out infinite; transform-origin: 50% 50%; } } @layer bh-variants { .size-sm .gradient-svg { width: var(--bh-loader-spinner-size-sm); height: var(--bh-loader-spinner-size-sm); } .size-sm .gradient-path { stroke-width: 5; } .size-md .gradient-svg { width: var(--bh-loader-spinner-size-md); height: var(--bh-loader-spinner-size-md); } .size-md .gradient-path { stroke-width: 5; } .size-lg .gradient-svg { width: var(--bh-loader-spinner-size-lg); height: var(--bh-loader-spinner-size-lg); } .size-lg .gradient-path { stroke-width: 5; } .size-xl .gradient-svg { width: var(--bh-loader-spinner-size-xl); height: var(--bh-loader-spinner-size-xl); } .size-xl .gradient-path { stroke-width: 6; } } @layer bh-states { .loader-container:hover .spinner-gradient { animation-duration: 1s; } .loader-container:hover .gradient-path { animation-duration: 0.6s; } } @layer bh-utilities { @keyframes gradient-rotate { 100% { transform: rotate(360deg); } } @keyframes gradient-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } }";export{v as bh_button_icon,f as bh_loader_spinner}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,a as i,h as s,H as a}from"./p-CTHvNfIu.js";import{T as r,s as o}from"./p-_HEoiOQg.js";import{P as h}from"./p-Sdr_qqWO.js";import{c as n,a as d}from"./p-CS8F5LFw.js";import{c}from"./p-CMKOFHIa.js";import{c as l}from"./p-YdVz1TeW.js";import{m as p,M as b}from"./p-CSH9RXgl.js";import{r as u}from"./p-Xi3uD33F.js";import{B as m,r as f}from"./p-BNVOtH-1.js";import{i as g,a as k}from"./p-BqJRACkO.js";import{t as y}from"./p-Bf0qW3wI.js";import{A as v}from"./p-BoVgy_Ao.js";import"./p-zdFuIabL.js";const w=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],C=1900,x=2200,M=class{constructor(i){e(this,i),this.bhChange=t(this,"bhChange"),this.bhFocus=t(this,"bhFocus"),this.bhBlur=t(this,"bhBlur"),this.bhOpen=t(this,"bhOpen"),this.bhClose=t(this,"bhClose")}destroy$=n();logger=c("bh-date-picker");stateManager;closeTimerId=null;get el(){return i(this)}variant="input";minYear=1998;maxYear=2060;disabled=!1;disabledDates=[];label="Select Date";placeholder="Choose date";inputWidth="200px";showLabel=!0;showFooter=!1;showOtherMonthDays=!0;value;menuStyles={};openUpward=!1;openToLeft=!1;isMenuClosing=!1;isMenuOpen=!1;menuContainerEl;menuAnchor=new r;get safeMinYear(){return!Number.isFinite(this.minYear)||this.minYear<C?(this.logger.warn("minYear out of bounds, using default",{provided:this.minYear,using:C}),C):this.minYear>x?(this.logger.warn("minYear exceeds maximum, using max",{provided:this.minYear,using:x}),x):this.minYear}get safeMaxYear(){if(!Number.isFinite(this.maxYear)||this.maxYear>x)return this.logger.warn("maxYear out of bounds, using default",{provided:this.maxYear,using:x}),x;if(this.maxYear<C)return this.logger.warn("maxYear below minimum, using min",{provided:this.maxYear,using:C}),C;const e=this.safeMinYear;return this.maxYear<e?e:this.maxYear}bhChange;bhFocus;bhBlur;bhOpen;bhClose;focusState=l();i18nUnsubscribe;focusVersion=0;_i18nVersion=0;handleInputFocus=()=>{this.disabled||this.stateManager?.isOpen||this.handleTriggerClick()};componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),p.increment(b.COMPONENT_ERROR,{component:"bh-date-picker"}),u("bh-date-picker",e)}handleValueChange(e){this.stateManager&&this.stateManager.setValue(e??null)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.stateManager=new h({onOpen:()=>{this.isMenuOpen=!0,this.bhOpen.emit()},onClose:()=>{this.isMenuOpen=!1,this.bhClose.emit()},onApply:e=>{this.bhChange.emit(e)}}),this.value&&this.stateManager.setValue(this.value),this.i18nUnsubscribe=m.onLocaleChange((()=>{this._i18nVersion++}))}getDisplayValue(){const e=this.stateManager?.committedValue;return e?`${w[e.month]} ${e.day}, ${e.year}`:""}getButtonLabel(){return this.getDisplayValue()||this.placeholder}handleTriggerClick=()=>{if(!this.disabled)if(this.stateManager.isOpen)this.closeMenu();else{const e=this.el.getBoundingClientRect(),t=window.innerHeight-e.bottom,i=window.innerWidth-e.left;this.openUpward=t<360&&e.top>360,this.openToLeft=i<300,this.stateManager.open()}};handleFocus=e=>{this.focusState.handleFocus(e,(e=>this.bhFocus.emit(e)))};handleBlur=e=>{this.focusState.handleBlur(e,(e=>this.bhBlur.emit(e)))};handleKeyDown=e=>{g(e)&&this.stateManager.isOpen&&(e.preventDefault(),this.closeMenu()),!this.disabled&&k(e)&&(e.preventDefault(),this.handleTriggerClick())};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleDateSelect=e=>{e.stopPropagation();const t=e.detail;this.showFooter&&t?this.stateManager.setTempValue(t):t&&(this.stateManager.setValue(t),this.bhChange.emit(t),this.showFooter||this.closeMenu())};handleMenuAction=e=>{"apply"===e.detail.action?this.handleMenuApply():"cancel"===e.detail.action?this.handleMenuCancel():this.handleToday()};handleMenuCancel=()=>{this.stateManager.cancel(),this.closeMenu()};handleMenuApply=()=>{this.stateManager.apply(),this.closeMenu()};handleToday=()=>{const e=new Date,t={year:e.getFullYear(),month:e.getMonth(),day:e.getDate()};this.showFooter?this.stateManager.setTempValue(t):(this.stateManager.setValue(t),this.bhChange.emit(t),this.closeMenu())};closeMenu(){this.isMenuClosing=!0,null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null);const e=this.destroy$?y(v.MENU_CLOSE,this.destroy$):null;e?e.subscribe((()=>{this.stateManager.close(),this.isMenuClosing=!1,this.closeTimerId=null})):this.closeTimerId=setTimeout((()=>{this.stateManager.close(),this.isMenuClosing=!1,this.closeTimerId=null}),v.MENU_CLOSE)}componentDidRender(){this.menuAnchor.sync(this.isMenuOpen,this.menuContainerEl,this.el,{upward:this.openUpward,toLeft:this.openToLeft})}disconnectedCallback(){this.menuAnchor.destroy(),null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null),d(this.destroy$),this.i18nUnsubscribe?.()}handleBackdropClick=()=>{this.handleMenuCancel()};render(){const e={"date-picker-container":!0,"date-picker-focused":this.focusState.isFocused,"date-picker-hovered":this.focusState.isHovered};return s(a,{key:"bf6800637be57d8d768455e54e7519c5994e263d"},s("div",{key:"e00ca9870ba40f24884ffe2650c5b50d05f5d556","aria-disabled":this.disabled?"true":void 0,"aria-expanded":String(this.isMenuOpen),"aria-haspopup":"dialog","aria-label":f("bh-date-picker","defaultLabel",this.label,"Select Date"),class:e,"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container",role:"combobox",tabindex:this.disabled?-1:0},"dropdown-outlined"===this.variant&&s("div",{key:"cf711db0fae3aab3a54db332a6f5a4b9686adad4",class:"date-picker-trigger",onClick:this.handleTriggerClick,part:"trigger"},s("bh-button",{key:"5464fc3c642a2445490836a167da7b9d15369a65",disabled:this.disabled,hierarchy:"secondary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"dropdown-ghost"===this.variant&&s("div",{key:"2729ffe68fef8fd465abcc4ee5122e24d7ca38a5",class:"date-picker-trigger",onClick:this.handleTriggerClick,part:"trigger"},s("bh-button",{key:"a3359a23887d20a507cabc6a94b30e7de955c211",disabled:this.disabled,hierarchy:"tertiary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"input"===this.variant&&s("div",{key:"7655c11d161eeaa2ba73682b351ef1a1350a50a4",class:"date-picker-trigger input-field-container",part:"trigger"},s("bh-input-text",{key:"d79d3bb225210eeb896be266bd9dd37b5373e35a",disabled:this.disabled,label:f("bh-date-picker","defaultLabel",this.label,"Select Date"),onFocus:this.handleInputFocus,placeholder:f("bh-date-picker","defaultPlaceholder",this.placeholder,"Choose date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:this.showLabel,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.getDisplayValue(),width:this.inputWidth}),s("div",{key:"696764ec1a46a39d2e47f5ee2e4873ec831d2809",class:"calendar-icon-overlay",onClick:this.handleTriggerClick})),s("div",{key:"42689fe957cd9bcded85261f0b3b08ed2cfbb8e7",class:{"date-picker-menu-container":!0,"is-open":this.isMenuOpen&&!o,"open-upward":this.openUpward,"open-left":this.openToLeft},part:"menu",popover:o?"manual":void 0,ref:e=>this.menuContainerEl=e},s("bh-picker-menu",{key:"e7abddb8c80316349b31f734cb53cc636df8d9c5",disableApply:this.showFooter&&null===this.stateManager?.tempValue,onBhAction:this.handleMenuAction,showFooter:this.showFooter,showTodayButton:this.showFooter,visible:this.isMenuOpen},s("bh-date-picker-content",{key:"d42c94db8ebb27d762d8eba0267a6bc1f6294b87",disabled:this.disabled,disabledDates:this.disabledDates,maxYear:this.safeMaxYear,minYear:this.safeMinYear,onBhChange:this.handleDateSelect,showOtherMonthDays:this.showOtherMonthDays,value:this.stateManager?.tempValue??this.stateManager?.committedValue??void 0})))),(this.isMenuOpen||this.isMenuClosing)&&s("div",{key:"a021aa4337b3d5b224dc0a078389d098aa836faa",class:"date-picker-backdrop",onClick:this.handleBackdropClick}))}static get watchers(){return{value:[{handleValueChange:0}]}}};M.style="@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;position:relative;--bh-date-picker-bg:var(--color-bg-primary);--bh-date-picker-border-color:var(--color-border-primary);--bh-date-picker-border-radius:var(--radius-md);--bh-date-picker-dropdown-shadow:var(--shadow-popup);--bh-date-picker-z-index:var(--bh-z-index-dropdown)}}@layer bh-base{.date-picker-container{width:100%}.date-picker-trigger{cursor:pointer}.date-picker-trigger.input-field-container{position:relative}.calendar-icon-overlay{position:absolute;top:0;right:0;width:var(--bh-button-height-md);height:100%;cursor:pointer;z-index:1}.date-picker-menu-container{position:fixed;z-index:var(--bh-z-index-dropdown);display:none;margin-top:var(--bh-date-picker-dropdown-offset, var(--spacing-md))}.date-picker-menu-container.open-upward{margin-top:0;margin-bottom:var(--bh-date-picker-dropdown-offset, var(--spacing-md))}.date-picker-menu-container{}.date-picker-menu-container:popover-open{display:block;inset:auto;margin:0;border:none;padding:0;background:transparent;overflow:visible}.date-picker-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--bh-z-index-raised);background:transparent}}@layer bh-states{.date-picker-menu-container.is-open{display:block}}";export{M as bh_date_picker}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,a as i,h as r}from"./p-CTHvNfIu.js";import{c as a}from"./p-CMKOFHIa.js";import{c as n}from"./p-YdVz1TeW.js";import{m as s,M as o}from"./p-CSH9RXgl.js";import{r as m}from"./p-Xi3uD33F.js";import{A as h}from"./p-BoVgy_Ao.js";import{v as l}from"./p-R-A72b5e.js";import{K as u}from"./p-zdFuIabL.js";import{c as d}from"./p-B93zYxiE.js";import{a as c}from"./p-BqJRACkO.js";const v=class{constructor(i){e(this,i),this.bhItemClick=t(this,"bhItemClick"),this.bhOpen=t(this,"bhOpen"),this.bhClose=t(this,"bhClose")}get el(){return i(this)}logger=a("bh-menu");focusState=n();menuItemElements=[];focusVersion=0;focusedIndex=-1;openSubmenuIndex=-1;isClosing=!1;shouldRender=!0;orientation="vertical";visible=!0;menuItems=[];header;scrollable=!1;showIcons=!0;animated=!1;bhItemClick;bhOpen;bhClose;componentWillLoad(){this.shouldRender=this.visible,this.focusState.onChange((()=>{this.focusVersion++}))}componentDidLoad(){this.collectMenuItems()}componentDidUpdate(){this.collectMenuItems()}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),s.increment(o.COMPONENT_ERROR,{component:"bh-menu",error_type:e instanceof Error?e.name:"unknown"}),m("bh-menu",e)}handleVisibilityChange(e){e?(this.shouldRender=!0,this.isClosing=!1,this.bhOpen.emit(),this.focusedIndex=-1):(this.bhClose.emit(),this.animated?(this.isClosing=!0,setTimeout((()=>{this.shouldRender=!1,this.isClosing=!1}),h.MENU_CLOSE)):this.shouldRender=!1)}handleItemClick(e){e.stopPropagation();const t=this.findItemIndex(e),i=this.parsedMenuItems;this.bhItemClick.emit({index:t,item:t>=0&&t<i.length?i[t]:void 0})}handleSubmenuToggle(e){e.stopPropagation();const t=this.findItemIndex(e);e.detail.open?this.openSubmenuIndex=t:this.openSubmenuIndex===t&&(this.openSubmenuIndex=-1)}findItemIndex(e){for(const t of e.composedPath?.()??[]){const e=this.menuItemElements.indexOf(t);if(e>=0)return e}return this.menuItemElements.indexOf(e.target)}collectMenuItems(){const e=this.el.shadowRoot;if(!e)return;const t=e.querySelector('[role="menu"]');t&&(this.menuItemElements=[...Array.from(t.querySelectorAll("bh-menu-item")),...Array.from(this.el.querySelectorAll("bh-menu-item"))])}get parsedMenuItems(){if("string"==typeof this.menuItems){if(!this.menuItems)return[];const e=l(this.menuItems);return e.valid?Array.isArray(e.value)?e.value:(m("bh-menu",new Error("menuItems must be an array")),[]):(m("bh-menu",new Error(`Invalid menuItems JSON: ${e.errors.map((e=>e.message)).join(", ")}`)),[])}return Array.isArray(this.menuItems)?this.menuItems:[]}get parsedHeader(){if(this.header){if("string"==typeof this.header){const e=l(this.header);return e.valid?e.value??void 0:void m("bh-menu",new Error(`Invalid header JSON: ${e.errors.map((e=>e.message)).join(", ")}`))}return this.header}}async focusItem(e){for(let e=0;e<10&&(this.collectMenuItems(),!this.menuItemElements.some((e=>e.shadowRoot?.querySelector('[role="menuitem"]'))));e++)await new Promise((e=>requestAnimationFrame((()=>e(void 0)))));this.focusItemInternal(e)}focusItemInternal(e){const t=this.menuItemElements;if(0===t.length)return;let i=e,r=0;for(;r<t.length;){i<0&&(i=t.length-1),i>=t.length&&(i=0);const a=t[i];if(a&&!a.hasAttribute("disabled")&&"true"!==a.getAttribute("aria-disabled"))break;i+=e>this.focusedIndex?1:-1,r++}if(r>=t.length)return;this.focusedIndex=i;const a=t[i]?.shadowRoot?.querySelector('[role="menuitem"]');a?a.focus():t[i]?.focus()}openSubmenuForFocusedItem(){const e=this.menuItemElements[this.focusedIndex];e&&("menu"===e.getAttribute("aria-haspopup")||e.hasAttribute("has-submenu"))&&(this.openSubmenuIndex=this.focusedIndex,requestAnimationFrame((()=>{const t=e.shadowRoot?.querySelector("bh-menu"),i=t?.shadowRoot?.querySelector("bh-menu-item"),r=i?.shadowRoot?.querySelector('[role="menuitem"]');r&&r.focus()})))}closeSubmenu(){if(this.openSubmenuIndex>=0){const e=this.menuItemElements[this.openSubmenuIndex];this.openSubmenuIndex=-1;const t=e?.shadowRoot?.querySelector('[role="menuitem"]');t&&t.focus()}}handleKeyDown=e=>{const t="vertical"===this.orientation,i=t?u.ARROW_DOWN:u.ARROW_RIGHT,r=t?u.ARROW_UP:u.ARROW_LEFT,a=t?u.ARROW_RIGHT:u.ARROW_DOWN,n=t?u.ARROW_LEFT:u.ARROW_UP;switch(e.key){case i:e.preventDefault(),this.focusItemInternal(this.focusedIndex+1);break;case r:e.preventDefault(),this.focusItemInternal(this.focusedIndex-1);break;case a:a!==i&&(e.preventDefault(),this.openSubmenuForFocusedItem());break;case n:n!==r&&(e.preventDefault(),this.closeSubmenu());break;case u.HOME:e.preventDefault(),this.focusItemInternal(0);break;case u.END:e.preventDefault(),this.focusItemInternal(this.menuItemElements.length-1);break;case u.ESCAPE:e.preventDefault(),this.openSubmenuIndex>=0?this.closeSubmenu():this.visible=!1}};renderDataDrivenItems(){const e=this.parsedMenuItems;return 0===e.length?null:e.map(((e,t)=>{if(e.divider)return r("hr",{"aria-hidden":"true",class:"menu-divider",key:e.id??`divider-${t}`,part:"divider"});const i=e.variant??e.type??(e.icon?"icon":"default");return r("bh-menu-item",{avatarAlt:e.avatarAlt??"",avatarSrc:e.avatarSrc??"",disabled:e.disabled??!1,hasSubmenu:void 0!==e.children&&e.children.length>0||(e.hasSubmenu??!1),icon:e.icon??"",imageAlt:e.imageAlt??"",imageSrc:e.imageSrc??"",key:e.id??t,label:e.label??"",orientation:this.orientation,selected:e.selected??!1,shortcut:e.shortcut??"",submenuItems:e.children??[],submenuVisible:this.openSubmenuIndex===t,variant:this.showIcons||"icon"!==i?i:"default"})}))}renderHeader(){const e=this.parsedHeader;return e?r("div",{class:{"menu-header":!0,"menu-header--avatar":!!e.avatarGroup},part:"header"},e.avatarGroup&&r("div",{class:"menu-header-avatar-group"},r("bh-avatar",{alt:e.name||"Avatar",imageSrc:e.avatarSrc||void 0,size:"md",status:"online",variant:e.avatarSrc?"image":"placeholder"}),r("div",{class:"menu-header-avatar-text"},r("div",{class:"menu-header-avatar-name"},e.name),r("div",{class:"menu-header-avatar-email"},e.email))),!e.avatarGroup&&e.title&&r("div",{class:"menu-header-title"},e.title)):null}render(){if(!this.shouldRender)return null;const e="vertical"===this.orientation,t={menu:!0,"menu--vertical":e,"menu--horizontal":!e,"menu--scrollable":this.scrollable,"menu--animated":this.animated,"menu--closing":this.isClosing},i=this.renderDataDrivenItems(),a=null!==i;return r("div",{"aria-orientation":this.orientation,class:t,onKeyDown:this.handleKeyDown,part:"container",role:"menu"},this.renderHeader(),a?r("div",{class:"menu-items",part:"items"},i):r("slot",null))}static get watchers(){return{visible:[{handleVisibilityChange:0}]}}};v.style='@charset "UTF-8"; @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { } :host:popover-open { background: transparent; overflow: visible; display: block; margin: 0; inset: auto; border: 0; padding: 0; } :host { display: inline-block; --menu-bg: var(--color-bg-primary); --menu-border-color: var(--color-border-secondary); --menu-radius-vertical: var(--radius-md); --menu-radius-horizontal: var(--radius-xl); --menu-shadow: var(--shadow-md); --menu-padding: var(--spacing-xs); --menu-gap: var(--spacing-xxs); --menu-min-width: 240px; } } @layer bh-base { .menu { display: flex; background-color: var(--menu-bg); box-sizing: border-box; list-style: none; margin: 0; outline: none; overflow: hidden; } .menu-items { display: flex; flex-direction: column; flex: 1; gap: var(--menu-gap); } .menu-divider { height: 1px; background: var(--menu-border-color); border: none; margin: 0; margin-top: var(--spacing-xs); } .menu-header { padding: var(--spacing-sm); border-bottom: 1px solid var(--menu-border-color); } .menu-header--avatar { padding: var(--spacing-sm); } .menu-header-avatar-group { display: flex; align-items: center; gap: var(--spacing-xl); width: 100%; } .menu-header-avatar-text { display: flex; flex-direction: column; flex: 1; min-width: 0; } .menu-header-avatar-name { font-family: var(--font-inter); font-weight: var(--weight-semibold); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--color-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .menu-header-avatar-email { font-family: var(--font-inter); font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--color-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .menu-header-title { font-family: var(--font-inter); font-weight: var(--weight-semibold); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--color-text-primary); } } @layer bh-variants { .menu--vertical { flex-direction: column; min-width: var(--menu-min-width); padding-top: var(--spacing-xs); padding-bottom: var(--spacing-sm); border: 1px solid var(--menu-border-color); border-radius: var(--menu-radius-vertical); box-shadow: var(--menu-shadow); } .menu--horizontal { flex-direction: row; align-items: center; border-radius: var(--menu-radius-horizontal); gap: var(--spacing-xxs); } .menu--scrollable .menu-items { max-height: 280px; overflow-y: auto; overflow-x: hidden; } .menu--animated { animation: menuEnter var(--animation-duration-fast) ease-out forwards; } .menu--animated.menu--closing { animation: menuExit var(--animation-duration-fast) ease-in forwards; } @keyframes menuEnter { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } @keyframes menuExit { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-8px); } } }';const p=class{constructor(i){e(this,i),this.bhClick=t(this,"bhClick"),this.bhSubmenuToggle=t(this,"bhSubmenuToggle")}get el(){return i(this)}logger=a("bh-menu-item");focusState=n();hoverOpenTimeout;hoverCloseTimeout;positioner;submenuRef;itemRef;focusVersion=0;label="";variant="default";icon="";avatarSrc="";avatarAlt="";imageSrc="";imageAlt="";selected=!1;disabled=!1;shortcut="";divider=!1;hasSubmenu=!1;orientation="vertical";submenuVisible=!1;submenuItems=[];bhClick;bhSubmenuToggle;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}disconnectedCallback(){this.clearHoverTimeouts(),this.destroyPositioner()}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),s.increment(o.COMPONENT_ERROR,{component:"bh-menu-item",error_type:e instanceof Error?e.name:"unknown"}),m("bh-menu-item",e)}async handleSubmenuVisibleChange(e){e?await this.setupPositioner():this.destroyPositioner()}get parsedSubmenuItems(){if("string"==typeof this.submenuItems){if(!this.submenuItems)return[];const e=l(this.submenuItems);return e.valid&&Array.isArray(e.value)?e.value:[]}return Array.isArray(this.submenuItems)?this.submenuItems:[]}get hasSubmenuContent(){return this.hasSubmenu&&this.parsedSubmenuItems.length>0}clearHoverTimeouts(){void 0!==this.hoverOpenTimeout&&(clearTimeout(this.hoverOpenTimeout),this.hoverOpenTimeout=void 0),void 0!==this.hoverCloseTimeout&&(clearTimeout(this.hoverCloseTimeout),this.hoverCloseTimeout=void 0)}destroyPositioner(){this.positioner&&(this.positioner.destroy(),this.positioner=void 0)}async setupPositioner(){if(this.destroyPositioner(),!this.itemRef||!this.submenuRef)return;const e="horizontal"===this.orientation?"bottom-start":"right-start";try{this.positioner=await d(this.itemRef,this.submenuRef,{placement:e,offset:0,flip:!0,shift:!0,shiftPadding:8,autoUpdate:!0},((e,t)=>{this.submenuRef&&(this.submenuRef.style.left=`${e}px`,this.submenuRef.style.top=`${t}px`)}))}catch{this.logger.error("Failed to position submenu",new Error("Floating UI position failed"))}}handleClick=()=>{this.disabled||(this.hasSubmenuContent&&this.bhSubmenuToggle.emit({open:!this.submenuVisible}),this.bhClick.emit())};handleKeyDown=e=>{c(e)&&!this.disabled&&(e.preventDefault(),this.bhClick.emit())};handleFocus=e=>{this.focusState.handleFocus(e)};handleBlur=e=>{this.focusState.handleBlur(e)};handleMouseEnter=()=>{this.focusState.handleMouseEnter(),this.hasSubmenuContent&&!this.disabled&&(void 0!==this.hoverCloseTimeout&&(clearTimeout(this.hoverCloseTimeout),this.hoverCloseTimeout=void 0),this.hoverOpenTimeout=setTimeout((()=>{this.bhSubmenuToggle.emit({open:!0}),this.hoverOpenTimeout=void 0}),200))};handleMouseLeave=()=>{this.focusState.handleMouseLeave(),this.hasSubmenuContent&&(void 0!==this.hoverOpenTimeout&&(clearTimeout(this.hoverOpenTimeout),this.hoverOpenTimeout=void 0),this.hoverCloseTimeout=setTimeout((()=>{this.bhSubmenuToggle.emit({open:!1}),this.hoverCloseTimeout=void 0}),300))};renderLeadingContent(){switch(this.variant){case"icon":return r("span",{class:"menu-item-icon material-symbols-outlined",part:"icon"},this.icon);case"avatar":return r("bh-avatar",{alt:this.avatarAlt,class:"menu-item-avatar",imageSrc:this.avatarSrc,part:"avatar",size:"xs",variant:"image"});case"image":return r("img",{alt:this.imageAlt,class:"menu-item-image",part:"image",src:this.imageSrc});default:return null}}renderTrailingContent(){const e=[];return this.selected&&e.push(r("span",{class:"menu-item-trailing material-symbols-outlined",part:"trailing"},"check")),this.shortcut&&e.push(r("span",{class:"menu-item-shortcut",part:"shortcut"},this.shortcut)),this.hasSubmenu&&e.push(r("span",{class:"menu-item-trailing material-symbols-outlined",part:"trailing"},"horizontal"===this.orientation?"expand_more":"chevron_right")),e.length>0?e:null}renderSubmenu(){return this.hasSubmenuContent&&this.submenuVisible?r("div",{class:"menu-item-submenu",ref:e=>{this.submenuRef=e}},r("bh-menu",{menuItems:this.parsedSubmenuItems,orientation:"vertical"})):null}render(){if(this.divider)return r("hr",{"aria-hidden":"true",class:"menu-item-divider",part:"divider"});const e={"menu-item-wrapper":!0,"menu-item-wrapper--submenu-open":this.submenuVisible},t={"menu-item":!0,"menu-item--selected":this.selected,"menu-item--disabled":this.disabled,"menu-item--has-submenu":this.hasSubmenu,[`menu-item--${this.variant}`]:!0,focused:this.focusState.isFocused&&!this.disabled,hovered:this.focusState.isHovered&&!this.disabled};return r("div",{class:e},r("div",{"aria-checked":this.selected?"true":void 0,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.hasSubmenu?String(this.submenuVisible):void 0,"aria-haspopup":this.hasSubmenu?"menu":void 0,class:t,"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container",ref:e=>{this.itemRef=e},role:"menuitem",tabindex:this.disabled?-1:0},this.renderLeadingContent(),r("span",{class:"menu-item-label",part:"label"},this.label),this.renderTrailingContent()),this.renderSubmenu())}static get watchers(){return{submenuVisible:[{handleSubmenuVisibleChange:0}]}}};p.style='@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;padding:var(--menu-item-padding-v) var(--menu-item-padding-h);height:var(--menu-item-height);--menu-item-height:var(--bh-button-height-sm);--menu-item-padding-h:var(--spacing-sm);--menu-item-padding-v:var(--spacing-xxs);--menu-item-gap:var(--spacing-sm);--menu-item-radius:var(--radius-sm);--menu-item-icon-size:var(--icon-size-sm);--menu-item-image-size:var(--icon-size-sm);--menu-item-bg:transparent;--menu-item-color:var(--color-text-primary)}}@layer bh-base{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;.menu-item-wrapper{position:relative}.menu-item-submenu:popover-open{background:transparent;overflow:visible;margin:0;inset:auto;border:0;padding:0}.menu-item-submenu{position:absolute;z-index:var(--z-index-dropdown)}.menu-item{display:flex;align-items:center;gap:var(--menu-item-gap);height:var(--menu-item-height);padding:var(--menu-item-padding-v) var(--menu-item-padding-h);border-radius:var(--menu-item-radius);background-color:var(--menu-item-bg);color:var(--menu-item-color);font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-medium);line-height:var(--line-height-normal);cursor:pointer;outline:none;transition:background-color var(--animation-duration-fast) ease;user-select:none;box-sizing:border-box}.menu-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item-icon{width:var(--menu-item-icon-size);height:var(--menu-item-icon-size);font-size:var(--menu-item-icon-size);flex-shrink:0;color:var(--color-text-secondary)}.menu-item-avatar{flex-shrink:0}.menu-item-image{width:var(--menu-item-image-size);height:var(--menu-item-image-size);border-radius:var(--radius-xs);border:1px solid var(--color-neutral-900);object-fit:cover;flex-shrink:0}.menu-item-trailing{width:var(--menu-item-icon-size);height:var(--menu-item-icon-size);font-size:var(--menu-item-icon-size);flex-shrink:0;color:inherit}.menu-item-shortcut{font-family:var(--font-inter);font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap}.menu-item-divider{height:1px;background:var(--color-border-secondary);border:none;margin:var(--spacing-xs) var(--menu-item-padding-h)}}@layer bh-states{.menu-item:hover:not(.menu-item--disabled){background-color:var(--color-bg-secondary)}.menu-item:focus-visible:not(.menu-item--disabled){box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-border-interactive)}.menu-item--selected{--menu-item-bg:var(--color-neutral-200)}.menu-item--selected:hover:not(.menu-item--disabled){background-color:var(--color-bg-secondary)}.menu-item--disabled{--menu-item-color:var(--color-text-disabled);cursor:not-allowed}.menu-item--disabled.menu-item--selected{--menu-item-bg:var(--color-neutral-100)}}';export{v as bh_menu,p as bh_menu_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,a as i,h as s,H as r}from"./p-CTHvNfIu.js";import{c as o,h as a}from"./p-C4V7Y6N_.js";import{c as n}from"./p-B93zYxiE.js";import{Z as l}from"./p-BoVgy_Ao.js";import{c as h,a as c}from"./p-CS8F5LFw.js";import{c as d}from"./p-CMKOFHIa.js";import{c as m}from"./p-CKTtXT2O.js";import{c as u}from"./p-YdVz1TeW.js";import{B as b,r as p}from"./p-BNVOtH-1.js";import{v as g}from"./p-R-A72b5e.js";import{c as f}from"./p-CFlb5gKI.js";import{r as v}from"./p-Xi3uD33F.js";import{K as x}from"./p-zdFuIabL.js";import{a as y}from"./p-BqJRACkO.js";import"./p-CSH9RXgl.js";const w=class{constructor(i){e(this,i),this.bhChange=t(this,"bhChange"),this.bhOpen=t(this,"bhOpen"),this.bhClose=t(this,"bhClose"),this.bhFocus=t(this,"bhFocus"),this.bhBlur=t(this,"bhBlur"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get el(){return i(this)}internals;triggerRef;menuRef;positioner;dismissalManager;destroy$=h();navState=o();logger=d("bh-multi-select");i18nUnsubscribe;_i18nVersion=0;_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=m({componentName:"bh-multi-select",logger:this.logger})),this._errorHandler}_cachedOptions=null;_lastOptionsInput="[]";_cachedSelectedIds=null;_lastSelectedIdsInput="[]";label="";placeholder="Select options...";hintText="";showLabel=!0;showHintText=!0;size="md";options="[]";selectedIds="[]";defaultSelectedIds="[]";disabled=!1;error=!1;required=!1;name="";maxVisibleTags=3;showIcons=!0;width="100%";isOpen=!1;menuPosition={x:0,y:0};focusState=u();focusVersion=0;menuWidth=0;bhChange;bhOpen;bhClose;bhFocus;bhBlur;componentDidCatch(e){this.handleComponentError(e)}componentWillLoad(){this.i18nUnsubscribe=b.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.syncFormValue()}disconnectedCallback(){this.dismissalManager?.destroy(),this.cleanupFloating(),c(this.destroy$),this.i18nUnsubscribe?.()}formResetCallback(){this.selectedIds=this.defaultSelectedIds,this._cachedSelectedIds=null,this.syncFormValue()}handleOpenChange(e){e?(this.setupFloatingUI(),this.initDismissalManager(),this.dismissalManager?.enable(),this.navState=o()):(this.dismissalManager?.disable(),this.cleanupFloating())}handleSelectedIdsChange(){this._cachedSelectedIds=null,this.syncFormValue()}get parsedOptions(){if(this.options!==this._lastOptionsInput)if(this._lastOptionsInput=this.options,"string"==typeof this.options){const e=g(this.options);e.valid?this._cachedOptions=e.value??[]:(this.logger.warn("Invalid options JSON:",{errors:e.errors}),this._cachedOptions=[])}else this._cachedOptions=this.options||[];return this._cachedOptions||[]}get parsedSelectedIds(){if(this.selectedIds!==this._lastSelectedIdsInput)if(this._lastSelectedIdsInput=this.selectedIds,"string"==typeof this.selectedIds){const e=g(this.selectedIds);e.valid?this._cachedSelectedIds=e.value??[]:(this.logger.warn("Invalid selectedIds JSON:",{errors:e.errors}),this._cachedSelectedIds=[])}else this._cachedSelectedIds=this.selectedIds||[];return this._cachedSelectedIds||[]}get selectedItems(){const e=new Set(this.parsedSelectedIds);return this.parsedOptions.filter((t=>e.has(t.id)))}get visibleTags(){const e=this.selectedItems;return e.length<=this.maxVisibleTags?{tags:e,remaining:0}:{tags:e.slice(0,this.maxVisibleTags),remaining:e.length-this.maxVisibleTags}}isItemSelected(e){return this.parsedSelectedIds.includes(e.id)}syncFormValue(){if(this.internals&&this.name){const e=this.parsedSelectedIds.join(",");this.internals.setFormValue(e)}}initDismissalManager(){this.dismissalManager&&this.dismissalManager.destroy(),this.menuRef&&this.triggerRef&&(this.dismissalManager=f(this.menuRef,{onDismiss:this.handleDismiss,escapeKey:!0,clickOutside:!0,focusLoss:!1,excludeElements:[this.triggerRef]}))}handleDismiss=()=>{this.isOpen&&(this.isOpen=!1,this.bhClose.emit(),this.triggerRef?.focus())};async setupFloatingUI(){if(this.triggerRef&&this.menuRef)try{this.positioner=await n(this.triggerRef,this.menuRef,{placement:"bottom-start",offset:4,flip:!0,fallbackPlacements:["top-start"],shift:!0,shiftPadding:8,matchWidth:!0,timeoutMs:2e3,autoUpdate:!0},((e,t)=>{this.menuPosition={x:e,y:t}}))}catch(e){v("bh-multi-select",e),this.fallbackPosition()}}fallbackPosition(){if(!this.triggerRef)return;const e=this.triggerRef.getBoundingClientRect();this.menuPosition={x:e.left,y:e.bottom+4},this.menuWidth=e.width}cleanupFloating(){this.positioner&&(this.positioner.destroy(),this.positioner=void 0)}toggleMenu=()=>{if(this.disabled)return;const e=this.isOpen;this.isOpen=!this.isOpen,this.isOpen&&!e?this.bhOpen.emit():!this.isOpen&&e&&this.bhClose.emit()};toggleItem=e=>{if(e.disabled)return;const t=this.parsedSelectedIds,i=t.includes(e.id);let s;s=i?t.filter((t=>t!==e.id)):[...t,e.id],this.selectedIds=JSON.stringify(s),this._cachedSelectedIds=null;const r=this.parsedOptions.filter((e=>s.includes(e.id)));this.bhChange.emit(r)};handleTagDismiss=e=>{this.toggleItem(e)};handleTriggerKeyDown=e=>{if(!this.disabled)return e.key===x.ARROW_DOWN||e.key===x.ARROW_UP?(e.preventDefault(),void(this.isOpen||(this.isOpen=!0,this.bhOpen.emit()))):void(y(e)&&(e.preventDefault(),this.toggleMenu()))};handleMenuKeyDown=e=>{const t=this.parsedOptions.filter((e=>!(e.disabled||e.divider))),i=a(e,{container:this.el?.shadowRoot??null,itemSelector:'[role="option"]',orientation:"vertical",wrapAround:!0,onFocus:()=>{},onActivate:e=>{e>=0&&e<t.length&&this.toggleItem(t[e])},onEscape:()=>{this.handleDismiss()}},this.navState);i!==this.navState.focusedIndex&&(this.navState={...this.navState,focusedIndex:i})};handleFocus=e=>{this.focusState.handleFocus(e,(()=>this.bhFocus.emit()))};handleBlur=e=>{this.focusState.handleBlur(e,(()=>this.bhBlur.emit()))};render(){const{tags:e,remaining:t}=this.visibleTags,i=0===this.selectedItems.length,o={"multi-select-trigger":!0,"trigger-focused":this.focusState.isFocused||this.isOpen,"trigger-error":this.error,"trigger-disabled":this.disabled},a=this.isOpen?{position:"fixed",left:`${this.menuPosition.x}px`,top:`${this.menuPosition.y}px`,zIndex:String(l.POPOVER),width:this.menuWidth>0?`${this.menuWidth}px`:void 0}:{display:"none"};return s(r,{key:"990847a23d2ea4fe16329c20bfff07f635c290c0",style:{width:this.width}},s("div",{key:"7ef3db32f8c7e59c5695f93e6f776d24e42c1fb4",class:"multi-select-wrapper"},s("bh-label",{key:"f35e268c9a1e4400ff6ea9e4f49f390fbdd30d62",disabled:this.disabled,label:this.showLabel?this.label:"",required:this.required},s("div",{key:"4d550a56e60fafb275b7b01c719bc2e9dc1c7d97","aria-describedby":this.showHintText&&this.hintText?"hint-text":void 0,"aria-expanded":String(this.isOpen),"aria-haspopup":"listbox","aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,class:o,onBlur:this.handleBlur,onClick:this.toggleMenu,onFocus:this.handleFocus,onKeyDown:this.handleTriggerKeyDown,part:"trigger",ref:e=>this.triggerRef=e,role:"combobox",tabindex:this.disabled?-1:0},s("div",{key:"23fc0d98f7a295fda1e96878afee8b39149df5ad",class:"multi-select-tag-flow"},i&&s("span",{key:"e4cab50d03f4473c4d2c4601b3bb294358bc70b3",class:"multi-select-placeholder"},p("bh-multi-select","placeholder",this.placeholder,"Select options...")),e.map((e=>s("bh-tag",{disabled:this.disabled,dismissible:!this.disabled,key:e.id,label:e.label,maxWidth:150,onBhClose:()=>this.handleTagDismiss(e),size:"sm",variant:"text-only"}))),t>0&&s("bh-tag",{key:"d85f22c4406ec3cd03b928ec646ef20560da5f91",disabled:this.disabled,dismissible:!1,label:`+${t}`,size:"sm",variant:"text-only"})),s("span",{key:"0e53b1e5a6cbbec0b02feda1220549c10137c3dc",class:{"material-symbols-outlined":!0,"trigger-icon":!0,"trigger-icon-open":this.isOpen}},"expand_more"))),this.showHintText&&this.hintText&&s("div",{key:"70aa346ae406eee4ee38aee041d82ed6eeb8bc71",class:{"hint-text":!0,"hint-error":this.error},id:"hint-text"},this.hintText),s("div",{key:"3754877af6eff5b74cb46543ccf28d5ceb6ebe98",class:{"multi-select-menu":!0,"animate-menu-enter":this.isOpen},onKeyDown:this.handleMenuKeyDown,part:"menu",ref:e=>this.menuRef=e,role:"listbox",style:a},s("div",{key:"ea327f893e4a479aafb40028f84490c6fe460916",class:"menu-items"},this.parsedOptions.map((e=>{if(e.divider)return s("div",{class:"menu-divider",key:e.id});const t=this.isItemSelected(e);return s("div",{"aria-disabled":e.disabled?"true":void 0,"aria-selected":String(t),class:{"menu-item":!0,"menu-item-selected":t,"menu-item-disabled":!!e.disabled},key:e.id,onClick:()=>this.toggleItem(e),role:"option",tabindex:e.disabled?-1:0},s("div",{class:"item-content"},e.icon&&this.showIcons&&s("span",{class:"material-symbols-outlined item-icon"},e.icon),s("span",{class:"item-label",title:e.label},e.label),t&&s("span",{class:"material-symbols-outlined check-icon"},"check")))}))))))}static get formAssociated(){return!0}static get watchers(){return{isOpen:[{handleOpenChange:0}],selectedIds:[{handleSelectedIdsChange:0}]}}};w.style="@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; position: relative; --bh-multi-select-bg: var(--color-bg-primary); --bh-multi-select-border: var(--color-border-primary); --bh-multi-select-border-hover: var(--color-border-interactive); --bh-multi-select-border-focus: var(--color-border-interactive); --bh-multi-select-border-error: var(--color-border-error); --bh-multi-select-text: var(--color-text-primary); --bh-multi-select-placeholder: var(--color-text-tertiary); --bh-multi-select-icon: var(--color-text-secondary); --bh-multi-select-menu-bg: var(--color-surface-elevated); --bh-multi-select-menu-shadow: var(--shadow-dropdown); --bh-multi-select-menu-hover: var(--color-bg-tertiary); --bh-multi-select-menu-text: var(--color-text-tertiary); --bh-multi-select-menu-icon: var(--color-text-secondary); --bh-multi-select-check-color: var(--color-text-interactive); } } @layer bh-base { .multi-select-wrapper { position: relative; } .multi-select-trigger { display: flex; align-items: center; gap: var(--spacing-sm); min-height: var(--bh-button-height-md); padding: var(--spacing-xs) var(--spacing-md); background: var(--bh-multi-select-bg); border: 1px solid var(--bh-multi-select-border); border-radius: var(--radius-sm); cursor: pointer; outline: none; transition: border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease; box-sizing: border-box; } .multi-select-tag-flow { display: flex; flex-wrap: wrap; gap: var(--spacing-xs); align-items: center; flex: 1; min-width: 0; } .multi-select-placeholder { font-family: var(--font-inter); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-multi-select-placeholder); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .trigger-icon { font-size: var(--icon-size-md); color: var(--bh-multi-select-icon); flex-shrink: 0; transition: transform var(--animation-duration-fast) ease; user-select: none; } .trigger-icon-open { transform: rotate(180deg); } .hint-text { font-family: var(--font-inter); font-size: var(--text-xs-size); line-height: var(--line-height-normal); color: var(--color-text-secondary); margin-top: var(--spacing-xs); } .hint-error { color: var(--color-text-error); } .multi-select-menu:popover-open { margin: 0; inset: auto; border: 0; padding: 0; } .multi-select-menu { min-width: 200px; background: var(--bh-multi-select-menu-bg); border-radius: var(--radius-md); box-shadow: var(--bh-multi-select-menu-shadow); overflow: hidden; box-sizing: border-box; } .menu-items { padding: var(--spacing-xs) 0; max-height: 280px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: var(--color-border-secondary) var(--color-bg-secondary); } .menu-items::-webkit-scrollbar { width: var(--sp-1-5); } .menu-items::-webkit-scrollbar-track { background: var(--color-bg-secondary); border-radius: var(--radius-xs); } .menu-items::-webkit-scrollbar-thumb { background: var(--color-border-secondary); border-radius: var(--radius-xs); } .menu-items::-webkit-scrollbar-thumb:hover { background: var(--color-border-primary); } .menu-item { padding: var(--spacing-none) var(--spacing-sm); cursor: pointer; outline: none; } .item-content { display: flex; align-items: center; gap: var(--spacing-md); padding: var(--spacing-md); border-radius: var(--radius-sm); transition: background-color var(--animation-duration-fast) ease; } .item-icon { font-size: var(--text-lg-size); color: var(--bh-multi-select-menu-icon); flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .item-label { font-family: var(--font-inter); font-weight: var(--weight-medium); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-multi-select-menu-text); flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } .check-icon { font-size: var(--text-lg-size); color: var(--bh-multi-select-check-color); flex-shrink: 0; } .menu-divider { height: 1px; background: var(--color-border-secondary); margin: var(--spacing-xs) 0; } .multi-select-value { font-family: var(--font-inter); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-multi-select-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .menu-search { display: flex; align-items: center; gap: var(--spacing-sm); padding: var(--spacing-sm) var(--spacing-md); border-bottom: 1px solid var(--color-border-secondary); } .menu-search-input { flex: 1; border: none; outline: none; background: transparent; font-family: var(--font-inter); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-multi-select-text); min-width: 0; } .menu-search-input::placeholder { color: var(--bh-multi-select-placeholder); } .menu-search-icon { font-size: var(--icon-size-sm); color: var(--bh-multi-select-icon); flex-shrink: 0; } .menu-empty { padding: var(--spacing-lg) var(--spacing-md); text-align: center; font-family: var(--font-inter); font-size: var(--text-sm-size); color: var(--bh-multi-select-placeholder); } } @layer bh-states { .multi-select-trigger:hover:not(.trigger-disabled) { border-color: var(--bh-multi-select-border-hover); } .trigger-focused { border-color: var(--bh-multi-select-border-focus); box-shadow: 0 0 0 2px var(--bh-multi-select-border-focus); } .trigger-error { border-color: var(--bh-multi-select-border-error); } .trigger-error.trigger-focused { box-shadow: 0 0 0 2px var(--bh-multi-select-border-error); } .trigger-disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .menu-item:hover:not(.menu-item-disabled) .item-content { background: var(--bh-multi-select-menu-hover); } .menu-item:focus:not(.menu-item-disabled) .item-content { background: var(--bh-multi-select-menu-hover); } .menu-item-disabled { opacity: 0.5; cursor: not-allowed; } .menu-item-selected .item-label { font-weight: var(--weight-semibold); } } @layer bh-utilities { .animate-menu-enter { animation: menuEnter var(--animation-duration-fast) ease-out forwards; } @keyframes menuEnter { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } }";export{w as bh_multi_select}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,H as a,a as s}from"./p-CTHvNfIu.js";import{c as r}from"./p-CMKOFHIa.js";import{c as o}from"./p-YdVz1TeW.js";import{m as n,M as h}from"./p-CSH9RXgl.js";import{r as l}from"./p-Xi3uD33F.js";import{B as c,r as p}from"./p-BNVOtH-1.js";import{K as d}from"./p-zdFuIabL.js";import{g as b}from"./p-CLrVoF3x.js";import{s as g,v as u}from"./p-DWWRC9ht.js";import{v}from"./p-R-A72b5e.js";import{a as m}from"./p-BqJRACkO.js";import{c as f}from"./p-CFlb5gKI.js";import{c as x}from"./p-B93zYxiE.js";import{Z as y}from"./p-BoVgy_Ao.js";const k=1e7,w=1e3,z=class{constructor(i){t(this,i),this.bhChange=e(this,"bhChange")}logger=r("bh-pagination");focusState=o();i18nUnsubscribe;_i18nVersion=0;page=1;totalItems=0;pageSize=10;pageSizeOptions=[10,25,50,100];showPageSize=!0;showItemCount=!0;compact=!0;maxPageNumbers=5;disabled=!1;rowsPerPageLabel="Rows per page:";showingResultsLabel="Showing {start} to {end} of {total} results";pageInfoLabel="Page {page} of {totalPages}";internalPage=1;internalPageSize=10;focusVersion=0;bhChange;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),n.increment(h.COMPONENT_ERROR,{component:"bh-pagination",error_type:t instanceof Error?t.name:"unknown"}),l("bh-pagination",t)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.internalPage=this.page,this.internalPageSize=this.pageSize,this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}get safeTotalItems(){return"number"==typeof this.totalItems&&Number.isFinite(this.totalItems)?this.totalItems<0?(this.logger.warn("Negative totalItems clamped to 0",{totalItems:this.totalItems}),0):this.totalItems>k?(this.logger.warn("totalItems exceeds maximum, clamping",{totalItems:this.totalItems,max:k}),k):this.totalItems:(this.logger.warn("Invalid totalItems, using 0",{totalItems:this.totalItems}),0)}get safePage(){return"number"==typeof this.internalPage&&Number.isFinite(this.internalPage)?this.internalPage<1?(this.logger.warn("Page less than 1, clamping to 1",{page:this.internalPage}),1):this.internalPage:(this.logger.warn("Invalid page, using 1",{page:this.internalPage}),1)}get safePageSize(){return"number"==typeof this.internalPageSize&&Number.isFinite(this.internalPageSize)?this.internalPageSize<1?(this.logger.warn("pageSize less than 1, clamping to 1",{pageSize:this.internalPageSize}),1):this.internalPageSize>w?(this.logger.warn("pageSize exceeds maximum, clamping",{pageSize:this.internalPageSize,max:w}),w):this.internalPageSize:(this.logger.warn("Invalid pageSize, using 10",{pageSize:this.internalPageSize}),10)}get totalPages(){return Math.max(1,Math.ceil(this.safeTotalItems/this.safePageSize))}get startItem(){return 0===this.safeTotalItems?0:(this.safePage-1)*this.safePageSize+1}get endItem(){return Math.min(this.safePage*this.safePageSize,this.safeTotalItems)}get canGoPrevious(){return this.safePage>1&&!this.disabled}get canGoNext(){return this.safePage<this.totalPages&&!this.disabled}goToPage(t){if(this.disabled)return;const e=Math.max(1,Math.min(t,this.totalPages));e!==this.internalPage&&(this.internalPage=e,this.page=e,this.bhChange.emit({page:e,pageSize:this.internalPageSize}))}handlePageSizeChange(t){if(this.disabled)return;const e=Number.parseInt(t.detail.value,10);if(e!==this.internalPageSize){this.internalPageSize=e,this.pageSize=e;const t=Math.max(1,Math.ceil(this.totalItems/e)),i=Math.min(this.internalPage,t);i!==this.internalPage&&(this.internalPage=i,this.page=i),this.bhChange.emit({page:this.internalPage,pageSize:e})}}goToPrevious=()=>this.goToPage(this.internalPage-1);goToNext=()=>this.goToPage(this.internalPage+1);goToFirst=()=>this.goToPage(1);goToLast=()=>this.goToPage(this.totalPages);handleKeyDown=t=>{if(!this.disabled)switch(t.key){case d.ARROW_LEFT:t.preventDefault(),this.goToPrevious();break;case d.ARROW_RIGHT:t.preventDefault(),this.goToNext();break;case d.HOME:t.preventDefault(),this.goToFirst();break;case d.END:t.preventDefault(),this.goToLast()}};handleFocus=t=>{this.focusState.handleFocus(t)};handleBlur=t=>{this.focusState.handleBlur(t)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handlePageInputChange(t){const e=Number.parseInt(t.target.value,10);isNaN(e)||this.goToPage(e)}getPageNumbers(){const t=this.totalPages,e=this.internalPage,i=this.maxPageNumbers;if(t<=i)return Array.from({length:t},((t,e)=>e+1));const a=[],s=Math.floor(i/2);let r=Math.max(1,e-s);const o=Math.min(t,r+i-1);o-r<i-1&&(r=Math.max(1,o-i+1));for(let t=r;t<=o;t++)a.push(t);return a}getInfoText(){return 0===this.safeTotalItems?"No results":this.showItemCount&&this.safeTotalItems>0?p("bh-pagination","showingResultsLabel",this.showingResultsLabel,"Showing {start} to {end} of {total} results").replace("{start}",String(this.startItem)).replace("{end}",String(this.endItem)).replace("{total}",String(this.safeTotalItems)):p("bh-pagination","pageInfoLabel",this.pageInfoLabel,"Page {page} of {totalPages}").replace("{page}",String(this.safePage)).replace("{totalPages}",String(this.totalPages))}renderPageNumbers(){if(this.compact)return i("div",{class:"pagination-page-display"},i("span",{class:"pagination-page-text"},"Page"),i("input",{"aria-label":"Page number",class:"pagination-page-input",disabled:this.disabled,max:String(this.totalPages),min:"1",onChange:t=>this.handlePageInputChange(t),type:"number",value:String(this.internalPage)}),i("span",{class:"pagination-page-text"},"of ",this.totalPages));const t=this.getPageNumbers(),e=t[t.length-1]<this.totalPages;return i("div",{class:"pagination-pages"},t[0]>1&&t[0]>2&&[i("button",{"aria-label":"Go to page 1",class:"pagination-page-btn",disabled:this.disabled,key:"page-1",onClick:()=>this.goToPage(1),type:"button"},"1"),i("span",{class:"pagination-ellipsis",key:"ellipsis-start"},"...")],t.map((t=>i("button",{"aria-current":t===this.internalPage?"page":void 0,"aria-label":`Go to page ${t}`,class:{"pagination-page-btn":!0,"pagination-page-btn-active":t===this.internalPage},disabled:this.disabled,key:`page-${t}`,onClick:()=>this.goToPage(t),type:"button"},t))),e&&t[t.length-1]<this.totalPages-1&&[i("span",{class:"pagination-ellipsis",key:"ellipsis-end"},"..."),i("button",{"aria-label":`Go to page ${this.totalPages}`,class:"pagination-page-btn",disabled:this.disabled,key:`page-${this.totalPages}`,onClick:()=>this.goToPage(this.totalPages),type:"button"},this.totalPages)])}disconnectedCallback(){this.i18nUnsubscribe?.()}render(){return i(a,{key:"d589b2ea9f5847b246c11fba873a94d559e2c54d"},i("div",{key:"ac6334183a690267b6b353383a77c78c2f5af164","aria-disabled":this.disabled?"true":void 0,"aria-label":"Pagination",class:{pagination:!0,"pagination-disabled":this.disabled,"pagination-compact":this.compact},"data-focus-version":this.focusVersion,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"pagination",role:"navigation",tabIndex:this.disabled?-1:0},i("div",{key:"d3810303e27e59bb90738eedf0613373411f8b8f",class:"pagination-controls",part:"controls"},this.showPageSize&&i("div",{key:"31cec839476e410aad5a83d9122d7b6d35ea10d3","aria-label":p("bh-pagination","rowsPerPageLabel",this.rowsPerPageLabel,"Rows per page:"),class:"pagination-page-size",role:"group"},i("span",{key:"06930e1fb13f06b3171fe0c76d1aba14d04e69f0","aria-hidden":"true",class:"pagination-page-size-label"},p("bh-pagination","rowsPerPageLabel",this.rowsPerPageLabel,"Rows per page:")),i("bh-select",{key:"fe42b32ff394ca8dd4e2002dcb8103b3a19368ab",class:"pagination-select",disabled:this.disabled,onBhChange:t=>this.handlePageSizeChange(t),options:this.pageSizeOptions.map((t=>({value:String(t),label:String(t)}))),size:"sm",value:String(this.internalPageSize)})),i("div",{key:"c4f4c7c46ca38c867d95ce1aab1dbcbdeb150b14",class:"pagination-nav",part:"nav"},i("bh-button-icon",{key:"8c1338fe1ba4a928dea15ba223dd57f480425a0e",ariaLabel:"Go to previous page",class:"pagination-btn",disabled:!this.canGoPrevious,hierarchy:"tertiary",iconName:"chevron_left",onClick:this.goToPrevious,size:"sm"}),this.renderPageNumbers(),i("bh-button-icon",{key:"c0c49d698452890b3996394ffa5b142a8f23890e",ariaLabel:"Go to next page",class:"pagination-btn",disabled:!this.canGoNext,hierarchy:"tertiary",iconName:"chevron_right",onClick:this.goToNext,size:"sm"}))),this.showItemCount&&i("div",{key:"f5bc52de1ea8511b4ffc92ee5285be558c3cb633","aria-atomic":"true","aria-live":"polite",class:"pagination-info",part:"info"},i("span",{key:"475b2a8c3eb9c9c6f992bf7d424b91538b44a5e9",class:"pagination-info-text"},this.getInfoText()))))}};z.style='@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } :root { --bh-breakpoint-xs: 0; --bh-breakpoint-sm: 576px; --bh-breakpoint-md: 768px; --bh-breakpoint-lg: 992px; --bh-breakpoint-xl: 1200px; --bh-breakpoint-xxl: 1400px; --bh-container-sm: 540px; --bh-container-md: 720px; --bh-container-lg: 960px; --bh-container-xl: 1140px; --bh-container-xxl: 1320px; } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; font-family: var(--font-inter); --bh-pagination-bg: var(--color-bg-primary); --bh-pagination-border-color: var(--color-border-secondary); --bh-pagination-text-color: var(--color-text-secondary); --bh-pagination-btn-bg-hover: var(--color-bg-tertiary); --bh-pagination-btn-color-hover: var(--color-text-primary); --bh-pagination-active-bg: var(--color-bg-interactive); --bh-pagination-active-color: var(--color-text-inverse); --bh-pagination-focus-ring-color: var(--color-border-interactive); --bh-pagination-btn-color: var(--color-text-secondary); --bh-pagination-btn-bg-active: var(--color-bg-tertiary); --bh-pagination-page-btn-color: var(--color-text-secondary); --bh-pagination-page-input-bg: var(--color-bg-primary); --bh-pagination-page-input-border-color: var(--color-border-primary); --bh-pagination-page-input-border-color-hover: var(--color-border-primary); --bh-pagination-page-input-border-color-focus: var( --color-border-interactive ); --bh-pagination-page-input-color: var(--color-text-primary); --bh-pagination-page-input-bg-disabled: var(--color-bg-disabled); --bh-pagination-ellipsis-color: var(--color-text-tertiary); } } @layer bh-base { .pagination { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4, 1rem); padding: var(--sp-3, 0.75rem) var(--sp-4, 1rem); background-color: var(--bh-pagination-bg); border-top: 1px solid var(--bh-pagination-border-color); } .pagination-info { display: flex; align-items: center; } .pagination-info-text { font-size: var(--text-sm-size); color: var(--bh-pagination-text-color); white-space: nowrap; } .pagination-controls { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: var(--sp-4, 1rem); } .pagination-page-size { display: flex; align-items: center; gap: var(--sp-2, 0.5rem); } .pagination-page-size-label { font-size: var(--text-sm-size); color: var(--bh-pagination-text-color); white-space: nowrap; } .pagination-select { display: inline-flex; } .pagination-nav { display: flex; align-items: center; gap: var(--sp-1, 0.25rem); } .pagination-btn { display: inline-flex; align-items: center; justify-content: center; width: var(--bh-pagination-button-size); height: var(--bh-pagination-button-size); padding: 0; border: none; border-radius: var(--radius-md); background-color: transparent; color: var(--bh-pagination-btn-color); cursor: pointer; transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease; } .pagination-btn .material-symbols-outlined { font-size: var(--icon-size-md); font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20; } .pagination-pages { display: flex; align-items: center; gap: var(--sp-1, 0.25rem); } .pagination-page-btn { display: inline-flex; align-items: center; justify-content: center; min-width: var(--bh-pagination-button-size); height: var(--bh-pagination-button-size); padding: 0 var(--sp-2); border: 1px solid transparent; border-radius: var(--radius-md); background-color: transparent; color: var(--bh-pagination-page-btn-color); font-size: var(--text-sm-size); font-weight: var(--weight-medium); cursor: pointer; transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease; } .pagination-ellipsis { display: inline-flex; align-items: center; justify-content: center; min-width: var(--bh-pagination-button-size-sm); color: var(--bh-pagination-ellipsis-color); font-size: var(--text-sm-size); user-select: none; } .pagination-page-display { display: flex; align-items: center; gap: var(--sp-2, 0.5rem); } .pagination-page-text { font-size: var(--text-sm-size); color: var(--color-text-secondary); white-space: nowrap; } .pagination-page-input { width: var(--bh-pagination-input-width); height: var(--bh-pagination-button-size); padding: 0 var(--sp-2); border: 1px solid var(--bh-pagination-page-input-border-color); border-radius: var(--radius-md); font-size: var(--text-sm-size); text-align: center; color: var(--bh-pagination-page-input-color); background-color: var(--bh-pagination-page-input-bg); transition: border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease; } .pagination-page-input::-webkit-inner-spin-button, .pagination-page-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .pagination-page-input[type=number] { appearance: textfield; } } @layer bh-states { .pagination-disabled { opacity: 0.5; pointer-events: none; } .pagination-btn:hover:not(:disabled) { background-color: var(--bh-pagination-btn-bg-hover); color: var(--bh-pagination-btn-color-hover); } .pagination-btn:focus { outline: none; box-shadow: 0 0 0 2px var(--bh-pagination-focus-ring-color); } .pagination-btn:active:not(:disabled) { background-color: var(--bh-pagination-btn-bg-active); } .pagination-btn:disabled { opacity: 0.4; cursor: not-allowed; } .pagination-page-btn:hover:not(:disabled) { background-color: var(--bh-pagination-btn-bg-hover); color: var(--bh-pagination-btn-color-hover); } .pagination-page-btn:focus { outline: none; box-shadow: 0 0 0 2px var(--bh-pagination-focus-ring-color); } .pagination-page-btn:disabled { opacity: 0.4; cursor: not-allowed; } .pagination-page-btn-active { background-color: var(--bh-pagination-active-bg); color: var(--bh-pagination-active-color); border-color: var(--bh-pagination-active-bg); } .pagination-page-btn-active:hover:not(:disabled) { background-color: var(--bh-pagination-active-bg); border-color: var(--bh-pagination-active-bg); color: var(--bh-pagination-active-color); } .pagination-page-input:hover:not(:disabled) { border-color: var(--bh-pagination-page-input-border-color-hover); } .pagination-page-input:focus { outline: none; border-color: var(--bh-pagination-page-input-border-color-focus); box-shadow: 0 0 0 3px var(--bh-pagination-focus-ring-color); } .pagination-page-input:disabled { background-color: var(--bh-pagination-page-input-bg-disabled); cursor: not-allowed; } } @layer bh-utilities { @media (max-width: 640px) { .pagination { flex-direction: column; align-items: stretch; gap: var(--sp-3, 0.75rem); } .pagination-info { justify-content: center; } .pagination-controls { justify-content: center; flex-wrap: wrap; } .pagination-page-size { width: 100%; justify-content: center; } .pagination-nav { justify-content: center; } } }';const C=class{constructor(i){t(this,i),this.bhChange=e(this,"bhChange"),this.bhMultiChange=e(this,"bhMultiChange"),this.bhClear=e(this,"bhClear"),this.bhOpen=e(this,"bhOpen"),this.bhClose=e(this,"bhClose"),this.bhFocus=e(this,"bhFocus"),this.bhBlur=e(this,"bhBlur"),this.bhValidityChange=e(this,"bhValidityChange"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get el(){return s(this)}internals;logger=r("bh-select");focusState=o();selectId=b("bh-select");triggerRef;menuRef;positioner;dismissalManager;i18nUnsubscribe;_cachedOptions=null;_lastOptionsInput="[]";searchInputRef;_justOpened=!1;_cachedValues=null;_lastValuesInput=null;label="";supportingText="";placeholder="Select…";name="";value="";required=!1;disabled=!1;error=!1;size="md";options="[]";multiple=!1;values="[]";maxTagsVisible=2;keepOpenOnSelect;searchable=!1;displayMode="text";triggerIcon="";clearable=!1;isOpen=!1;searchQuery="";activeIndex=-1;menuPosition={x:0,y:0};menuWidth=0;focusVersion=0;_i18nVersion=0;bhChange;bhMultiChange;bhClear;bhOpen;bhClose;bhFocus;bhBlur;bhValidityChange;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),l("bh-select",t)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){if(this.multiple){const t=this.parsedValues;this.name&&this.internals&&this.internals.setFormValue(t.length>0?t.join(","):null)}else g(this);this.updateRequiredValidity(),this.bhValidityChange.emit(this.internals?.validity)}componentDidUpdate(){this._justOpened&&this.searchInputRef&&(this._justOpened=!1,this.searchInputRef.focus())}disconnectedCallback(){this.dismissalManager?.destroy(),this.cleanupFloating(),this.i18nUnsubscribe?.()}formResetCallback(){this.multiple?this.values="[]":this.value=""}handleValueChange(){g(this),this.updateRequiredValidity(),this.bhValidityChange.emit(this.internals?.validity)}handleValuesChange(){if(this.multiple){const t=this.parsedValues;this.name&&this.internals&&this.internals.setFormValue(t.length>0?t.join(","):null),this.updateRequiredValidity(),this.bhValidityChange.emit(this.internals?.validity)}}handleRequiredChange(){this.updateRequiredValidity(),this.bhValidityChange.emit(this.internals?.validity)}handleOpenChange(t){t?(this.setupFloatingUI(),this.initDismissalManager(),this.dismissalManager?.enable()):(this.dismissalManager?.disable(),this.cleanupFloating())}updateRequiredValidity(){u(this.internals,this.required,this.multiple?this.parsedValues.length>0:Boolean(this.value),"Please select an option.")}get parsedOptions(){if(this.options!==this._lastOptionsInput)if(this._lastOptionsInput=this.options,"string"==typeof this.options){const t=v(this.options);t.valid&&Array.isArray(t.value)?this._cachedOptions=t.value:(this.logger.warn("Invalid options JSON:",{errors:t.errors}),this._cachedOptions=[])}else this._cachedOptions=this.options||[];return this._cachedOptions||[]}get selectedOption(){return this.parsedOptions.find((t=>t.value===this.value))}get parsedValues(){if(this.values!==this._lastValuesInput)if(this._lastValuesInput=this.values,Array.isArray(this.values))this._cachedValues=this.values;else{const t=v(this.values);this._cachedValues=t.valid&&Array.isArray(t.value)?t.value:[]}return this._cachedValues??[]}get selectedOptions(){const t=new Set(this.parsedValues);return this.parsedOptions.filter((e=>t.has(e.value)))}get filteredOptions(){const t=this.parsedOptions;if(!this.searchQuery)return t;const e=this.searchQuery.toLowerCase();return t.filter((t=>t.label.toLowerCase().includes(e)))}get displayedOptions(){return this.searchable?this.filteredOptions:this.parsedOptions}get enabledIndexes(){return this.displayedOptions.flatMap(((t,e)=>t.disabled?[]:[e]))}optionId(t){return`${this.selectId}-option-${t}`}openMenu(){if(!this.disabled&&!this.isOpen){if(this.searchable&&(this.searchQuery="",this._justOpened=!0),this.multiple)this.activeIndex=this.enabledIndexes[0]??-1;else{const t=this.displayedOptions.findIndex((t=>t.value===this.value&&!t.disabled));this.activeIndex=t>=0?t:this.enabledIndexes[0]??-1}this.isOpen=!0,this.bhOpen.emit()}}closeMenu(t){this.isOpen&&(this.isOpen=!1,this.searchable&&(this.searchQuery=""),this.bhClose.emit({reason:t}))}deselectOption(t){this.values=JSON.stringify(this.parsedValues.filter((e=>e!==t))),this.bhMultiChange.emit(this.selectedOptions)}handleSearchInput=t=>{this.searchQuery=t.target.value,this.activeIndex=this.enabledIndexes[0]??-1};clearAll=t=>{t.stopPropagation(),this.multiple?(this.values="[]",this.bhMultiChange.emit([])):this.value="",this.bhClear.emit()};toggleMenu=()=>{this.disabled||(this.isOpen?this.closeMenu():this.openMenu())};selectOption(t){if(!t.disabled)if(this.multiple){const e=this.parsedValues,i=e.includes(t.value);this.values=JSON.stringify(i?e.filter((e=>e!==t.value)):[...e,t.value]),this.bhMultiChange.emit(this.selectedOptions),(this.keepOpenOnSelect??1)||this.closeMenu("select")}else{if(this.value=t.value,this.bhChange.emit(t),this.keepOpenOnSelect)return;this.closeMenu("select")}}moveActive(t){const e=this.enabledIndexes;if(0===e.length)return;const i=e.indexOf(this.activeIndex);if(i<0)return void(this.activeIndex=t>0?e[0]:e[e.length-1]);const a=Math.max(0,Math.min(i+t,e.length-1));this.activeIndex=e[a]}handleTriggerKeyDown=t=>{if(!this.disabled)if(this.isOpen)switch(t.key){case d.ARROW_DOWN:t.preventDefault(),this.moveActive(1);break;case d.ARROW_UP:t.preventDefault(),this.moveActive(-1);break;case d.HOME:t.preventDefault(),this.activeIndex=this.enabledIndexes[0]??-1;break;case d.END:t.preventDefault(),this.activeIndex=this.enabledIndexes[this.enabledIndexes.length-1]??-1;break;case d.ENTER:case d.SPACE:{if(this.searchable&&t.key===d.SPACE)break;t.preventDefault();const e=this.displayedOptions[this.activeIndex];e&&this.selectOption(e);break}case d.ESCAPE:t.preventDefault(),this.closeMenu("escape")}else t.key!==d.ARROW_DOWN&&t.key!==d.ARROW_UP&&(!m(t)||this.searchable&&t.key===d.SPACE)||(t.preventDefault(),this.openMenu())};handleDismiss=()=>{this.closeMenu("outside-click")};initDismissalManager(){this.dismissalManager&&(this.dismissalManager.destroy(),this.dismissalManager=void 0),this.menuRef&&this.triggerRef&&(this.dismissalManager=f(this.menuRef,{onDismiss:this.handleDismiss,escapeKey:!1,clickOutside:!0,focusLoss:!1,excludeElements:[this.triggerRef]}))}async setupFloatingUI(){if(this.triggerRef&&this.menuRef)try{this.positioner=await x(this.triggerRef,this.menuRef,{placement:"bottom-start",offset:4,flip:!0,fallbackPlacements:["top-start"],shift:!0,shiftPadding:8,matchWidth:!0,timeoutMs:2e3,autoUpdate:!0},((t,e)=>{this.menuPosition={x:t,y:e}}))}catch(t){l("bh-select",t),this.fallbackPosition()}}fallbackPosition(){if(!this.triggerRef)return;const t=this.triggerRef.getBoundingClientRect();this.menuPosition={x:t.left,y:t.bottom+4},this.menuWidth=t.width}cleanupFloating(){this.positioner&&(this.positioner.destroy(),this.positioner=void 0)}handleFocus=t=>{this.focusState.handleFocus(t,(()=>this.bhFocus.emit()))};handleBlur=t=>{this.focusState.handleBlur(t,(()=>this.bhBlur.emit()))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const t=this.selectedOption,e=`${this.selectId}-label`,s=`${this.selectId}-listbox`,r=`${this.selectId}-supporting`,o=this.multiple?this.parsedValues.length>0:Boolean(this.value),n={"select-trigger":!0,[`select-trigger-${this.size}`]:!0,"trigger-focused":this.focusState.isFocused||this.isOpen,"trigger-error":this.error,"trigger-disabled":this.disabled},h=this.isOpen?{position:"fixed",left:`${this.menuPosition.x}px`,top:`${this.menuPosition.y}px`,zIndex:String(y.POPOVER),width:this.menuWidth>0?`${this.menuWidth}px`:void 0}:{display:"none"};return i(a,{key:"43f8bb5f4e255ab16856ae95df0fa99b13479168"},i("div",{key:"ff1b24b8180c0369bbbc3f5a7d80d9cc04ae4c58",class:"select-wrapper",part:"wrapper"},this.label&&i("span",{key:"7999ddb59b69cc028089060abd65d39cddcc6477",class:"select-label",id:e,part:"label"},this.label,this.required&&i("span",{key:"801a705676425d1f3894eeb088fb0d244ea6f498","aria-hidden":"true",class:"select-required"},"*")),i("div",{key:"f10ec8ddb06c3b7d738ee667afe3cb07c255e502","aria-activedescendant":this.isOpen&&this.activeIndex>=0?this.optionId(this.activeIndex):void 0,"aria-controls":s,"aria-describedby":this.supportingText?r:void 0,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":String(this.isOpen),"aria-haspopup":"listbox","aria-invalid":this.error?"true":void 0,"aria-labelledby":this.label?e:void 0,"aria-required":this.required?"true":void 0,class:n,onBlur:this.handleBlur,onClick:this.toggleMenu,onFocus:this.handleFocus,onKeyDown:this.handleTriggerKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"trigger",ref:t=>this.triggerRef=t,role:"combobox",tabindex:this.disabled?-1:0},!this.multiple&&this.searchable&&!this.isOpen&&t?.avatar?i("bh-avatar",{"aria-hidden":"true",class:"trigger-selected-avatar",imageSrc:t.avatar,size:"xxs",variant:"image"}):this.triggerIcon&&i("span",{"aria-hidden":"true",class:"material-symbols-outlined trigger-leading-icon"},this.triggerIcon),this.multiple&&"tags"===this.displayMode?i("div",{class:"select-tags-content"},this.selectedOptions.slice(0,this.maxTagsVisible).map((t=>i("bh-tag",{action:"dismiss",avatarSrc:t.avatar??"",key:t.value,label:t.label,onBhClose:()=>this.deselectOption(t.value),size:"sm",variant:t.avatar?"avatar":"text-only"}))),this.selectedOptions.length>this.maxTagsVisible&&i("span",{class:"select-overflow-count"},"+",this.selectedOptions.length-this.maxTagsVisible),this.searchable?i("input",{class:"select-search-input",onClick:t=>{this.isOpen&&t.stopPropagation()},onInput:this.handleSearchInput,placeholder:0===this.selectedOptions.length?p("bh-select","placeholder",this.placeholder,"Select…"):"",ref:t=>{this.searchInputRef=t},type:"text",value:this.searchQuery}):0===this.selectedOptions.length&&i("span",{class:"select-placeholder"},p("bh-select","placeholder",this.placeholder,"Select…"))):this.multiple?this.parsedValues.length>0?i("span",{class:"select-value"},this.selectedOptions.map((t=>t.label)).join(", ")):i("span",{class:"select-placeholder"},p("bh-select","placeholder",this.placeholder,"Select…")):this.searchable?i("input",{class:"select-search-input",disabled:this.disabled,onClick:t=>{this.isOpen&&t.stopPropagation()},onInput:this.handleSearchInput,placeholder:p("bh-select","placeholder",this.placeholder,"Select…"),readOnly:!this.isOpen,ref:t=>{this.searchInputRef=t},type:"text",value:this.isOpen?this.searchQuery:t?.label??""}):t?i("span",{class:"select-value"},t.label):i("span",{class:"select-placeholder"},p("bh-select","placeholder",this.placeholder,"Select…")),this.clearable&&o&&i("button",{key:"c062ac5e898db328ec3ff70daf488ecddb246238","aria-label":"Clear selection",class:"trigger-clear",onClick:this.clearAll,tabIndex:-1,type:"button"},i("span",{key:"89e0d0c5288c7c2345a3e576a006442bd7c079ae","aria-hidden":"true",class:"material-symbols-outlined"},"close")),i("span",{key:"a3336ce2bf823cccdae80eff7c472b259b43e51c","aria-hidden":"true",class:"material-symbols-outlined trigger-icon"},this.isOpen?"expand_less":"expand_more")),this.supportingText&&i("div",{key:"d35ed101cccc3eb83a4a8fc15f2b53f4afb28773",class:{"supporting-text":!0,"supporting-error":this.error},id:r,part:"supporting-text"},this.supportingText),i("div",{key:"4f971a6b8303001b0036cc8d37b8fa8d31dbdb26","aria-labelledby":this.label?e:void 0,"aria-multiselectable":this.multiple?"true":void 0,class:{"select-menu":!0,"animate-menu-enter":this.isOpen},id:s,part:"menu",ref:t=>this.menuRef=t,role:"listbox",style:h},i("div",{key:"fe60eb6b80628bd41af456f4576ae26ac8fc8d76",class:"menu-items"},this.displayedOptions.map(((t,e)=>{const a=this.multiple?this.parsedValues.includes(t.value):t.value===this.value;return i("div",{"aria-disabled":t.disabled?"true":void 0,"aria-selected":String(a),class:{"select-option":!0,"option-selected":a,"option-active":e===this.activeIndex,"option-disabled":!!t.disabled},id:this.optionId(e),key:t.value,onClick:()=>this.selectOption(t),role:"option"},i("div",{class:"option-content"},this.multiple&&"text"===this.displayMode&&i("bh-checkbox",{"aria-hidden":"true",checked:a,class:"option-checkbox",disabled:t.disabled,size:"sm",tabIndex:-1}),t.avatar?i("bh-avatar",{"aria-hidden":"true",class:"option-avatar",imageSrc:t.avatar,size:"xs",variant:"image"}):t.icon&&i("span",{"aria-hidden":"true",class:"material-symbols-outlined option-icon"},t.icon),i("span",{class:"option-label",title:t.label},t.label),(!this.multiple||"tags"===this.displayMode)&&a&&i("span",{"aria-hidden":"true",class:"material-symbols-outlined check-icon"},"check")))}))))))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],values:[{handleValuesChange:0}],required:[{handleRequiredChange:0}],isOpen:[{handleOpenChange:0}]}}};C.style='@charset "UTF-8"; @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; position: relative; --bh-select-bg: var(--color-bg-primary); --bh-select-border: var(--color-border-primary); --bh-select-border-hover: var(--color-border-interactive); --bh-select-border-focus: var(--color-border-interactive); --bh-select-border-error: var(--color-border-error); --bh-select-text: var(--color-text-primary); --bh-select-placeholder: var(--color-text-tertiary); --bh-select-icon: var(--color-text-secondary); --bh-select-menu-bg: var(--color-surface-elevated); --bh-select-menu-radius: var(--radius-md); --bh-select-menu-shadow: var(--shadow-dropdown); --bh-select-menu-hover-bg: var(--color-bg-secondary); --bh-select-menu-selected-bg: var(--color-neutral-200); --bh-select-menu-text: var(--color-text-primary); --bh-select-menu-icon: var(--color-text-secondary); --bh-select-check-color: var(--color-text-interactive); } } @layer bh-base { .select-wrapper { position: relative; display: flex; flex-direction: column; gap: var(--spacing-xs); } .select-label { font-family: var(--font-inter); font-size: var(--text-sm-size); font-weight: var(--weight-medium); line-height: var(--line-height-normal); color: var(--bh-select-text); } .select-required { color: var(--color-text-error); margin-left: var(--spacing-xxs); } .select-trigger { display: flex; align-items: center; gap: var(--spacing-sm); padding: var(--spacing-xs) var(--spacing-sm); background: var(--bh-select-bg); border: 1px solid var(--bh-select-border); border-radius: var(--radius-md); cursor: pointer; outline: none; transition: border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease; box-sizing: border-box; } .select-value, .select-placeholder { font-family: var(--font-inter); font-size: var(--text-sm-size); line-height: var(--line-height-normal); flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select-value { color: var(--bh-select-text); } .select-placeholder { color: var(--bh-select-placeholder); } .trigger-icon { font-size: var(--icon-size-md); color: var(--bh-select-icon); flex-shrink: 0; user-select: none; } .supporting-text { font-family: var(--font-inter); font-size: var(--text-xs-size); line-height: var(--line-height-normal); color: var(--color-text-secondary); } .supporting-error { color: var(--color-text-error); } .select-menu:popover-open { margin: 0; inset: auto; border: 0; padding: 0; } .select-menu { min-width: 200px; background: var(--bh-select-menu-bg); border-radius: var(--bh-select-menu-radius); box-shadow: var(--bh-select-menu-shadow); overflow: hidden; box-sizing: border-box; } .menu-items { padding: var(--spacing-xs) 0; max-height: 280px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: var(--color-border-secondary) var(--color-bg-secondary); } .menu-items::-webkit-scrollbar { width: var(--sp-1-5); } .menu-items::-webkit-scrollbar-track { background: var(--color-bg-secondary); border-radius: var(--radius-xs); } .menu-items::-webkit-scrollbar-thumb { background: var(--color-border-secondary); border-radius: var(--radius-xs); } .menu-items::-webkit-scrollbar-thumb:hover { background: var(--color-border-primary); } .select-option { padding: var(--spacing-none) var(--spacing-sm); cursor: pointer; outline: none; } .option-content { display: flex; align-items: center; gap: var(--spacing-md); padding: var(--spacing-sm); border-radius: var(--radius-sm); transition: background-color var(--animation-duration-fast) ease; } .option-icon { font-size: var(--text-lg-size); color: var(--bh-select-menu-icon); flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .option-label { font-family: var(--font-inter); font-weight: var(--weight-medium); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-select-menu-text); flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } .check-icon { font-size: var(--text-lg-size); color: var(--bh-select-check-color); flex-shrink: 0; } .option-checkbox { flex-shrink: 0; pointer-events: none; } .option-avatar { flex-shrink: 0; } .trigger-selected-avatar { flex-shrink: 0; display: flex; align-items: center; } .trigger-leading-icon { font-size: var(--icon-size-md); color: var(--bh-select-icon); flex-shrink: 0; user-select: none; } .select-tags-content { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--spacing-xs); flex: 1; min-width: 0; overflow: hidden; } .select-overflow-count { font-family: var(--font-inter); font-size: var(--text-xs-size); font-weight: var(--weight-medium); line-height: var(--line-height-normal); color: var(--color-text-secondary); background: var(--color-bg-secondary); border-radius: var(--radius-full, 9999px); padding: 2px var(--spacing-xs); white-space: nowrap; flex-shrink: 0; } .trigger-clear { display: flex; align-items: center; justify-content: center; background: none; border: none; padding: 0; cursor: pointer; color: var(--bh-select-icon); flex-shrink: 0; line-height: 1; } .trigger-clear .material-symbols-outlined { font-size: var(--icon-size-md); } .trigger-clear:hover { color: var(--color-text-primary); } .select-search-input { font-family: var(--font-inter); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-select-text); border: none; outline: none; background: transparent; padding: 0; flex: 1; min-width: 80px; } .select-search-input::placeholder { color: var(--bh-select-placeholder); } .select-search-input:read-only { cursor: pointer; } } @layer bh-variants { .select-trigger-sm { min-height: var(--bh-button-height-sm); } .select-trigger-md { min-height: var(--bh-button-height-md); } .select-trigger-lg { min-height: var(--bh-button-height-lg); } } @layer bh-states { .select-trigger:hover:not(.trigger-disabled) { border-color: var(--bh-select-border-hover); } .trigger-focused { border-color: var(--bh-select-border-focus); box-shadow: 0 0 0 2px var(--bh-select-border-focus); } .trigger-error { border-color: var(--bh-select-border-error); } .trigger-error.trigger-focused { box-shadow: 0 0 0 2px var(--bh-select-border-error); } .trigger-disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .select-option:hover:not(.option-disabled) .option-content { background: var(--bh-select-menu-hover-bg); } .option-active:not(.option-disabled) .option-content { background: var(--bh-select-menu-hover-bg); } .option-selected .option-content { background: var(--bh-select-menu-selected-bg); } .option-selected .option-label { font-weight: var(--weight-semibold); } .option-disabled { opacity: 0.5; cursor: not-allowed; } } @layer bh-utilities { .animate-menu-enter { animation: menuEnter var(--animation-duration-fast) ease-out forwards; } @keyframes menuEnter { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } }';export{z as bh_pagination,C as bh_select}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as e,h as i,H as t}from"./p-CTHvNfIu.js";import{c as o}from"./p-CMKOFHIa.js";import{B as n,r as s}from"./p-BNVOtH-1.js";import{m as c,M as r}from"./p-CSH9RXgl.js";import{r as b}from"./p-Xi3uD33F.js";const l=class{constructor(i){a(this,i),this.bhToggle=e(this,"bhToggle"),this.bhItemClick=e(this,"bhItemClick"),this.bhAction=e(this,"bhAction")}logger=o("bh-appbar");i18nUnsubscribe;_i18nVersion=0;isMenuOpen=!1;openMenuAriaLabel="Open menu";closeMenuAriaLabel="Close menu";logoSrc;logoAlt="Solstice";breadcrumbItems=[{label:"Dashboard",path:"/dashboard"},{label:"Dashboards",isActive:!0}];notificationCount=0;showBreadcrumbHome=!0;showCalendar=!0;showSettings=!0;showNotifications=!0;notificationBadge="dot";notifications;notificationsAriaLabel="Notifications";notificationsAnnouncement="{{count}} new notifications";noNotificationsAnnouncement="No new notifications";bhToggle;bhItemClick;bhAction;componentWillLoad(){this.i18nUnsubscribe=n.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),c.increment(r.COMPONENT_ERROR,{component:"bh-appbar",error_type:a instanceof Error?a.name:"unknown"}),b("bh-appbar",a)}handleMenuToggle=()=>{this.isMenuOpen=!this.isMenuOpen,this.bhToggle.emit({expanded:this.isMenuOpen})};handleBreadcrumbClick=a=>{a.path&&!a.isActive&&this.bhItemClick.emit(a)};handleNotificationClick=()=>{this.bhAction.emit({action:"notifications"})};handleCalendarClick=()=>{this.bhAction.emit({action:"calendar"})};handleSettingsClick=()=>{this.bhAction.emit({action:"settings"})};notificationAnnouncement(){return this.notificationCount>0?s("bh-appbar","notificationsAnnouncement",this.notificationsAnnouncement,"{{count}} new notifications").replace("{{count}}",String(this.notificationCount)):s("bh-appbar","noNotificationsAnnouncement",this.noNotificationsAnnouncement,"No new notifications")}render(){return i(t,{key:"fae737fd6bd652262a50fe772c6d747665320bae"},i("header",{key:"ee050d082b31aacfa3cfac28c41194ba542bbb10",class:"appbar",part:"header",role:"banner"},i("div",{key:"de0b399c07780c4c3c1a80c3a2e51c5a38139bf9",class:"left-section",part:"left-section"},i("bh-button-icon",{key:"e69b1989ac771ae1dfb17f608098be3163433593",ariaLabel:this.isMenuOpen?s("bh-appbar","closeMenuAriaLabel",this.closeMenuAriaLabel,"Close menu"):s("bh-appbar","openMenuAriaLabel",this.openMenuAriaLabel,"Open menu"),hierarchy:"tertiary",iconName:this.isMenuOpen?"left_panel_close":"left_panel_open",onClick:this.handleMenuToggle,size:"sm"}),this.logoSrc&&i("div",{key:"a7128b21be6c890bdff308af74b3c9f5b34d1ac3",class:"logo"},i("img",{key:"5553c2777fe290ae08c24b34df5833451da95dd1",alt:s("bh-appbar","logoAlt",this.logoAlt,"Solstice"),class:"logo-image",src:this.logoSrc})),i("slot",{key:"0d5e2b11736ccbe69ccafc1db6cb0db608b00d98",name:"property-switcher"}),i("slot",{key:"035ec16e4dd285cd415b2018048b983178daf104",name:"breadcrumb"},i("bh-breadcrumbs",{key:"2544b67f1cc428a097ee9bfbcf98d2bdc1135048",items:this.breadcrumbItems,onBhItemClick:a=>this.handleBreadcrumbClick(a.detail),showHome:this.showBreadcrumbHome}))),i("div",{key:"13f1b1304a2779d82e1913149400ac6910261c39",class:"right-section",part:"right-section"},i("slot",{key:"bcd44a315dbf486913727354368bf5896321bab3",name:"actions"}),this.showCalendar&&i("slot",{key:"d81f877985b0a33b9b0c60f62c9e868b27f48bde",name:"calendar-action"},i("div",{key:"97fbe4205b82f386458ee0fd6bca33df706e4041",class:"icon-button-wrapper"},i("bh-button-icon",{key:"20ebeb4cc3dab4830cb09887fe6822279eae906b",ariaLabel:"Calendar",hierarchy:"tertiary",iconName:"calendar_today",onClick:this.handleCalendarClick,size:"sm"}),i("bh-badge-dot",{key:"444fe1c20f8686c9150e749e580ef5ef947924d1",class:"icon-badge-dot",color:"success",outline:!0,size:"sm"}))),this.showSettings&&i("slot",{key:"06cacd66349b11b634b6b50a6f234cd3981ce205",name:"settings-action"},i("div",{key:"31fcabb84e93e329fbd336fa5b29e29d1fa215d8",class:"icon-button-wrapper"},i("bh-button-icon",{key:"469baf5832cfb5ec12843e02900f527f251009ea",ariaLabel:"Settings",hierarchy:"tertiary",iconName:"settings",onClick:this.handleSettingsClick,size:"sm"}),i("bh-badge-dot",{key:"df04da757acdf33d55c002034e12305e3a5a23e3",class:"icon-badge-dot",color:"blue",outline:!0,size:"sm"}))),this.showNotifications&&void 0!==this.notifications&&i("slot",{key:"1661133fd56ca74fdf2b4ae59d0f6e34da93633e",name:"notifications-action"},i("bh-notification-center",{key:"8159626a0ed74847d263ec66e5257ffc7d39c485",notifications:this.notifications})),this.showNotifications&&void 0===this.notifications&&i("slot",{key:"67a6e116a630d36bec72585c157291f4b80a3359",name:"notifications-action"},i("div",{key:"b67fe03724f8325b891fcc057a6d68107cbef300",class:"icon-button-wrapper"},i("bh-button-icon",{key:"271b3fe7ce69a0b94228428521b2f5f52f33a443",ariaLabel:this.notificationCount>0?`${s("bh-appbar","notificationsAriaLabel",this.notificationsAriaLabel,"Notifications")} (${this.notificationCount})`:s("bh-appbar","notificationsAriaLabel",this.notificationsAriaLabel,"Notifications"),hierarchy:"tertiary",iconName:"notifications",onClick:this.handleNotificationClick,size:"sm"}),this.notificationCount>0&&("count"===this.notificationBadge?i("bh-badge",{class:"icon-badge-count",emphasis:"high",label:String(this.notificationCount),size:"sm",variant:"error"}):i("bh-badge-dot",{class:"icon-badge-dot",color:"error",outline:!0,size:"sm"})))),void 0===this.notifications&&i("div",{key:"3cb9d0a8bd66dddb418daa407a524e741fe79ba0","aria-atomic":"true","aria-live":"polite",class:"sr-only",part:"notification-live-region"},this.notificationAnnouncement()))))}};l.style='@charset "UTF-8"; @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } :root { --bh-breakpoint-xs: 0; --bh-breakpoint-sm: 576px; --bh-breakpoint-md: 768px; --bh-breakpoint-lg: 992px; --bh-breakpoint-xl: 1200px; --bh-breakpoint-xxl: 1400px; --bh-container-sm: 540px; --bh-container-md: 720px; --bh-container-lg: 960px; --bh-container-xl: 1140px; --bh-container-xxl: 1320px; } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { --bh-appbar-bg: var(--color-bg-primary); --bh-appbar-border-color: var(--color-border-secondary); --bh-appbar-logo-color: var(--color-text-interactive); } } @layer bh-base { .appbar { display: flex; align-items: center; justify-content: space-between; height: var(--bh-avatar-size-xl); padding: 0 var(--spacing-xl) 0 var(--spacing-sm); background-color: var(--bh-appbar-bg); border-bottom: 1px solid var(--bh-appbar-border-color); font-family: var(--font-inter); position: sticky; top: 0; z-index: var(--bh-z-index-fixed); box-sizing: border-box; user-select: none; } .left-section { display: flex; align-items: center; gap: var(--spacing-xl); flex-shrink: 0; } .logo { display: flex; align-items: center; justify-content: center; width: var(--spacing-5xl); height: var(--spacing-5xl); color: var(--bh-appbar-logo-color); } .logo-image { width: var(--icon-size-3xl); height: var(--icon-size-3xl); object-fit: contain; } .right-section { display: flex; align-items: center; gap: var(--spacing-md); flex-shrink: 0; } ::slotted([slot=actions]) { display: flex; align-items: center; gap: var(--spacing-md); } .icon-button-wrapper { position: relative; } .icon-badge-dot { position: absolute; top: calc(-1 * var(--spacing-md)); right: var(--spacing-xxs); } .icon-badge-count { position: absolute; top: var(--bh-corner-badge-count-offset, calc(-1.5 * var(--spacing-sm))); right: var(--bh-corner-badge-count-offset, calc(-1.5 * var(--spacing-sm))); opacity: 0.8; pointer-events: none; } .icon-badge-count:hover { opacity: 1; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } } @layer bh-utilities { @media (max-width: 768px) { .appbar { padding: 0 var(--spacing-xl); } .left-section { gap: var(--spacing-lg); } } @media (max-width: 480px) { .appbar { padding: 0 var(--spacing-lg); } .right-section { gap: var(--spacing-xs); } } }';export{l as bh_appbar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as o,h as e,H as a}from"./p-CTHvNfIu.js";import{c as s}from"./p-CMKOFHIa.js";import{c as l,a as t}from"./p-CS8F5LFw.js";import{m as i,M as n}from"./p-CSH9RXgl.js";import{r as c}from"./p-Xi3uD33F.js";import{t as h}from"./p-Bf0qW3wI.js";import{B as p,r as d}from"./p-BNVOtH-1.js";import{A as m}from"./p-BoVgy_Ao.js";const b=class{constructor(e){r(this,e),this.bhChange=o(this,"bhChange"),this.bhAction=o(this,"bhAction")}logger=s("bh-picker-menu");destroy$=l();i18nUnsubscribe;_i18nVersion=0;minYear=1998;maxYear=2060;disabled=!1;disabledMonths=[];animationClass="animate-dropdown-enter";visible=!0;showFooter=!0;showTodayButton=!1;disableApply=!1;cancelLabel="Cancel";applyLabel="Apply";value;isClosing=!1;shouldRender=!0;selectedMonth=null;selectedYear=null;bhChange;bhAction;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),i.increment(n.COMPONENT_ERROR,{component:"bh-picker-menu",error_type:r instanceof Error?r.name:"unknown"}),c("bh-picker-menu",r)}handleVisibleChange(r){r?(this.shouldRender=!0,this.isClosing=!1):(this.isClosing=!0,this.destroy$&&h(m.MENU_CLOSE,this.destroy$)?.subscribe((()=>{this.shouldRender=!1,this.isClosing=!1})))}disconnectedCallback(){t(this.destroy$),this.i18nUnsubscribe?.()}handleValueChange(r){r&&(this.selectedMonth=r.month,this.selectedYear=r.year)}componentWillLoad(){if(this.shouldRender=this.visible,this.i18nUnsubscribe=p.onLocaleChange((()=>{this._i18nVersion++})),this.value)this.selectedMonth=this.value.month,this.selectedYear=this.value.year;else{const r=new Date,o=r.getMonth(),e=r.getFullYear();e>=this.minYear&&e<=this.maxYear?(this.selectedMonth=o,this.selectedYear=e):e<this.minYear?(this.selectedYear=this.minYear,this.selectedMonth=o):(this.selectedYear=this.maxYear,this.selectedMonth=o)}}handleMonthYearSelect=r=>{const o=r.detail;this.selectedMonth=o.month,this.selectedYear=o.year,this.bhChange.emit(o)};handleCancel=()=>{this.bhAction.emit({action:"cancel"})};handleApply=()=>{this.bhAction.emit({action:"apply"})};handleToday=()=>{this.bhAction.emit({action:"today"})};render(){return this.shouldRender?e(a,{"aria-disabled":this.disabled?"true":void 0,"aria-hidden":this.visible?void 0:"true"},e("div",{class:{"picker-menu":!0,"animate-dropdown-exit":this.isClosing,[this.animationClass]:!this.isClosing,"no-footer":!this.showFooter},part:"container"},e("slot",null,e("bh-month-picker-content",{disabled:this.disabled,disabledMonths:this.disabledMonths,maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleMonthYearSelect,scrollable:!0,selectedMonth:this.selectedMonth??void 0,selectedYear:this.selectedYear??void 0})),this.showFooter&&e("div",{class:"picker-menu-footer",part:"footer"},e("div",{class:"picker-menu-actions "+(this.showTodayButton?"has-today-button":"")},this.showTodayButton&&e("bh-button-icon",{ariaLabel:"Today",hierarchy:"secondary",iconName:"today",onClick:this.handleToday,size:"sm"}),e("div",{class:"picker-menu-main-actions"},e("bh-button",{hierarchy:"secondary",label:d("bh-picker-menu","cancelLabel",this.cancelLabel,"Cancel"),onClick:this.handleCancel,size:"sm"}),e("bh-button",{disabled:this.disableApply,hierarchy:"primary",label:d("bh-picker-menu","applyLabel",this.applyLabel,"Apply"),onClick:this.handleApply,size:"sm"})))))):null}static get watchers(){return{visible:[{handleVisibleChange:0}],value:[{handleValueChange:0}]}}};b.style=' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { *, *::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-picker-menu-bg: var(--color-bg-primary); --bh-picker-menu-border-color: var(--color-border-secondary); --bh-picker-menu-border-radius: var(--radius-md); --bh-picker-menu-padding: var(--spacing-md); --bh-picker-menu-padding-none: var(--spacing-none); --bh-picker-menu-gap: var(--spacing-sm); } } @layer bh-base { .picker-menu { width: fit-content; background: var(--bh-picker-menu-bg); border-radius: var(--bh-picker-menu-border-radius); border: 1px solid var(--bh-picker-menu-border-color); box-shadow: var(--shadow-lg); overflow: hidden; flex-shrink: 0; position: relative; box-sizing: border-box; } .picker-menu-footer { border-top: 1px solid var(--bh-picker-menu-border-color); padding: var(--bh-picker-menu-padding) var(--bh-picker-menu-padding); background: var(--bh-picker-menu-bg); } .picker-menu-actions { display: flex; justify-content: flex-end; align-items: center; gap: var(--bh-picker-menu-gap); } .picker-menu-actions.has-today-button { justify-content: space-between; } .picker-menu-main-actions { display: flex; gap: var(--bh-picker-menu-gap); } } @layer bh-variants { .picker-menu.no-footer { padding-bottom: var(--bh-picker-menu-padding-none); } } @layer bh-utilities { .picker-menu.animate-dropdown-enter { animation: dropdownEnter var(--animation-duration-fast) ease-out forwards; } .picker-menu.animate-dropdown-exit { animation: dropdownExit var(--animation-duration-fast) ease-out forwards; } @keyframes dropdownEnter { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } @keyframes dropdownExit { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-8px); } } }';export{b as bh_picker_menu}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,a as o,h as r,H as i}from"./p-CTHvNfIu.js";import{c as a,r as s,a as p,b as n}from"./p-Xi3uD33F.js";import{c as h}from"./p-CMKOFHIa.js";import{c as l,a as d}from"./p-CS8F5LFw.js";import{b as c}from"./p-R-A72b5e.js";import{m as v,M as b}from"./p-CSH9RXgl.js";import{c as m}from"./p-B93zYxiE.js";import{c as g}from"./p-CFlb5gKI.js";import{t as f}from"./p-Bf0qW3wI.js";import{i as x}from"./p-BqJRACkO.js";import{A as u}from"./p-BoVgy_Ao.js";import"./p-zdFuIabL.js";const w="bh-popover",y="285px",C=class{constructor(o){t(this,o),this.bhOpen=e(this,"bhOpen"),this.bhClose=e(this,"bhClose")}get el(){return o(this)}errorState=a();panelPosition=null;logger=h(w);destroy$=l();dialogRef=null;dismissalManager;hasHandledVisibleChange=!1;positioner;popoverTitle;content;maxWidth=y;position="top";visible=!1;ariaLabel=null;describedBy;bhOpen;bhClose;get safeMaxWidth(){const t=c(this.maxWidth,50);return t.valid?t.value:(s(w,new Error(`Invalid maxWidth: ${t.errors.map((t=>t.message)).join(", ")}`)),y)}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),v.increment(b.COMPONENT_ERROR,{component:w}),s(w,t)}componentDidLoad(){this.visible&&!this.hasHandledVisibleChange&&this.handleVisibleChange(!0,!1)}componentDidRender(){this.visible&&this.dialogRef&&!this.positioner&&this.setupPositioner()}async setupPositioner(){if(this.dialogRef)try{this.positioner=await m(this.el,this.dialogRef,{placement:this.position,offset:6,shiftPadding:8,autoUpdate:!0},((t,e)=>{this.panelPosition={x:t,y:e}}))}catch(t){this.logger.warn("Failed to setup floating positioner, using fallback",{error:t instanceof Error?t.message:String(t)})}}destroyPositioner(){this.positioner?.destroy(),this.positioner=void 0,this.panelPosition=null}handlePositionChange(){this.visible&&this.positioner&&(this.destroyPositioner(),this.setupPositioner())}initializeDismissalManager(){!this.dismissalManager&&this.dialogRef&&(this.dismissalManager=g(this.dialogRef,{onDismiss:()=>{this.visible&&this.bhClose.emit({reason:"outside-click"})},escapeKey:!1,clickOutside:!0,focusLoss:!1}))}handleVisibleChange(t,e){if(this.hasHandledVisibleChange=!0,t&&!e)return this.bhOpen.emit(),this.initializeDismissalManager(),this.dismissalManager?.enable(),void(this.el&&this.destroy$&&f(u.FOCUS_DELAY,this.destroy$)?.subscribe((()=>{this.dialogRef&&this.dialogRef.focus({preventScroll:!0})})));!t&&e&&(this.dismissalManager?.disable(),this.destroyPositioner())}disconnectedCallback(){this.destroyPositioner(),this.dismissalManager?.destroy(),d(this.destroy$),this.dialogRef=null}handleKeyDown=t=>{x(t)&&this.visible&&(t.preventDefault(),this.bhClose.emit({reason:"escape"}))};renderErrorFallback(){return r(i,{"aria-hidden":"true"},r("div",{class:"popover-error",part:"error",role:"alert"},r("span",null,"Popover unavailable")))}render(){if(this.errorState.hasError)return this.renderErrorFallback();if(!this.visible)return r(i,{"aria-hidden":"true"});try{const t=!!this.popoverTitle,e={"popover-wrapper":!0,[this.position]:!0,floating:Boolean(this.panelPosition)};return r(i,{onKeyDown:this.handleKeyDown},r("div",{"aria-describedby":this.describedBy,"aria-label":this.ariaLabel||this.popoverTitle,class:e,part:"popover",ref:t=>this.dialogRef=t,role:"dialog",style:{maxWidth:this.safeMaxWidth,...this.panelPosition&&{position:"fixed",top:`${this.panelPosition.y}px`,left:`${this.panelPosition.x}px`}},tabindex:"-1"},r("div",{class:"popover-content",part:"content"},t&&r("div",{class:"popover-header",part:"header"},r("div",{class:"header-content"},r("div",{class:"header-text"},r("p",{class:"title-text",part:"title"},this.popoverTitle))),r("div",{class:"divider"})),r("div",{class:t?"popover-text with-title":"popover-text"},this.content?r("p",{class:"content-text"},this.content):r("slot",null)))))}catch(t){return this.errorState=p(this.errorState,n("bh-popover",t,{position:this.position})),this.renderErrorFallback()}}static get watchers(){return{position:[{handlePositionChange:0}],visible:[{handleVisibleChange:0}]}}};C.style='@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;position:relative;--bh-popover-bg:var(--color-bg-primary);--bh-popover-border-radius:var(--radius-md);--bh-popover-border-color:var(--color-border-secondary);--bh-popover-shadow:var(--shadow-lg);--bh-popover-title-color:var(--color-text-primary);--bh-popover-content-color:var(--color-text-secondary);--bh-popover-divider-color:var(--color-border-secondary);--bh-popover-offset:var(--spacing-sm)}:host([aria-hidden=true]){display:none}}@layer bh-base{.popover-wrapper{}.popover-wrapper:focus,.popover-wrapper:focus-visible{outline:none}.popover-wrapper{position:absolute;left:50%;transform:translateX(-50%);z-index:var(--bh-z-index-popover);width:max-content;max-width:var(--max-width, 285px);flex-direction:column;align-items:center;gap:0;padding:0}.popover-wrapper:popover-open{position:fixed;margin:0;inset:auto;border:0;padding:0;background:transparent;transform:none}.popover-content{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:0;border-radius:var(--bh-popover-border-radius);border:1px solid var(--bh-popover-border-color);background-color:var(--bh-popover-bg);box-shadow:var(--bh-popover-shadow);overflow:hidden}.popover-text{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:var(--spacing-lg)}.popover-text.with-title{padding:var(--spacing-lg);border-radius:var(--bh-popover-border-radius);overflow:hidden}.content-text{font-family:var(--font-inter);font-size:var(--text-xs-size);font-weight:var(--weight-medium);line-height:var(--line-height-normal);letter-spacing:0;color:var(--bh-popover-content-color);margin:0;white-space:pre-wrap}.popover-header{display:flex;flex-direction:column;align-items:center;gap:0;padding:0;width:100%;overflow:hidden}.header-content{display:flex;gap:var(--spacing-xl);align-items:flex-start;padding:var(--spacing-lg);width:100%}.header-text{display:flex;flex-direction:column;flex:1;gap:var(--spacing-xs);align-items:flex-start;min-height:1px;min-width:1px;padding:0}.title-text{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--line-height-normal);letter-spacing:0;color:var(--bh-popover-title-color);margin:0;width:100%;white-space:pre-wrap}.divider{width:100%;height:1px;background-color:var(--bh-popover-divider-color)}}@layer bh-variants{.popover-wrapper.top{bottom:100%;margin-bottom:var(--bh-popover-offset)}.popover-wrapper.bottom{top:100%;margin-top:var(--bh-popover-offset)}.popover-wrapper{}.popover-wrapper.floating{position:fixed;margin:0;inset:auto;transform:none}}';export{C as bh_popover}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as e,H as a}from"./p-CTHvNfIu.js";import{c as t}from"./p-CMKOFHIa.js";import{m as i,M as c}from"./p-CSH9RXgl.js";import{r as d}from"./p-Xi3uD33F.js";const n="bh-credit-card",o=new Set(["transparent","transparent-gradient","brand-dark","brand-light-gradient"]),s=class{constructor(e){r(this,e)}logger=t(n);cardholderName="";cardNumber="";expiryDate="";issuerName="";theme="transparent";componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),i.increment(c.COMPONENT_ERROR,{component:n,error_type:r instanceof Error?r.name:"unknown"}),d(n,r)}get isLightText(){return o.has(this.theme)}render(){return e(a,{key:"c859c4a3133144fdc01107747d4cee78910210d9","aria-label":`Credit card for ${this.cardholderName}`,role:"img"},e("div",{key:"401c124a191e09baa566c15303eadf2a29e2eead",class:{"credit-card":!0,[`theme-${this.theme}`]:!0,"light-text":this.isLightText,"dark-text":!this.isLightText},part:"base"},e("div",{key:"0824fcdf11581de778fce2cedf09ca0b68408038",class:"card-bg"}),e("span",{key:"6d15ee33dce280886962b0310bcf666a17233a4c",class:"issuer-name"},this.issuerName),e("div",{key:"844ad812cb1e8cf04c52b003f431808db0aa1637","aria-hidden":"true",class:"contactless-icon"},e("svg",{key:"52c755e7caa424f37fde98f100fb92dc81a70b5a",fill:"none",viewBox:"0 0 20 24",xmlns:"http://www.w3.org/2000/svg"},e("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"}),e("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"}),e("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"}))),e("span",{key:"efbcbf2453d6aca85a7cbcd3c7fa54d667429658",class:"cardholder-name"},this.cardholderName),e("span",{key:"d292727f3765acbee43b8ae29af57446b09830f9",class:"expiry-date"},this.expiryDate),e("span",{key:"ae74006e26e01284b92ecc67385085b9b978af24",class:"card-number"},this.cardNumber),e("div",{key:"4606eb640bdadb7fef4110382f264f51330f6183","aria-hidden":"true",class:"payment-icon"},e("div",{key:"e14ce4b4f67ffd5284ffac4e0dc2f30a630aad9a",class:"payment-circle payment-circle-left"}),e("div",{key:"dbbf84ec372bf2f658e89198f6058c07b8a0e8f0",class:"payment-circle payment-circle-right"}))))}};s.style='@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%)}}';export{s as bh_credit_card}
|