@actabldesign/bellhop-core 0.3.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bh-accordion-item.js +1 -1
- package/components/bh-activity-feed.js +1 -1
- package/components/bh-alert.js +1 -1
- package/components/bh-appbar.js +1 -1
- package/components/bh-avatar-add.js +1 -1
- package/components/bh-avatar-stacked.js +1 -1
- package/components/bh-avatar.js +1 -1
- package/components/bh-badge-dot.js +1 -1
- package/components/bh-badge.js +1 -1
- package/components/bh-banner.js +1 -1
- package/components/bh-bar-chart.js +1 -1
- package/components/bh-breadcrumbs.js +1 -1
- package/components/bh-button-icon.js +1 -1
- package/components/bh-button.js +1 -1
- package/components/bh-card-content.js +1 -1
- package/components/bh-card-footer.js +1 -1
- package/components/bh-card-header.js +1 -1
- package/components/bh-card.js +1 -1
- package/components/bh-chart-tooltip.js +1 -1
- package/components/bh-chat-message.js +1 -1
- package/components/bh-chat-reaction.js +1 -1
- package/components/bh-checkbox.js +1 -1
- package/components/bh-checklist-task-group.js +1 -1
- package/components/bh-close-button.js +1 -1
- package/components/bh-command-bar.d.ts +11 -0
- package/components/bh-command-bar.js +1 -0
- package/components/bh-container-footer.js +1 -1
- package/components/bh-container.js +1 -1
- package/components/bh-credit-card.js +1 -1
- package/components/bh-data-grid-body.js +1 -1
- package/components/bh-data-grid-change-preview.js +1 -1
- package/components/bh-data-grid-filter-builder.js +1 -1
- package/components/bh-data-grid-footer.js +1 -1
- package/components/bh-data-grid-header.js +1 -1
- package/components/bh-data-grid-toolbar.js +1 -1
- package/components/bh-data-grid.js +2 -2
- package/components/bh-date-picker-content.js +1 -1
- package/components/bh-date-picker.js +1 -1
- package/components/bh-date-range-picker-content.js +1 -1
- package/components/bh-date-range-picker.js +1 -1
- package/components/bh-divider.js +1 -1
- package/components/bh-dropdown-menu.js +1 -1
- package/components/bh-dropdown.js +1 -1
- package/components/bh-emoji-picker.js +1 -1
- package/components/bh-empty-state.js +1 -1
- package/components/bh-fab.js +1 -1
- package/components/bh-featured-icon.js +1 -1
- package/components/bh-feed-item.js +1 -1
- package/components/bh-gauge-chart.js +1 -1
- package/components/bh-guided-checklist.js +1 -1
- package/components/bh-html-editor-bubble-menu.js +1 -1
- package/components/bh-html-editor-toolbar.js +1 -1
- package/components/bh-html-editor.js +1 -1
- package/components/bh-illustrations.js +1 -1
- package/components/bh-inline-cta.js +1 -1
- package/components/bh-input-autocomplete.js +1 -1
- package/components/bh-input-number.js +1 -1
- package/components/bh-input-password.js +1 -1
- package/components/bh-input-text.js +1 -1
- package/components/bh-input-verification.js +1 -1
- package/components/bh-kbd.d.ts +11 -0
- package/components/bh-kbd.js +1 -0
- package/components/bh-label.js +1 -1
- package/components/bh-line-chart.js +1 -1
- package/components/bh-logo-box.js +1 -1
- package/components/bh-menu-item.js +1 -1
- package/components/bh-menu.js +1 -1
- package/components/bh-modal-actions.js +1 -1
- package/components/bh-modal-header.js +1 -1
- package/components/bh-month-picker-content.js +1 -1
- package/components/bh-month-picker.js +1 -1
- package/components/bh-multi-select.js +1 -1
- package/components/bh-nav-item.js +1 -1
- package/components/bh-notification-center.d.ts +11 -0
- package/components/bh-notification-center.js +1 -0
- package/components/bh-page-header.js +1 -1
- package/components/bh-page-navigation-child.js +1 -1
- package/components/bh-page-navigation-multi-level.js +1 -1
- package/components/bh-page-navigation-single-level.js +1 -1
- package/components/bh-page-navigation.js +1 -1
- package/components/bh-pagination.js +1 -1
- package/components/bh-picker-menu.js +1 -1
- package/components/bh-pie-chart.js +1 -1
- package/components/bh-pivot-grid-field-chooser.js +1 -1
- package/components/bh-pivot-grid.js +1 -1
- package/components/bh-progress-bar.js +1 -1
- package/components/bh-progress-ring.js +1 -1
- package/components/bh-property-switcher.js +1 -1
- package/components/bh-radar-chart.js +1 -1
- package/components/bh-radio-button.js +1 -1
- package/components/bh-radio-group.js +1 -1
- package/components/bh-range-slider.js +1 -1
- package/components/bh-section-footer.js +1 -1
- package/components/bh-section-header.js +1 -1
- package/components/bh-select.js +1 -1
- package/components/bh-selection-group-item.js +1 -1
- package/components/bh-selection-group.js +1 -1
- package/components/bh-side-panel-footer.js +1 -1
- package/components/bh-side-panel-header.js +1 -1
- package/components/bh-sidebar.js +1 -1
- package/components/bh-skeleton-loader.js +1 -1
- package/components/bh-stepper.js +1 -1
- package/components/bh-tab-item.js +1 -1
- package/components/bh-table-header.js +1 -1
- package/components/bh-tabs.js +1 -1
- package/components/bh-tag-group.js +1 -1
- package/components/bh-tag-input.js +1 -1
- package/components/bh-tag.js +1 -1
- package/components/bh-textarea.js +1 -1
- package/components/bh-toast-container.js +1 -1
- package/components/bh-toast.js +1 -1
- package/components/bh-toggle.js +1 -1
- package/components/bh-tooltip.js +1 -1
- package/components/bh-trend-chart.js +1 -1
- package/components/index.d.ts +6 -0
- package/components/index.js +1 -1
- package/components/{p-BVwh7Zds.js → p-2SnKTVal.js} +1 -1
- package/components/{p-DpyQ9_VL.js → p-6tew_a-x.js} +1 -1
- package/components/{p-BUoq_1rz.js → p-B7La6Iwp.js} +1 -1
- package/components/p-B8HxD-vO.js +1 -0
- package/components/{p-CdwBDbHF.js → p-B9--bog4.js} +1 -1
- package/components/{p-D_0aDuRr.js → p-BF5hfv7s.js} +1 -1
- package/components/{p-oaisznHL.js → p-BI2Y2Le4.js} +1 -1
- package/components/p-Be6mIKzo.js +1 -0
- package/components/p-Bh0oD_Yf.js +1 -0
- package/components/{p-nMu0IHKp.js → p-BniMhcxp.js} +1 -1
- package/components/{p-CZRjavNE.js → p-Br9M2BbM.js} +1 -1
- package/components/{p-QCa_P3zY.js → p-BwxcuFPS.js} +1 -1
- package/components/{p-Dq8Cpk56.js → p-BzHDM9Tg.js} +1 -1
- package/components/{p-D-D80sUk.js → p-C4rAmars.js} +1 -1
- package/components/{p-B2KPN863.js → p-C7fkgBQS.js} +1 -1
- package/components/{p-cD3vmu49.js → p-CClVva-u.js} +1 -1
- package/components/p-CJUnjRCe.js +1 -0
- package/components/{p--a7Uv1ky.js → p-CK_Py1Yi.js} +1 -1
- package/components/{p-DjJP-dIm.js → p-CWdw6bHR.js} +1 -1
- package/components/{p-XYHjFWDD.js → p-CZ_H3nat.js} +1 -1
- package/components/{p-CtaODgcw.js → p-C_nrq7_Y.js} +1 -1
- package/components/{p-BFL2Pm_E.js → p-CssmbrSc.js} +1 -1
- package/components/p-CvsupUaF.js +1 -0
- package/components/{p-DBAPExTG.js → p-CvwyG_Kj.js} +1 -1
- package/components/{p-Bf_iTZDv.js → p-D6aw0IK6.js} +1 -1
- package/components/{p-CzvaS9up.js → p-DBl9mNfN.js} +1 -1
- package/components/{p-DWoyQVnq.js → p-DG90uKhz.js} +1 -1
- package/components/{p-CWY9YV_9.js → p-DGWzDn9Y.js} +1 -1
- package/components/p-DJlRFgcj.js +1 -0
- package/components/p-DKWhUGrV.js +1 -0
- package/components/{p-CC_DXFwx.js → p-DSDbfC31.js} +1 -1
- package/components/{p-1SkDR91n.js → p-DUm7JrA0.js} +1 -1
- package/components/{p-C6UC_xxP.js → p-DblmzWu8.js} +1 -1
- package/components/{p-BHeNnP2q.js → p-DfCONXO0.js} +1 -1
- package/components/p-DhgfM7Wy.js +1 -0
- package/components/{p-Xa6gUVGr.js → p-DjUfsCJJ.js} +1 -1
- package/components/{p-CVSRqFZ0.js → p-DjpXtbw8.js} +1 -1
- package/components/{p-GjWzFf-V.js → p-Dzlsnb7d.js} +1 -1
- package/components/{p-Be20AcNb.js → p-S-miu3h6.js} +1 -1
- package/components/{p-DIMoIy0w.js → p-W2SGLZN7.js} +1 -1
- package/components/{p-arW9uaFJ.js → p-hhv9O2Qq.js} +1 -1
- package/components/{p-BwwSI2Fv.js → p-jNp3nckG.js} +1 -1
- package/dist/bellhop-core/bellhop-core.esm.js +1 -1
- package/dist/bellhop-core/p-009efb12.entry.js +1 -0
- package/dist/bellhop-core/p-01b505e3.entry.js +1 -0
- package/dist/bellhop-core/p-02945f90.entry.js +1 -0
- package/dist/bellhop-core/p-04d2ec72.entry.js +1 -0
- package/dist/bellhop-core/p-05867224.entry.js +1 -0
- package/dist/bellhop-core/p-05a53d3b.entry.js +1 -0
- package/dist/bellhop-core/p-0692ab72.entry.js +1 -0
- package/dist/bellhop-core/p-06f9b713.entry.js +1 -0
- package/dist/bellhop-core/p-08b8ba36.entry.js +1 -0
- package/dist/bellhop-core/p-0953e008.entry.js +1 -0
- package/dist/bellhop-core/p-0976eb7a.entry.js +1 -0
- package/dist/bellhop-core/p-097d70d9.entry.js +1 -0
- package/dist/bellhop-core/p-0a316bb6.entry.js +1 -0
- package/dist/bellhop-core/p-108ca612.entry.js +1 -0
- package/dist/bellhop-core/p-12d3c4e9.entry.js +1 -0
- package/dist/bellhop-core/p-13f15f41.entry.js +1 -0
- package/dist/bellhop-core/p-15bb1050.entry.js +1 -0
- package/dist/bellhop-core/p-16e01b81.entry.js +1 -0
- package/dist/bellhop-core/p-188980bd.entry.js +1 -0
- package/dist/bellhop-core/p-1fba0985.entry.js +1 -0
- package/dist/bellhop-core/p-24e5c52b.entry.js +1 -0
- package/dist/bellhop-core/p-29729109.entry.js +1 -0
- package/dist/bellhop-core/p-2b93b512.entry.js +1 -0
- package/dist/bellhop-core/{p-213a104c.entry.js → p-2bcd94d0.entry.js} +1 -1
- package/dist/bellhop-core/p-2bdb9784.entry.js +1 -0
- package/dist/bellhop-core/p-2ee44b97.entry.js +1 -0
- package/dist/bellhop-core/p-3348400a.entry.js +1 -0
- package/dist/bellhop-core/p-38873b75.entry.js +1 -0
- package/dist/bellhop-core/p-399be504.entry.js +1 -0
- package/dist/bellhop-core/p-3d67e55f.entry.js +1 -0
- package/dist/bellhop-core/p-3dcf8812.entry.js +1 -0
- package/dist/bellhop-core/p-42f26142.entry.js +1 -0
- package/dist/bellhop-core/p-43d94b51.entry.js +1 -0
- package/dist/bellhop-core/p-4c65d80a.entry.js +1 -0
- package/dist/bellhop-core/p-4e4b59cc.entry.js +1 -0
- package/dist/bellhop-core/p-50c00ac6.entry.js +1 -0
- package/dist/bellhop-core/p-52d0c0ac.entry.js +1 -0
- package/dist/bellhop-core/p-53ddab62.entry.js +1 -0
- package/dist/bellhop-core/p-558c1c9f.entry.js +1 -0
- package/dist/bellhop-core/{p-fb8e0e6c.entry.js → p-59feba80.entry.js} +1 -1
- package/dist/bellhop-core/{p-165b45f3.entry.js → p-5a49ebee.entry.js} +1 -1
- package/dist/bellhop-core/p-5f5648e6.entry.js +1 -0
- package/dist/bellhop-core/p-614f84ff.entry.js +1 -0
- package/dist/bellhop-core/p-6517c63b.entry.js +1 -0
- package/dist/bellhop-core/{p-c86b7e41.entry.js → p-654de2b6.entry.js} +1 -1
- package/dist/bellhop-core/p-65e10ead.entry.js +1 -0
- package/dist/bellhop-core/p-68c5a0bd.entry.js +1 -0
- package/dist/bellhop-core/p-68cf8430.entry.js +1 -0
- package/dist/bellhop-core/p-6ad1ed53.entry.js +1 -0
- package/dist/bellhop-core/p-6df539be.entry.js +1 -0
- package/dist/bellhop-core/p-6e1c1c27.entry.js +1 -0
- package/dist/bellhop-core/p-710e4da7.entry.js +1 -0
- package/dist/bellhop-core/p-7841fbc2.entry.js +1 -0
- package/dist/bellhop-core/p-7bceb793.entry.js +1 -0
- package/dist/bellhop-core/p-7bd58fae.entry.js +1 -0
- package/dist/bellhop-core/p-7c0d23d4.entry.js +1 -0
- package/dist/bellhop-core/p-7e226f98.entry.js +1 -0
- package/dist/bellhop-core/{p-4a96c207.entry.js → p-815fb83e.entry.js} +1 -1
- package/dist/bellhop-core/p-832bf58d.entry.js +1 -0
- package/dist/bellhop-core/p-8370a956.entry.js +1 -0
- package/dist/bellhop-core/{p-b992fd96.entry.js → p-858017eb.entry.js} +1 -1
- package/dist/bellhop-core/p-87c827d7.entry.js +1 -0
- package/dist/bellhop-core/p-8a38724f.entry.js +1 -0
- package/dist/bellhop-core/p-8aa87a99.entry.js +1 -0
- package/dist/bellhop-core/p-8ad4d720.entry.js +1 -0
- package/dist/bellhop-core/p-8d319614.entry.js +1 -0
- package/dist/bellhop-core/p-963e6ad9.entry.js +1 -0
- package/dist/bellhop-core/p-97bed0b0.entry.js +1 -0
- package/dist/bellhop-core/{p-df4c2032.entry.js → p-9b2d67db.entry.js} +2 -2
- package/dist/bellhop-core/p-9b935b1a.entry.js +1 -0
- package/dist/bellhop-core/p-9cf187af.entry.js +1 -0
- package/dist/bellhop-core/p-9e0b9dec.entry.js +1 -0
- package/dist/bellhop-core/p-CBTS9Vhx.js +1 -0
- package/dist/bellhop-core/{p-Dn-MvAk9.js → p-CKTtXT2O.js} +1 -1
- package/dist/bellhop-core/p-CMKOFHIa.js +1 -0
- package/dist/bellhop-core/p-Xi3uD33F.js +1 -0
- package/dist/bellhop-core/p-a57034cf.entry.js +1 -0
- package/dist/bellhop-core/p-a925a3d8.entry.js +1 -0
- package/dist/bellhop-core/p-abf0f15d.entry.js +1 -0
- package/dist/bellhop-core/p-b212b4c1.entry.js +1 -0
- package/dist/bellhop-core/p-b2380f56.entry.js +1 -0
- package/dist/bellhop-core/p-b333c85f.entry.js +1 -0
- package/dist/bellhop-core/p-b9d363b0.entry.js +1 -0
- package/dist/bellhop-core/p-b9d86b80.entry.js +1 -0
- package/dist/bellhop-core/p-baa76b6d.entry.js +1 -0
- package/dist/bellhop-core/p-bb11a7df.entry.js +1 -0
- package/dist/bellhop-core/p-bcc53e7e.entry.js +1 -0
- package/dist/bellhop-core/p-c0513194.entry.js +1 -0
- package/dist/bellhop-core/p-c1eed46c.entry.js +1 -0
- package/dist/bellhop-core/p-c2440a5a.entry.js +1 -0
- package/dist/bellhop-core/p-c338d5ed.entry.js +1 -0
- package/dist/bellhop-core/p-c4cd8445.entry.js +1 -0
- package/dist/bellhop-core/p-cd404c53.entry.js +1 -0
- package/dist/bellhop-core/p-d2fdf27a.entry.js +1 -0
- package/dist/bellhop-core/p-d89a2316.entry.js +1 -0
- package/dist/bellhop-core/p-d9903fd1.entry.js +1 -0
- package/dist/bellhop-core/p-df86ac00.entry.js +1 -0
- package/dist/bellhop-core/p-dfc61397.entry.js +1 -0
- package/dist/bellhop-core/p-e02bdcfb.entry.js +1 -0
- package/dist/bellhop-core/p-e6ad9a10.entry.js +1 -0
- package/dist/bellhop-core/p-e86b4fbf.entry.js +1 -0
- package/dist/bellhop-core/p-eed85b08.entry.js +1 -0
- package/dist/bellhop-core/p-f0a47a26.entry.js +1 -0
- package/dist/bellhop-core/p-f46e818f.entry.js +1 -0
- package/dist/bellhop-core/p-f6c8568f.entry.js +1 -0
- package/dist/bellhop-core/p-f784164a.entry.js +1 -0
- package/dist/bellhop-core/p-f8d47699.entry.js +1 -0
- package/dist/bellhop-core/{p-1323f446.entry.js → p-f8dce3b6.entry.js} +1 -1
- package/dist/bellhop-core/p-f9962334.entry.js +1 -0
- package/dist/bellhop-core/p-fb897d66.entry.js +1 -0
- package/dist/cjs/bellhop-core.cjs.js +1 -1
- package/dist/cjs/bh-accordion-item.cjs.entry.js +4 -3
- package/dist/cjs/bh-accordion.cjs.entry.js +3 -2
- package/dist/cjs/bh-activity-feed_2.cjs.entry.js +174 -0
- package/dist/cjs/bh-alert.cjs.entry.js +4 -3
- package/dist/cjs/bh-appbar.cjs.entry.js +57 -11
- package/dist/cjs/bh-autocomplete-menu.cjs.entry.js +3 -2
- package/dist/cjs/bh-avatar-add.cjs.entry.js +4 -3
- package/dist/cjs/bh-avatar-stacked.cjs.entry.js +4 -3
- package/dist/cjs/bh-avatar.cjs.entry.js +6 -5
- package/dist/cjs/bh-badge-dot_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-badge.cjs.entry.js +6 -5
- package/dist/cjs/bh-banner.cjs.entry.js +5 -4
- package/dist/cjs/bh-bar-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-breadcrumbs.cjs.entry.js +16 -5
- package/dist/cjs/bh-button-icon_2.cjs.entry.js +5 -4
- package/dist/cjs/bh-button.cjs.entry.js +5 -4
- package/dist/cjs/bh-card-content.cjs.entry.js +4 -3
- package/dist/cjs/bh-card-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-card-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-card.cjs.entry.js +4 -3
- package/dist/cjs/bh-chart-tooltip.cjs.entry.js +5 -4
- package/dist/cjs/bh-chat-message.cjs.entry.js +5 -4
- package/dist/cjs/bh-chat-reaction.cjs.entry.js +5 -4
- package/dist/cjs/bh-checkbox.cjs.entry.js +3 -2
- package/dist/cjs/bh-checklist-task-group_3.cjs.entry.js +6 -5
- package/dist/cjs/bh-close-button.cjs.entry.js +1 -1
- package/dist/cjs/bh-command-bar.cjs.entry.js +309 -0
- package/dist/cjs/bh-container-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-container.cjs.entry.js +4 -3
- package/dist/cjs/bh-credit-card.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid-body.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-change-preview.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-filter-builder.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid-header.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-toolbar.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid.cjs.entry.js +4 -3
- package/dist/cjs/bh-date-picker-content.cjs.entry.js +6 -5
- package/dist/cjs/bh-date-picker.cjs.entry.js +6 -5
- package/dist/cjs/bh-date-range-picker-content.cjs.entry.js +5 -4
- package/dist/cjs/bh-date-range-picker.cjs.entry.js +7 -6
- package/dist/cjs/bh-divider.cjs.entry.js +4 -3
- package/dist/cjs/bh-dropdown-menu.cjs.entry.js +1 -1
- package/dist/cjs/bh-dropdown.cjs.entry.js +13 -4
- package/dist/cjs/bh-emoji-picker.cjs.entry.js +1 -1
- package/dist/cjs/bh-empty-state_2.cjs.entry.js +6 -5
- package/dist/cjs/bh-featured-icon.cjs.entry.js +4 -3
- package/dist/cjs/bh-gauge-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-guided-checklist.cjs.entry.js +5 -4
- package/dist/cjs/bh-html-editor-bubble-menu_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-html-editor.cjs.entry.js +5 -4
- package/dist/cjs/bh-illustrations.cjs.entry.js +4 -3
- package/dist/cjs/bh-inline-cta.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-autocomplete.cjs.entry.js +7 -6
- package/dist/cjs/bh-input-number.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-password.cjs.entry.js +6 -5
- package/dist/cjs/bh-input-text.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-verification.cjs.entry.js +4 -3
- package/dist/cjs/bh-kbd.cjs.entry.js +34 -0
- package/dist/cjs/bh-label_2.cjs.entry.js +5 -4
- package/dist/cjs/bh-line-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-logo-box_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-menu_2.cjs.entry.js +4 -3
- package/dist/cjs/bh-modal-actions.cjs.entry.js +4 -3
- package/dist/cjs/bh-modal-header.cjs.entry.js +7 -6
- package/dist/cjs/bh-modal.cjs.entry.js +4 -3
- package/dist/cjs/bh-month-picker-content.cjs.entry.js +4 -3
- package/dist/cjs/bh-month-picker.cjs.entry.js +6 -5
- package/dist/cjs/bh-multi-select.cjs.entry.js +8 -7
- package/dist/cjs/bh-notification-center.cjs.entry.js +210 -0
- package/dist/cjs/bh-page-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-page-navigation-child.cjs.entry.js +4 -3
- package/dist/cjs/bh-page-navigation-multi-level_2.cjs.entry.js +7 -6
- package/dist/cjs/bh-page-navigation.cjs.entry.js +4 -3
- package/dist/cjs/bh-pagination_2.cjs.entry.js +10 -9
- package/dist/cjs/bh-picker-menu.cjs.entry.js +3 -2
- package/dist/cjs/bh-pie-chart.cjs.entry.js +6 -5
- package/dist/cjs/bh-pivot-grid-field-chooser.cjs.entry.js +5 -4
- package/dist/cjs/bh-pivot-grid.cjs.entry.js +20 -19
- package/dist/cjs/bh-popover.cjs.entry.js +3 -2
- package/dist/cjs/bh-product-switcher.cjs.entry.js +3 -2
- package/dist/cjs/bh-progress-bar.cjs.entry.js +7 -6
- package/dist/cjs/bh-progress-ring.cjs.entry.js +1 -1
- package/dist/cjs/bh-property-switcher.cjs.entry.js +22 -5
- package/dist/cjs/bh-radar-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-radio-button.cjs.entry.js +3 -2
- package/dist/cjs/bh-radio-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-range-slider.cjs.entry.js +4 -3
- package/dist/cjs/bh-section-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-section-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-selection-group-item.cjs.entry.js +3 -2
- package/dist/cjs/bh-selection-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-side-panel-footer.cjs.entry.js +1 -1
- package/dist/cjs/bh-side-panel-header.cjs.entry.js +1 -1
- package/dist/cjs/bh-sidebar.cjs.entry.js +19 -5
- package/dist/cjs/bh-stepper.cjs.entry.js +3 -2
- package/dist/cjs/bh-tab-item.cjs.entry.js +5 -4
- package/dist/cjs/bh-table-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-tabs.cjs.entry.js +4 -3
- package/dist/cjs/bh-tag-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-tag-input.cjs.entry.js +5 -4
- package/dist/cjs/bh-textarea.cjs.entry.js +5 -4
- package/dist/cjs/bh-toast-container.cjs.entry.js +1 -1
- package/dist/cjs/bh-toast.cjs.entry.js +5 -4
- package/dist/cjs/bh-toggle.cjs.entry.js +4 -3
- package/dist/cjs/bh-trend-chart.cjs.entry.js +5 -4
- package/dist/cjs/{component-error-handler-C4vfF_Qu.js → component-error-handler-BxXlGq4E.js} +1 -1
- package/dist/cjs/error-boundary-fNUNT0lE.js +75 -0
- package/dist/cjs/hotkeys-BzAUI8Zg.js +113 -0
- package/dist/cjs/index-B6sArKsK.js +20 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{error-boundary-Bf7TcT4U.js → logger-DZionBgs.js} +0 -71
- package/dist/collection/collection-manifest.json +3 -0
- package/dist/collection/components/bh-accordion/bh-accordion-item/bh-accordion-item.js +1 -1
- package/dist/collection/components/bh-activity-feed/bh-activity-feed.css +8 -0
- package/dist/collection/components/bh-activity-feed/bh-activity-feed.js +29 -2
- package/dist/collection/components/bh-appbar/bh-appbar.css +28 -1
- package/dist/collection/components/bh-appbar/bh-appbar.js +220 -9
- package/dist/collection/components/bh-appbar/bh-notification-center/bh-notification-center.css +118 -0
- package/dist/collection/components/bh-appbar/bh-notification-center/bh-notification-center.js +513 -0
- package/dist/collection/components/bh-avatar/bh-avatar-add/bh-avatar-add.js +1 -1
- package/dist/collection/components/bh-avatar/bh-avatar-stacked/bh-avatar-stacked.js +1 -1
- package/dist/collection/components/bh-avatar/bh-avatar.css +8 -2
- package/dist/collection/components/bh-avatar/bh-avatar.js +2 -2
- package/dist/collection/components/bh-badge/bh-badge-dot/bh-badge-dot.js +1 -1
- package/dist/collection/components/bh-badge/bh-badge.js +2 -2
- package/dist/collection/components/bh-banner/bh-banner.js +2 -2
- package/dist/collection/components/bh-breadcrumbs/bh-breadcrumbs.css +3 -1
- package/dist/collection/components/bh-breadcrumbs/bh-breadcrumbs.js +14 -3
- package/dist/collection/components/bh-button/bh-button-icon/bh-button-icon.js +1 -1
- package/dist/collection/components/bh-button/bh-button.js +1 -1
- package/dist/collection/components/bh-card/bh-card-content/bh-card-content.js +1 -1
- package/dist/collection/components/bh-card/bh-card-footer/bh-card-footer.js +1 -1
- package/dist/collection/components/bh-card/bh-card-header/bh-card-header.js +1 -1
- package/dist/collection/components/bh-card/bh-card.js +1 -1
- package/dist/collection/components/bh-chart/bh-bar-chart/bh-bar-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-chart-tooltip/bh-chart-tooltip.js +2 -2
- package/dist/collection/components/bh-chart/bh-gauge-chart/bh-gauge-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-line-chart/bh-line-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-pie-chart/bh-pie-chart.js +3 -3
- package/dist/collection/components/bh-chart/bh-progress-bar/bh-progress-bar.js +4 -4
- package/dist/collection/components/bh-chart/bh-radar-chart/bh-radar-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-trend-chart/bh-trend-chart.js +2 -2
- package/dist/collection/components/bh-chat/bh-chat-message/bh-chat-message.js +2 -2
- package/dist/collection/components/bh-chat/bh-chat-reaction/bh-chat-reaction.js +2 -2
- package/dist/collection/components/bh-close-button/bh-close-button.js +1 -1
- package/dist/collection/components/bh-command-bar/bh-command-bar.css +181 -0
- package/dist/collection/components/bh-command-bar/bh-command-bar.figma.js +9 -0
- package/dist/collection/components/bh-command-bar/bh-command-bar.js +663 -0
- package/dist/collection/components/bh-container/bh-container-footer/bh-container-footer.js +1 -1
- package/dist/collection/components/bh-container/bh-container.js +1 -1
- package/dist/collection/components/bh-credit-card/bh-credit-card.js +1 -1
- package/dist/collection/components/bh-data-grid/bh-data-grid-footer.js +1 -1
- package/dist/collection/components/bh-data-grid/bh-data-grid-toolbar.js +1 -1
- package/dist/collection/components/bh-divider/bh-divider.js +1 -1
- package/dist/collection/components/bh-dropdown/bh-dropdown-menu/bh-dropdown-menu.js +1 -1
- package/dist/collection/components/bh-dropdown/bh-dropdown.js +29 -1
- package/dist/collection/components/bh-emoji-picker/bh-emoji-picker.js +1 -1
- package/dist/collection/components/bh-empty-state/bh-empty-state.js +1 -1
- package/dist/collection/components/bh-fab/bh-fab.js +2 -2
- package/dist/collection/components/bh-featured-icon/bh-featured-icon.js +1 -1
- package/dist/collection/components/bh-feed-item/bh-feed-item.css +9 -2
- package/dist/collection/components/bh-feed-item/bh-feed-item.js +81 -4
- package/dist/collection/components/bh-guided-checklist/bh-guided-checklist.js +1 -1
- package/dist/collection/components/bh-html-editor/bh-html-editor-bubble-menu/bh-html-editor-bubble-menu.js +3 -3
- package/dist/collection/components/bh-html-editor/bh-html-editor-toolbar/bh-html-editor-toolbar.js +1 -1
- package/dist/collection/components/bh-html-editor/bh-html-editor.js +2 -2
- package/dist/collection/components/bh-illustrations/bh-illustrations.js +1 -1
- package/dist/collection/components/bh-inline-cta/bh-inline-cta.js +2 -2
- package/dist/collection/components/bh-input/bh-input-autocomplete/bh-input-autocomplete.js +3 -3
- package/dist/collection/components/bh-input/bh-input-number/bh-input-number.js +2 -2
- package/dist/collection/components/bh-input/bh-input-password/bh-input-password.js +3 -3
- package/dist/collection/components/bh-input/bh-input-text/bh-input-text.js +2 -2
- package/dist/collection/components/bh-input/bh-input-verification/bh-input-verification.js +1 -1
- package/dist/collection/components/bh-input/bh-tag-input/bh-tag-input.js +2 -2
- package/dist/collection/components/bh-input/bh-textarea/bh-textarea.js +2 -2
- package/dist/collection/components/bh-kbd/bh-kbd.css +33 -0
- package/dist/collection/components/bh-kbd/bh-kbd.figma.js +11 -0
- package/dist/collection/components/bh-kbd/bh-kbd.js +78 -0
- package/dist/collection/components/bh-logo-box/bh-logo-box.js +2 -2
- package/dist/collection/components/bh-modal/bh-modal-actions/bh-modal-actions.js +1 -1
- package/dist/collection/components/bh-modal/bh-modal-header/bh-modal-header.js +4 -4
- package/dist/collection/components/bh-multi-select/bh-multi-select.js +3 -3
- package/dist/collection/components/bh-page-header/bh-page-header.js +2 -2
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-child/bh-page-navigation-child.js +1 -1
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-multi-level/bh-page-navigation-multi-level.js +2 -2
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-single-level/bh-page-navigation-single-level.js +1 -1
- package/dist/collection/components/bh-page-navigation/bh-page-navigation.js +1 -1
- package/dist/collection/components/bh-pagination/bh-pagination.js +2 -2
- package/dist/collection/components/bh-picker/bh-date-picker/bh-date-picker-content/bh-date-picker-content.js +3 -3
- package/dist/collection/components/bh-picker/bh-date-picker/bh-date-picker.js +3 -3
- package/dist/collection/components/bh-picker/bh-date-range-picker/bh-date-range-picker-content/bh-date-range-picker-content.js +2 -2
- package/dist/collection/components/bh-picker/bh-date-range-picker/bh-date-range-picker.js +4 -4
- package/dist/collection/components/bh-picker/bh-month-picker/bh-month-picker-content/bh-month-picker-content.js +1 -1
- package/dist/collection/components/bh-picker/bh-month-picker/bh-month-picker.js +3 -3
- package/dist/collection/components/bh-pivot-grid/bh-pivot-grid-field-chooser/bh-pivot-grid-field-chooser.js +2 -2
- package/dist/collection/components/bh-pivot-grid/bh-pivot-grid.js +16 -16
- package/dist/collection/components/bh-progress-ring/bh-progress-ring.js +1 -1
- package/dist/collection/components/bh-property-switcher/bh-property-switcher.js +20 -4
- package/dist/collection/components/bh-radio-group/bh-radio-group.js +1 -1
- package/dist/collection/components/bh-range-slider/bh-range-slider.js +1 -1
- package/dist/collection/components/bh-section-footer/bh-section-footer.js +1 -1
- package/dist/collection/components/bh-section-header/bh-section-header.js +1 -1
- package/dist/collection/components/bh-select/bh-select.js +4 -4
- package/dist/collection/components/bh-selection-group/bh-selection-group.js +1 -1
- package/dist/collection/components/bh-side-panel/bh-side-panel-footer/bh-side-panel-footer.js +1 -1
- package/dist/collection/components/bh-side-panel/bh-side-panel-header/bh-side-panel-header.js +1 -1
- package/dist/collection/components/bh-sidebar/bh-nav-item/bh-nav-item.js +2 -2
- package/dist/collection/components/bh-sidebar/bh-sidebar.js +79 -3
- package/dist/collection/components/bh-skeleton-loader/bh-skeleton-loader.js +1 -1
- package/dist/collection/components/bh-table-header/bh-table-header.js +1 -1
- package/dist/collection/components/bh-tabs/bh-tab-item/bh-tab-item.js +2 -2
- package/dist/collection/components/bh-tabs/bh-tabs.js +1 -1
- package/dist/collection/components/bh-tag/bh-tag-group/bh-tag-group.js +1 -1
- package/dist/collection/components/bh-tag/bh-tag.js +2 -2
- package/dist/collection/components/bh-toast/bh-toast.js +2 -2
- package/dist/collection/components/bh-toast-container/bh-toast-container.js +1 -1
- package/dist/collection/components/bh-toggle/bh-toggle.js +1 -1
- package/dist/collection/components/bh-tooltip/bh-tooltip.js +1 -1
- package/dist/collection/components/index.js +5 -0
- package/dist/collection/utils/hotkeys.js +107 -0
- package/dist/collection/utils/index.js +4 -0
- package/dist/esm/bellhop-core.js +1 -1
- package/dist/esm/bh-accordion-item.entry.js +3 -2
- package/dist/esm/bh-accordion.entry.js +2 -1
- package/dist/esm/bh-activity-feed_2.entry.js +171 -0
- package/dist/esm/bh-alert.entry.js +3 -2
- package/dist/esm/bh-appbar.entry.js +56 -10
- package/dist/esm/bh-autocomplete-menu.entry.js +2 -1
- package/dist/esm/bh-avatar-add.entry.js +3 -2
- package/dist/esm/bh-avatar-stacked.entry.js +3 -2
- package/dist/esm/bh-avatar.entry.js +5 -4
- package/dist/esm/bh-badge-dot_2.entry.js +6 -5
- package/dist/esm/bh-badge.entry.js +5 -4
- package/dist/esm/bh-banner.entry.js +4 -3
- package/dist/esm/bh-bar-chart.entry.js +4 -3
- package/dist/esm/bh-breadcrumbs.entry.js +15 -4
- package/dist/esm/bh-button-icon_2.entry.js +3 -2
- package/dist/esm/bh-button.entry.js +4 -3
- package/dist/esm/bh-card-content.entry.js +3 -2
- package/dist/esm/bh-card-footer.entry.js +3 -2
- package/dist/esm/bh-card-header.entry.js +3 -2
- package/dist/esm/bh-card.entry.js +3 -2
- package/dist/esm/bh-chart-tooltip.entry.js +4 -3
- package/dist/esm/bh-chat-message.entry.js +4 -3
- package/dist/esm/bh-chat-reaction.entry.js +4 -3
- package/dist/esm/bh-checkbox.entry.js +2 -1
- package/dist/esm/bh-checklist-task-group_3.entry.js +5 -4
- package/dist/esm/bh-close-button.entry.js +1 -1
- package/dist/esm/bh-command-bar.entry.js +307 -0
- package/dist/esm/bh-container-footer.entry.js +3 -2
- package/dist/esm/bh-container.entry.js +3 -2
- package/dist/esm/bh-credit-card.entry.js +3 -2
- package/dist/esm/bh-data-grid-body.entry.js +2 -1
- package/dist/esm/bh-data-grid-change-preview.entry.js +2 -1
- package/dist/esm/bh-data-grid-filter-builder.entry.js +2 -1
- package/dist/esm/bh-data-grid-footer.entry.js +3 -2
- package/dist/esm/bh-data-grid-header.entry.js +2 -1
- package/dist/esm/bh-data-grid-toolbar.entry.js +3 -2
- package/dist/esm/bh-data-grid.entry.js +3 -2
- package/dist/esm/bh-date-picker-content.entry.js +5 -4
- package/dist/esm/bh-date-picker.entry.js +5 -4
- package/dist/esm/bh-date-range-picker-content.entry.js +4 -3
- package/dist/esm/bh-date-range-picker.entry.js +6 -5
- package/dist/esm/bh-divider.entry.js +3 -2
- package/dist/esm/bh-dropdown-menu.entry.js +1 -1
- package/dist/esm/bh-dropdown.entry.js +12 -3
- package/dist/esm/bh-emoji-picker.entry.js +1 -1
- package/dist/esm/bh-empty-state_2.entry.js +4 -3
- package/dist/esm/bh-featured-icon.entry.js +3 -2
- package/dist/esm/bh-gauge-chart.entry.js +4 -3
- package/dist/esm/bh-guided-checklist.entry.js +4 -3
- package/dist/esm/bh-html-editor-bubble-menu_2.entry.js +6 -5
- package/dist/esm/bh-html-editor.entry.js +4 -3
- package/dist/esm/bh-illustrations.entry.js +3 -2
- package/dist/esm/bh-inline-cta.entry.js +4 -3
- package/dist/esm/bh-input-autocomplete.entry.js +6 -5
- package/dist/esm/bh-input-number.entry.js +4 -3
- package/dist/esm/bh-input-password.entry.js +5 -4
- package/dist/esm/bh-input-text.entry.js +4 -3
- package/dist/esm/bh-input-verification.entry.js +3 -2
- package/dist/esm/bh-kbd.entry.js +32 -0
- package/dist/esm/bh-label_2.entry.js +3 -2
- package/dist/esm/bh-line-chart.entry.js +4 -3
- package/dist/esm/bh-logo-box_2.entry.js +6 -5
- package/dist/esm/bh-menu_2.entry.js +2 -1
- package/dist/esm/bh-modal-actions.entry.js +3 -2
- package/dist/esm/bh-modal-header.entry.js +6 -5
- package/dist/esm/bh-modal.entry.js +3 -2
- package/dist/esm/bh-month-picker-content.entry.js +3 -2
- package/dist/esm/bh-month-picker.entry.js +5 -4
- package/dist/esm/bh-multi-select.entry.js +7 -6
- package/dist/esm/bh-notification-center.entry.js +208 -0
- package/dist/esm/bh-page-header.entry.js +3 -2
- package/dist/esm/bh-page-navigation-child.entry.js +3 -2
- package/dist/esm/bh-page-navigation-multi-level_2.entry.js +5 -4
- package/dist/esm/bh-page-navigation.entry.js +3 -2
- package/dist/esm/bh-pagination_2.entry.js +8 -7
- package/dist/esm/bh-picker-menu.entry.js +2 -1
- package/dist/esm/bh-pie-chart.entry.js +5 -4
- package/dist/esm/bh-pivot-grid-field-chooser.entry.js +4 -3
- package/dist/esm/bh-pivot-grid.entry.js +19 -18
- package/dist/esm/bh-popover.entry.js +2 -1
- package/dist/esm/bh-product-switcher.entry.js +2 -1
- package/dist/esm/bh-progress-bar.entry.js +6 -5
- package/dist/esm/bh-progress-ring.entry.js +1 -1
- package/dist/esm/bh-property-switcher.entry.js +21 -4
- package/dist/esm/bh-radar-chart.entry.js +4 -3
- package/dist/esm/bh-radio-button.entry.js +2 -1
- package/dist/esm/bh-radio-group.entry.js +3 -2
- package/dist/esm/bh-range-slider.entry.js +3 -2
- package/dist/esm/bh-section-footer.entry.js +3 -2
- package/dist/esm/bh-section-header.entry.js +3 -2
- package/dist/esm/bh-selection-group-item.entry.js +2 -1
- package/dist/esm/bh-selection-group.entry.js +3 -2
- package/dist/esm/bh-side-panel-footer.entry.js +1 -1
- package/dist/esm/bh-side-panel-header.entry.js +1 -1
- package/dist/esm/bh-sidebar.entry.js +18 -4
- package/dist/esm/bh-stepper.entry.js +2 -1
- package/dist/esm/bh-tab-item.entry.js +4 -3
- package/dist/esm/bh-table-header.entry.js +3 -2
- package/dist/esm/bh-tabs.entry.js +3 -2
- package/dist/esm/bh-tag-group.entry.js +3 -2
- package/dist/esm/bh-tag-input.entry.js +4 -3
- package/dist/esm/bh-textarea.entry.js +4 -3
- package/dist/esm/bh-toast-container.entry.js +1 -1
- package/dist/esm/bh-toast.entry.js +4 -3
- package/dist/esm/bh-toggle.entry.js +3 -2
- package/dist/esm/bh-trend-chart.entry.js +4 -3
- package/dist/esm/{component-error-handler-BVWQSuxn.js → component-error-handler-bgLpf9Pn.js} +1 -1
- package/dist/esm/error-boundary-afpK3NgJ.js +70 -0
- package/dist/esm/hotkeys-CBTS9Vhx.js +109 -0
- package/dist/esm/index-CTHvNfIu.js +20 -12
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{error-boundary-YLeLKAYJ.js → logger-CMKOFHIa.js} +1 -68
- package/dist/locales/bh-appbar/de.json +4 -1
- package/dist/locales/bh-appbar/en.json +4 -1
- package/dist/locales/bh-appbar/es.json +4 -1
- package/dist/locales/bh-appbar/fr.json +4 -1
- package/dist/locales/bh-appbar/ja.json +4 -1
- package/dist/locales/bh-appbar/pt.json +4 -1
- package/dist/locales/bh-appbar/ru.json +4 -1
- package/dist/locales/bh-appbar/zh.json +4 -1
- package/dist/locales/bh-command-bar/de.json +13 -0
- package/dist/locales/bh-command-bar/en.json +13 -0
- package/dist/locales/bh-command-bar/es.json +13 -0
- package/dist/locales/bh-command-bar/fr.json +13 -0
- package/dist/locales/bh-command-bar/ja.json +13 -0
- package/dist/locales/bh-command-bar/pt.json +13 -0
- package/dist/locales/bh-command-bar/ru.json +13 -0
- package/dist/locales/bh-command-bar/zh.json +13 -0
- package/dist/types/components/bh-activity-feed/bh-activity-feed.d.ts +6 -0
- package/dist/types/components/bh-appbar/bh-appbar.d.ts +38 -0
- package/dist/types/components/bh-appbar/bh-notification-center/bh-notification-center.d.ts +108 -0
- package/dist/types/components/bh-breadcrumbs/bh-breadcrumbs.d.ts +8 -0
- package/dist/types/components/bh-command-bar/bh-command-bar.d.ts +131 -0
- package/dist/types/components/bh-command-bar/bh-command-bar.figma.d.ts +1 -0
- package/dist/types/components/bh-dropdown/bh-dropdown.d.ts +4 -0
- package/dist/types/components/bh-feed-item/bh-feed-item.d.ts +15 -0
- package/dist/types/components/bh-kbd/bh-kbd.d.ts +13 -0
- package/dist/types/components/bh-kbd/bh-kbd.figma.d.ts +1 -0
- package/dist/types/components/bh-property-switcher/bh-property-switcher.d.ts +2 -0
- package/dist/types/components/bh-sidebar/bh-sidebar.d.ts +14 -1
- package/dist/types/components/index.d.ts +3 -0
- package/dist/types/components.d.ts +541 -4
- package/dist/types/index.d.ts +2 -0
- package/dist/types/utils/hotkeys.d.ts +23 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/hydrate/index.js +1021 -189
- package/hydrate/index.mjs +1021 -189
- package/llms.txt +4251 -286
- package/package.json +1 -1
- package/vscode-data.json +215 -0
- package/components/p-B7i48CAz.js +0 -1
- package/components/p-Bk-ipvH3.js +0 -1
- package/components/p-Cy98fCjm.js +0 -1
- package/components/p-i7ZvTRXV.js +0 -1
- package/dist/bellhop-core/p-008932dc.entry.js +0 -1
- package/dist/bellhop-core/p-03e002af.entry.js +0 -1
- package/dist/bellhop-core/p-062955a0.entry.js +0 -1
- package/dist/bellhop-core/p-0705eb78.entry.js +0 -1
- package/dist/bellhop-core/p-0a1548b0.entry.js +0 -1
- package/dist/bellhop-core/p-0a758a65.entry.js +0 -1
- package/dist/bellhop-core/p-0b3a286d.entry.js +0 -1
- package/dist/bellhop-core/p-0e60f7f5.entry.js +0 -1
- package/dist/bellhop-core/p-105d9352.entry.js +0 -1
- package/dist/bellhop-core/p-11eec77c.entry.js +0 -1
- package/dist/bellhop-core/p-1334408b.entry.js +0 -1
- package/dist/bellhop-core/p-141d68b7.entry.js +0 -1
- package/dist/bellhop-core/p-164db491.entry.js +0 -1
- package/dist/bellhop-core/p-170c4a62.entry.js +0 -1
- package/dist/bellhop-core/p-19739563.entry.js +0 -1
- package/dist/bellhop-core/p-1cfa274f.entry.js +0 -1
- package/dist/bellhop-core/p-1ddb2ef9.entry.js +0 -1
- package/dist/bellhop-core/p-22243198.entry.js +0 -1
- package/dist/bellhop-core/p-23acfc6a.entry.js +0 -1
- package/dist/bellhop-core/p-277693e6.entry.js +0 -1
- package/dist/bellhop-core/p-283eb6ee.entry.js +0 -1
- package/dist/bellhop-core/p-298d6782.entry.js +0 -1
- package/dist/bellhop-core/p-30f1e109.entry.js +0 -1
- package/dist/bellhop-core/p-31e952ed.entry.js +0 -1
- package/dist/bellhop-core/p-3254b058.entry.js +0 -1
- package/dist/bellhop-core/p-332a6b0d.entry.js +0 -1
- package/dist/bellhop-core/p-43c97303.entry.js +0 -1
- package/dist/bellhop-core/p-4b8fe1fa.entry.js +0 -1
- package/dist/bellhop-core/p-4d8b9186.entry.js +0 -1
- package/dist/bellhop-core/p-50b95dc8.entry.js +0 -1
- package/dist/bellhop-core/p-53006e0e.entry.js +0 -1
- package/dist/bellhop-core/p-53683664.entry.js +0 -1
- package/dist/bellhop-core/p-53dc8f16.entry.js +0 -1
- package/dist/bellhop-core/p-54d147b9.entry.js +0 -1
- package/dist/bellhop-core/p-56b090e1.entry.js +0 -1
- package/dist/bellhop-core/p-58eae3e6.entry.js +0 -1
- package/dist/bellhop-core/p-5d43f80b.entry.js +0 -1
- package/dist/bellhop-core/p-61aeccd7.entry.js +0 -1
- package/dist/bellhop-core/p-63303380.entry.js +0 -1
- package/dist/bellhop-core/p-63af6f45.entry.js +0 -1
- package/dist/bellhop-core/p-640aaf14.entry.js +0 -1
- package/dist/bellhop-core/p-6632ba13.entry.js +0 -1
- package/dist/bellhop-core/p-6807b97e.entry.js +0 -1
- package/dist/bellhop-core/p-6a725cbe.entry.js +0 -1
- package/dist/bellhop-core/p-6bfb6425.entry.js +0 -1
- package/dist/bellhop-core/p-6c4eb165.entry.js +0 -1
- package/dist/bellhop-core/p-72cd0a98.entry.js +0 -1
- package/dist/bellhop-core/p-74972e2e.entry.js +0 -1
- package/dist/bellhop-core/p-77a7967d.entry.js +0 -1
- package/dist/bellhop-core/p-79bc0c14.entry.js +0 -1
- package/dist/bellhop-core/p-7f2736ab.entry.js +0 -1
- package/dist/bellhop-core/p-83024333.entry.js +0 -1
- package/dist/bellhop-core/p-8c01d55f.entry.js +0 -1
- package/dist/bellhop-core/p-8d4654ea.entry.js +0 -1
- package/dist/bellhop-core/p-9429002f.entry.js +0 -1
- package/dist/bellhop-core/p-956ca990.entry.js +0 -1
- package/dist/bellhop-core/p-9b0d2d1d.entry.js +0 -1
- package/dist/bellhop-core/p-YLeLKAYJ.js +0 -1
- package/dist/bellhop-core/p-a0005573.entry.js +0 -1
- package/dist/bellhop-core/p-a26f1ec0.entry.js +0 -1
- package/dist/bellhop-core/p-a42cca95.entry.js +0 -1
- package/dist/bellhop-core/p-a7153865.entry.js +0 -1
- package/dist/bellhop-core/p-a7608d57.entry.js +0 -1
- package/dist/bellhop-core/p-a94d36ae.entry.js +0 -1
- package/dist/bellhop-core/p-a9644488.entry.js +0 -1
- package/dist/bellhop-core/p-aac0f3c1.entry.js +0 -1
- package/dist/bellhop-core/p-aae7e90e.entry.js +0 -1
- package/dist/bellhop-core/p-ac2d706c.entry.js +0 -1
- package/dist/bellhop-core/p-b21105d4.entry.js +0 -1
- package/dist/bellhop-core/p-b7995c47.entry.js +0 -1
- package/dist/bellhop-core/p-bacf8b19.entry.js +0 -1
- package/dist/bellhop-core/p-bf2f5dbd.entry.js +0 -1
- package/dist/bellhop-core/p-c10aff52.entry.js +0 -1
- package/dist/bellhop-core/p-c30fcfcb.entry.js +0 -1
- package/dist/bellhop-core/p-c581c876.entry.js +0 -1
- package/dist/bellhop-core/p-c97c166b.entry.js +0 -1
- package/dist/bellhop-core/p-cb19b35b.entry.js +0 -1
- package/dist/bellhop-core/p-cb1dde19.entry.js +0 -1
- package/dist/bellhop-core/p-cf8c9d85.entry.js +0 -1
- package/dist/bellhop-core/p-d3816b20.entry.js +0 -1
- package/dist/bellhop-core/p-d4107350.entry.js +0 -1
- package/dist/bellhop-core/p-d59fdc08.entry.js +0 -1
- package/dist/bellhop-core/p-d77016ec.entry.js +0 -1
- package/dist/bellhop-core/p-dd1e6138.entry.js +0 -1
- package/dist/bellhop-core/p-dd6f2996.entry.js +0 -1
- package/dist/bellhop-core/p-e082bce2.entry.js +0 -1
- package/dist/bellhop-core/p-e0e28b1f.entry.js +0 -1
- package/dist/bellhop-core/p-e4a47861.entry.js +0 -1
- package/dist/bellhop-core/p-e74a03e3.entry.js +0 -1
- package/dist/bellhop-core/p-e9168244.entry.js +0 -1
- package/dist/bellhop-core/p-ea1fe131.entry.js +0 -1
- package/dist/bellhop-core/p-ecf1b0c4.entry.js +0 -1
- package/dist/bellhop-core/p-f16e07ca.entry.js +0 -1
- package/dist/bellhop-core/p-f2d2abb2.entry.js +0 -1
- package/dist/bellhop-core/p-f8f6e900.entry.js +0 -1
- package/dist/bellhop-core/p-fbdeab71.entry.js +0 -1
- package/dist/bellhop-core/p-fcb058cf.entry.js +0 -1
- package/dist/cjs/bh-activity-feed.cjs.entry.js +0 -71
- package/dist/cjs/bh-feed-item.cjs.entry.js +0 -82
- package/dist/esm/bh-activity-feed.entry.js +0 -69
- package/dist/esm/bh-feed-item.entry.js +0 -80
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,a as i,h as r,H as s}from"./p-CTHvNfIu.js";import{isFilterCondition as l,isFilterGroup as n}from"./index.esm.js";import{D as a}from"./p-gY2wiaRN.js";import{c as o}from"./p-CMKOFHIa.js";import{m as h,M as u}from"./p-CSH9RXgl.js";import{r as d}from"./p-Xi3uD33F.js";import{i as c}from"./p-BqJRACkO.js";import"./p-BNVOtH-1.js";import"./p-zdFuIabL.js";let b=0;function p(){return b+=1,`filter-${b}`}function f(e,t,i,r){if(!e||"string"!=typeof e)throw new Error("field is required and must be a non-empty string");const s={type:"condition",id:p(),field:e,operator:t,value:i};return"between"===t&&void 0!==r&&(s.valueTo=r),s}function y(e,t=[]){if("and"!==e&&"or"!==e)throw new Error("logic must be 'and' or 'or'");return{type:"group",id:p(),logic:e,children:t}}const m={equals:"equals",notEquals:"does not equal",contains:"contains",notContains:"does not contain",startsWith:"starts with",endsWith:"ends with",greaterThan:"is greater than",greaterThanOrEqual:"is greater than or equal to",lessThan:"is less than",lessThanOrEqual:"is less than or equal to",between:"is between",isNull:"is empty",isNotNull:"is not empty",in:"is one of",notIn:"is not one of"};function g(e){return null==e?"(empty)":Array.isArray(e)?e.map(g).join(", "):e instanceof Date?e.toLocaleDateString():"boolean"==typeof e?e?"Yes":"No":String(e)}function v(e,t=[]){if(!e)return null;const i=[],r=function e(r,s=!1){if(l(r)){const e=function(e,t){const i=e.find((e=>e.id===t));return i?.header??t}(t,r.field),s=m[r.operator];if(i.push({type:"field",text:e,expressionId:r.id}),i.push({type:"operator",text:s,expressionId:r.id}),"isNull"!==r.operator&&"isNotNull"!==r.operator){const t="between"===r.operator?`${g(r.value)} and ${g(r.valueTo)}`:g(r.value);return i.push({type:"value",text:t,expressionId:r.id}),"between"===r.operator?`${e} ${s} ${g(r.value)} and ${g(r.valueTo)}`:`${e} ${s} ${t}`}return`${e} ${s}`}if(n(r)){const t=[],l=r.logic.toUpperCase();r.children.forEach(((s,n)=>{n>0&&i.push({type:"logic",text:l,expressionId:r.id}),t.push(e(s,!0))}));const n=t.join(` ${l} `);return s&&r.children.length>1?`(${n})`:n}return""}(e);return{text:r,parts:i}}function C(e){if(l(e))return f(e.field,e.operator,e.value,e.valueTo);if(n(e))return y(e.logic,e.children.map(C));throw new Error(`Unknown filter expression type: ${e.type}`)}function x(e,t){if(e.id===t)return e;if(n(e))for(const i of e.children){const e=x(i,t);if(e)return e}return null}function q(e){return e?l(e)?1:n(e)?e.children.reduce(((e,t)=>e+q(t)),0):0:0}const N={equals:{label:"equals",types:["text","number","date","boolean"],requiresValue:!0},notEquals:{label:"does not equal",types:["text","number","date","boolean"],requiresValue:!0},contains:{label:"contains",types:["text"],requiresValue:!0},notContains:{label:"does not contain",types:["text"],requiresValue:!0},startsWith:{label:"starts with",types:["text"],requiresValue:!0},endsWith:{label:"ends with",types:["text"],requiresValue:!0},greaterThan:{label:"is greater than",types:["number","date"],requiresValue:!0},greaterThanOrEqual:{label:"is greater than or equal to",types:["number","date"],requiresValue:!0},lessThan:{label:"is less than",types:["number","date"],requiresValue:!0},lessThanOrEqual:{label:"is less than or equal to",types:["number","date"],requiresValue:!0},between:{label:"is between",types:["number","date"],requiresValue:!0,requiresSecondValue:!0},isNull:{label:"is empty",types:["text","number","date","boolean"],requiresValue:!1},isNotNull:{label:"is not empty",types:["text","number","date","boolean"],requiresValue:!1},in:{label:"is one of",types:["text","number"],requiresValue:!0},notIn:{label:"is not one of",types:["text","number"],requiresValue:!0}},k=class{constructor(i){e(this,i),this.bhFilterExpressionChange=t(this,"bhFilterExpressionChange"),this.bhFilterPresetSaved=t(this,"bhFilterPresetSaved"),this.bhFilterBuilderClose=t(this,"bhFilterBuilderClose"),this.bhError=t(this,"bhError")}get el(){return i(this)}logger=o("bh-data-grid-filter-builder");columns;filterExpression=null;visible=!1;gridId="default";enablePresets=!0;filterLabels=a;bhFilterExpressionChange;bhFilterPresetSaved;bhFilterBuilderClose;bhError;internalExpression=null;presets=[];showPresetSaveDialog=!1;showPresetLoadDialog=!1;presetName="";componentWillLoad(){this.loadPresets(),this.internalExpression=this.filterExpression?C(this.filterExpression):null}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),h.increment(u.COMPONENT_ERROR,{component:"bh-data-grid-filter-builder",error_type:e instanceof Error?e.name:"unknown"}),d("bh-data-grid-filter-builder",e),this.bhError.emit({error:e})}handleFilterExpressionChange(e){this.internalExpression=e?C(e):null}getStorageKey(){return`bh-data-grid-filter-presets-${this.gridId}`}loadPresets(){try{const e=localStorage.getItem(this.getStorageKey());e&&(this.presets=JSON.parse(e))}catch(e){this.logger.warn("Failed to load filter presets",{error:e}),this.presets=[]}}savePresetsToStorage(){try{localStorage.setItem(this.getStorageKey(),JSON.stringify(this.presets))}catch(e){this.logger.error("Failed to save filter presets",e instanceof Error?e:new Error(String(e)))}}handleSavePreset=()=>{if(!this.presetName.trim()||!this.internalExpression)return;const e=Date.now(),t={id:`preset-${e}`,name:this.presetName.trim(),expression:C(this.internalExpression),createdAt:e,updatedAt:e};this.presets=[...this.presets,t],this.savePresetsToStorage(),this.bhFilterPresetSaved.emit({preset:t}),this.showPresetSaveDialog=!1,this.presetName=""};handleLoadPreset=e=>{this.internalExpression=C(e.expression),this.showPresetLoadDialog=!1};handleDeletePreset=e=>{this.presets=this.presets.filter((t=>t.id!==e)),this.savePresetsToStorage()};getFilterableColumns(){return this.columns.filter((e=>{const t=e.meta;return!1!==t?.filterable})).map((e=>{const t=e.meta,i="accessorKey"in e&&"string"==typeof e.accessorKey?e.accessorKey:e.id??"";return{id:i,header:"string"==typeof e.header?e.header:i,type:t?.type??"text"}}))}getOperatorsForType(e){return Object.keys(N).filter((t=>N[t].types.includes(e)))}getColumnType(e){const t=this.getFilterableColumns().find((t=>t.id===e));return t?.type??"text"}addCondition=e=>{const t=this.getFilterableColumns();if(0===t.length)return;const i=t[0],r=this.getOperatorsForType(i.type),s=f(i.id,r[0]??"equals","");this.internalExpression?e?this.internalExpression=this.addToGroup(this.internalExpression,e,s):l(this.internalExpression)?this.internalExpression=y("and",[C(this.internalExpression),s]):n(this.internalExpression)&&(this.internalExpression={...this.internalExpression,children:[...this.internalExpression.children,s]}):this.internalExpression=s};addGroup=e=>{const t=this.getFilterableColumns();if(0===t.length)return;const i=t[0],r=this.getOperatorsForType(i.type),s=y("and",[f(i.id,r[0]??"equals","")]);this.internalExpression?e?this.internalExpression=this.addToGroup(this.internalExpression,e,s):l(this.internalExpression)?this.internalExpression=y("and",[C(this.internalExpression),s]):n(this.internalExpression)&&(this.internalExpression={...this.internalExpression,children:[...this.internalExpression.children,s]}):this.internalExpression=s};addToGroup(e,t,i){return e.id===t&&n(e)?{...e,children:[...e.children,i]}:n(e)?{...e,children:e.children.map((e=>this.addToGroup(e,t,i)))}:e}updateCondition=(e,t)=>{this.internalExpression&&(this.internalExpression=this.updateExpressionById(this.internalExpression,e,(e=>l(e)?{...e,...t}:e)))};updateGroupLogic=(e,t)=>{this.internalExpression&&(this.internalExpression=this.updateExpressionById(this.internalExpression,e,(e=>n(e)?{...e,logic:t}:e)))};removeExpression=e=>{this.internalExpression&&(this.internalExpression=this.internalExpression.id!==e?this.removeFromTree(this.internalExpression,e):null)};updateExpressionById(e,t,i){return e.id===t?i(e):n(e)?{...e,children:e.children.map((e=>this.updateExpressionById(e,t,i)))}:e}removeFromTree(e,t){if(n(e)){const i=e.children.filter((e=>e.id!==t)).map((e=>this.removeFromTree(e,t))).filter((e=>null!==e));return 0===i.length?null:1===i.length&&e.id!==this.internalExpression?.id?i[0]:{...e,children:i}}return e}calculateDepth(e,t=0){return e?l(e)?t:n(e)?e.children.reduce(((e,i)=>Math.max(e,this.calculateDepth(i,t+1))),t):t:t}canAddNestedGroup(e){if(!this.internalExpression)return!0;if(!e)return this.calculateDepth(this.internalExpression)<3;const t=x(this.internalExpression,e);return!!t&&this.calculateDepth(t)<3}handleApply=()=>{const e=this.getFilterableColumns(),t=this.internalExpression?v(this.internalExpression,e):null;this.bhFilterExpressionChange.emit({expression:this.internalExpression,description:t}),this.bhFilterBuilderClose.emit()};handleClear=()=>{this.internalExpression=null};handleCancel=()=>{this.internalExpression=this.filterExpression?C(this.filterExpression):null,this.bhFilterBuilderClose.emit()};handleKeyDown=e=>{c(e)&&this.handleCancel()};renderValueInput(e,t,i){if(!t.requiresValue)return null;const s="number"===i?"number":"date"===i?"date":"text";return r("div",{class:"filter-builder-value-inputs"},r("bh-input-text",{class:"filter-builder-value-input",onBhInput:t=>this.updateCondition(e.id,{value:t.detail}),placeholder:this.filterLabels.valuePlaceholder,showLabel:!1,type:s,value:String(e.value??"")}),t.requiresSecondValue&&r("bh-input-text",{class:"filter-builder-value-input",onBhInput:t=>this.updateCondition(e.id,{valueTo:t.detail}),placeholder:this.filterLabels.toValuePlaceholder,showLabel:!1,type:s,value:String(e.valueTo??"")}))}renderCondition(e,t){const i=this.getFilterableColumns(),s=this.getColumnType(e.field),l=this.getOperatorsForType(s),n=N[e.operator];return r("div",{class:{"filter-builder-condition":!0,[`filter-builder-depth-${t}`]:!0},"data-expression-id":e.id,key:e.id},r("select",{class:"filter-builder-field-select",onChange:t=>{const i=t.target.value,r=this.getColumnType(i),s=this.getOperatorsForType(r),l=s.includes(e.operator);this.updateCondition(e.id,{field:i,operator:l?e.operator:s[0],value:"",valueTo:void 0})}},i.map((t=>r("option",{key:t.id,selected:t.id===e.field,value:t.id},t.header)))),r("select",{class:"filter-builder-operator-select",onChange:t=>this.updateCondition(e.id,{operator:t.target.value})},l.map((t=>r("option",{key:t,selected:t===e.operator,value:t},N[t].label)))),this.renderValueInput(e,n,s),r("bh-button-icon",{ariaLabel:"Remove condition",class:"filter-builder-remove-btn",hierarchy:"tertiary",iconName:"close",onClick:()=>this.removeExpression(e.id),size:"sm"}))}renderGroup(e,t){const i=this.canAddNestedGroup(e.id);return r("div",{class:{"filter-builder-group":!0,[`filter-builder-depth-${t}`]:!0},"data-expression-id":e.id,key:e.id},r("div",{class:"filter-builder-group-header"},r("div",{class:"filter-builder-logic-toggle"},r("button",{class:{"filter-builder-logic-btn":!0,"filter-builder-logic-btn-active":"and"===e.logic},onClick:()=>this.updateGroupLogic(e.id,"and"),type:"button"},"AND"),r("button",{class:{"filter-builder-logic-btn":!0,"filter-builder-logic-btn-active":"or"===e.logic},onClick:()=>this.updateGroupLogic(e.id,"or"),type:"button"},"OR")),r("div",{class:"filter-builder-group-actions"},r("bh-button",{hierarchy:"tertiary",icon:"leading",iconName:"add",label:this.filterLabels.condition,onClick:()=>this.addCondition(e.id),size:"sm"}),i&&r("bh-button",{hierarchy:"tertiary",icon:"leading",iconName:"folder_open",label:this.filterLabels.group,onClick:()=>this.addGroup(e.id),size:"sm"}),t>0&&r("bh-button-icon",{ariaLabel:"Remove group",hierarchy:"tertiary",iconName:"delete",onClick:()=>this.removeExpression(e.id),size:"sm"}))),r("div",{class:"filter-builder-group-children"},e.children.map(((i,s)=>r("div",{class:"filter-builder-child",key:i.id},s>0&&r("div",{class:"filter-builder-logic-separator"},e.logic.toUpperCase()),this.renderExpression(i,t+1))))))}renderExpression(e,t=0){return l(e)?this.renderCondition(e,t):n(e)?this.renderGroup(e,t):null}renderEmptyState(){return r("div",{class:"filter-builder-empty"},r("span",{class:"material-symbols-outlined filter-builder-empty-icon"},"filter_list"),r("p",{class:"filter-builder-empty-text"},"No filters applied. Add a condition or group to start filtering."),r("div",{class:"filter-builder-empty-actions"},r("bh-button",{hierarchy:"primary",icon:"leading",iconName:"add",label:this.filterLabels.addCondition,onClick:()=>this.addCondition(),size:"sm"}),r("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"folder_open",label:this.filterLabels.addGroup,onClick:()=>this.addGroup(),size:"sm"})))}renderPresetSaveDialog(){return this.showPresetSaveDialog?r("div",{class:"filter-builder-dialog-overlay"},r("div",{class:"filter-builder-dialog"},r("div",{class:"filter-builder-dialog-header"},r("h3",null,"Save Filter Preset"),r("bh-button-icon",{ariaLabel:this.filterLabels.closeDialog,hierarchy:"tertiary",iconName:"close",onClick:()=>{this.showPresetSaveDialog=!1,this.presetName=""},size:"sm"})),r("div",{class:"filter-builder-dialog-body"},r("bh-input-text",{label:this.filterLabels.presetName,onBhInput:e=>{this.presetName=e.detail??""},placeholder:this.filterLabels.filterPresetNamePlaceholder,value:this.presetName})),r("div",{class:"filter-builder-dialog-footer"},r("bh-button",{hierarchy:"secondary",label:this.filterLabels.cancel,onClick:()=>{this.showPresetSaveDialog=!1,this.presetName=""},size:"sm"}),r("bh-button",{disabled:!this.presetName.trim(),hierarchy:"primary",label:this.filterLabels.save,onClick:this.handleSavePreset,size:"sm"})))):null}renderPresetLoadDialog(){return this.showPresetLoadDialog?r("div",{class:"filter-builder-dialog-overlay"},r("div",{class:"filter-builder-dialog filter-builder-dialog-wide"},r("div",{class:"filter-builder-dialog-header"},r("h3",null,"Load Filter Preset"),r("bh-button-icon",{ariaLabel:this.filterLabels.closeDialog,hierarchy:"tertiary",iconName:"close",onClick:()=>{this.showPresetLoadDialog=!1},size:"sm"})),r("div",{class:"filter-builder-dialog-body"},0===this.presets.length?r("p",{class:"filter-builder-no-presets"},"No saved presets. Save a filter to create a preset."):r("ul",{class:"filter-builder-preset-list"},this.presets.map((e=>r("li",{class:"filter-builder-preset-item",key:e.id},r("button",{class:"filter-builder-preset-btn",onClick:()=>this.handleLoadPreset(e),type:"button"},r("span",{class:"filter-builder-preset-name"},e.name),r("span",{class:"filter-builder-preset-info"},q(e.expression)," condition(s)")),r("bh-button-icon",{ariaLabel:`Delete preset ${e.name}`,hierarchy:"tertiary",iconName:"delete",onClick:t=>{t.stopPropagation(),this.handleDeletePreset(e.id)},size:"sm"})))))),r("div",{class:"filter-builder-dialog-footer"},r("bh-button",{hierarchy:"secondary",label:this.filterLabels.cancel,onClick:()=>{this.showPresetLoadDialog=!1},size:"sm"})))):null}renderFilterTags(){if(!this.internalExpression)return null;const e=this.getFilterableColumns(),t=v(this.internalExpression,e);return t?r("div",{class:"filter-builder-tags"},t.parts.map(((e,t)=>r("bh-tag",{dismissible:!1,key:t,label:e.text,size:"sm",variant:"text-only"})))):null}render(){if(!this.visible)return null;const e=q(this.internalExpression);return r(s,null,r("div",{"aria-label":this.filterLabels.filterBuilder,class:"filter-builder",onKeyDown:this.handleKeyDown,part:"filter-builder",role:"dialog"},r("div",{class:"filter-builder-header",part:"filter-builder-header"},r("div",{class:"filter-builder-title"},r("span",{class:"material-symbols-outlined"},"filter_list"),r("h2",null,this.filterLabels.filterBuilder),e>0&&r("bh-badge",{size:"sm",variant:"blue"},e)),r("div",{class:"filter-builder-header-actions"},this.enablePresets&&r("div",{class:"filter-builder-preset-actions"},r("bh-button",{disabled:!this.internalExpression,hierarchy:"tertiary",icon:"leading",iconName:"save",label:this.filterLabels.save,onClick:()=>{this.showPresetSaveDialog=!0},size:"sm"}),r("bh-button",{disabled:0===this.presets.length,hierarchy:"tertiary",icon:"leading",iconName:"folder_open",label:this.filterLabels.load,onClick:()=>{this.showPresetLoadDialog=!0},size:"sm"})),r("bh-button-icon",{ariaLabel:this.filterLabels.closeFilterBuilder,hierarchy:"tertiary",iconName:"close",onClick:this.handleCancel,size:"sm"}))),this.renderFilterTags(),r("div",{class:"filter-builder-body",part:"filter-builder-body"},this.internalExpression?this.renderExpression(this.internalExpression):this.renderEmptyState(),this.internalExpression&&l(this.internalExpression)&&r("div",{class:"filter-builder-root-actions"},r("bh-button",{hierarchy:"tertiary",icon:"leading",iconName:"add",label:this.filterLabels.addCondition,onClick:()=>this.addCondition(),size:"sm"}),this.canAddNestedGroup()&&r("bh-button",{hierarchy:"tertiary",icon:"leading",iconName:"folder_open",label:this.filterLabels.addGroup,onClick:()=>this.addGroup(),size:"sm"}))),r("div",{class:"filter-builder-footer",part:"filter-builder-footer"},r("bh-button",{disabled:!this.internalExpression,hierarchy:"tertiary",label:this.filterLabels.clearAll,onClick:this.handleClear,size:"sm"}),r("div",{class:"filter-builder-footer-actions"},r("bh-button",{hierarchy:"secondary",label:this.filterLabels.cancel,onClick:this.handleCancel,size:"sm"}),r("bh-button",{hierarchy:"primary",label:this.filterLabels.applyFilter,onClick:this.handleApply,size:"sm"}))),this.renderPresetSaveDialog(),this.renderPresetLoadDialog()))}static get watchers(){return{filterExpression:[{handleFilterExpressionChange:0}]}}};export{k as bh_data_grid_filter_builder}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as r,H as t}from"./p-CTHvNfIu.js";import{c as a}from"./p-CMKOFHIa.js";import{m as l,M as e}from"./p-CSH9RXgl.js";import{r as s}from"./p-Xi3uD33F.js";const i=class{constructor(r){o(this,r)}logger=a("bh-chart-tooltip");static MAX_POSITION=1e4;visible=!1;x=0;y=0;get safeX(){return"number"==typeof this.x&&Number.isFinite(this.x)?this.x<0?(this.logger.warn("Negative x position clamped to 0",{x:this.x}),0):this.x>i.MAX_POSITION?(this.logger.warn("X position exceeds maximum, clamping",{x:this.x,max:i.MAX_POSITION}),i.MAX_POSITION):this.x:(this.logger.warn("Invalid x position, using 0",{x:this.x}),0)}get safeY(){return"number"==typeof this.y&&Number.isFinite(this.y)?this.y<0?(this.logger.warn("Negative y position clamped to 0",{y:this.y}),0):this.y>i.MAX_POSITION?(this.logger.warn("Y position exceeds maximum, clamping",{y:this.y,max:i.MAX_POSITION}),i.MAX_POSITION):this.y:(this.logger.warn("Invalid y position, using 0",{y:this.y}),0)}header="";items=[];total="";showTotal=!1;storybookMode=!1;componentDidCatch(o){this.logger.error("Component error caught",o instanceof Error?o:new Error(String(o))),l.increment(e.COMPONENT_ERROR,{component:"bh-chart-tooltip",error_type:o instanceof Error?o.name:"unknown"}),s("bh-chart-tooltip",o)}render(){return r(t,{key:"d5f7fac4d429e88941da67424275d484d2cfedcd"},r("div",{key:"399c090f95c8ddd3f6b2680ea506df920b056fa9","aria-hidden":this.visible?void 0:"true",class:{"chart-tooltip":!0,visible:this.visible,"storybook-mode":this.storybookMode},part:"tooltip",style:{left:`${this.safeX}px`,top:`${this.safeY}px`}},r("div",{key:"8b32cb27fbfc42bf5cc42e12e06c491c29b7f582",class:"tooltip-content",part:"content"},this.header&&r("div",{key:"f4430f54448aa62dd8575e005de4d094a216d034",class:"tooltip-header"},this.header),r("div",{key:"fae580500c4ccde9bead1673cf862bb0e67a6377",class:"tooltip-items"},this.items.map(((o,t)=>r("div",{class:"tooltip-item",key:t},o.color&&r("span",{class:"tooltip-dot",style:{backgroundColor:o.color}}),o.label&&r("span",{class:"tooltip-label"},o.label,":"),r("span",{class:"tooltip-value"},o.value))))),this.showTotal&&this.total&&r("div",{key:"1164b336605e46a6f25eb4c61e74f2c9dd73d357",class:"tooltip-total"},r("span",{key:"13c20395c26f67346253f4b6b3cb228a1aeb6cf9",class:"total-label"},"Total:"),r("span",{key:"503f2e1e85589eb62003c5313621cd48199f8f5d",class:"total-value"},this.total)))))}};i.style=' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { *, *::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-chart-tooltip-bg: var(--color-bg-primary); --bh-chart-tooltip-color: var(--color-text-primary); --bh-chart-tooltip-border-color: var(--color-border-secondary); --bh-chart-tooltip-margin-top: var(--spacing-sm); --bh-chart-tooltip-padding: var(--spacing-sm) var(--spacing-md); --bh-chart-tooltip-border-radius: var(--radius-md); --bh-chart-tooltip-font-family: var(--font-inter); --bh-chart-tooltip-font-size: var(--text-xs-size); --bh-chart-tooltip-line-height: var(--line-height-normal); --bh-chart-tooltip-separator-color: var(--color-border-secondary); --bh-chart-tooltip-gap: var(--spacing-xs); --bh-chart-tooltip-item-gap: var(--spacing-sm); --bh-chart-tooltip-dot-size: var(--spacing-sm); --bh-chart-tooltip-label-color: var(--color-text-secondary); --bh-chart-tooltip-value-color: var(--color-text-primary); --bh-chart-tooltip-font-weight-medium: var(--weight-medium); --bh-chart-tooltip-font-weight-semibold: var(--weight-semibold); --bh-chart-tooltip-total-padding-top: var(--spacing-xs); --bh-chart-tooltip-storybook-offset: -10px; } } @layer bh-base { .chart-tooltip { position: fixed; z-index: var(--bh-z-index-tooltip); pointer-events: none; opacity: 0; transition: opacity var(--animation-duration-fast) ease; transform: translate(-50%, -100%); margin-top: var(--bh-chart-tooltip-margin-top); width: max-content; min-width: 120px; max-width: 240px; } .tooltip-content { background: var(--bh-chart-tooltip-bg); color: var(--bh-chart-tooltip-color); padding: var(--bh-chart-tooltip-padding); border-radius: var(--bh-chart-tooltip-border-radius); font-family: var(--bh-chart-tooltip-font-family); font-size: var(--bh-chart-tooltip-font-size); line-height: var(--bh-chart-tooltip-line-height); box-shadow: var(--shadow-chart-tooltip); border: 1px solid var(--border-contrast-light); } .tooltip-header { font-weight: var(--bh-chart-tooltip-font-weight-semibold); margin-bottom: var(--bh-chart-tooltip-gap); padding-bottom: var(--bh-chart-tooltip-gap); border-bottom: 1px solid var(--bh-chart-tooltip-separator-color); } .tooltip-items { display: flex; flex-direction: column; gap: var(--bh-chart-tooltip-gap); } .tooltip-item { display: flex; align-items: center; gap: var(--bh-chart-tooltip-item-gap); white-space: nowrap; } .tooltip-dot { width: var(--bh-chart-tooltip-dot-size); height: var(--bh-chart-tooltip-dot-size); border-radius: 50%; flex-shrink: 0; } .tooltip-label { color: var(--bh-chart-tooltip-label-color); font-weight: var(--weight-regular); flex-shrink: 0; } .tooltip-value { color: var(--bh-chart-tooltip-value-color); font-weight: var(--bh-chart-tooltip-font-weight-medium); } .tooltip-total { margin-top: var(--bh-chart-tooltip-gap); padding-top: var(--bh-chart-tooltip-total-padding-top); border-top: 1px solid var(--bh-chart-tooltip-separator-color); display: flex; justify-content: space-between; gap: var(--spacing-md); } .total-label { color: var(--bh-chart-tooltip-label-color); font-weight: var(--bh-chart-tooltip-font-weight-medium); } .total-value { color: var(--bh-chart-tooltip-value-color); font-weight: var(--bh-chart-tooltip-font-weight-semibold); } } @layer bh-variants { .chart-tooltip.storybook-mode { position: absolute; transform: translate(-50%, -100%); margin-top: var(--bh-chart-tooltip-storybook-offset); } } @layer bh-states { .chart-tooltip.visible { opacity: 1; } }';export{i as bh_chart_tooltip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as e,a as o,h as a,H as s}from"./p-CTHvNfIu.js";import{T as t,s as i}from"./p-_HEoiOQg.js";import{c as l}from"./p-CMKOFHIa.js";import{c as n,a as c}from"./p-CS8F5LFw.js";import{c as h}from"./p-YdVz1TeW.js";import{m as d,M as p}from"./p-CSH9RXgl.js";import{r as b}from"./p-Xi3uD33F.js";import{P as g}from"./p-Sdr_qqWO.js";import{B as u,r as m}from"./p-BNVOtH-1.js";import{t as x}from"./p-Bf0qW3wI.js";import{A as v}from"./p-BoVgy_Ao.js";const f=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],k=class{constructor(o){r(this,o),this.bhChange=e(this,"bhChange"),this.bhFocus=e(this,"bhFocus"),this.bhBlur=e(this,"bhBlur"),this.bhOpen=e(this,"bhOpen"),this.bhClose=e(this,"bhClose")}logger=l("bh-date-range-picker");destroy$=n();stateManager;closeTimerId=null;variant="input";minYear=1998;maxYear=2060;disabled=!1;disabledDates=[];startLabel="Start Date";endLabel="End Date";startPlaceholder="Choose start date";endPlaceholder="Choose end date";inputWidth="200px";showLabel=!0;showFooter=!0;showOtherMonthDays=!1;value;isMenuClosing=!1;get el(){return o(this)}isMenuOpen=!1;menuContainerEl;menuAnchor=new t;tempSelection=null;bhChange;bhFocus;bhBlur;bhOpen;bhClose;focusState=h();i18nUnsubscribe;focusVersion=0;_i18nVersion=0;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),d.increment(p.COMPONENT_ERROR,{component:"bh-date-range-picker",error_type:r instanceof Error?r.name:"unknown"}),b("bh-date-range-picker",r)}handleValueChange(r){this.stateManager&&this.stateManager.setValue(r??null)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.stateManager=new g({onOpen:()=>{this.isMenuOpen=!0,this.tempSelection=this.stateManager.committedValue,this.bhOpen.emit()},onClose:()=>{this.isMenuOpen=!1,this.tempSelection=null,this.bhClose.emit()},onApply:r=>{this.bhChange.emit(r)}}),this.value&&this.stateManager.setValue(this.value),this.i18nUnsubscribe=u.onLocaleChange((()=>{this._i18nVersion++}))}formatDate(r){return r?`${f[r.month]} ${r.day}, ${r.year}`:""}getButtonLabel(){const r=this.stateManager?.committedValue;if(!r||!r.startDate)return"Select date range";const e=this.formatDate(r.startDate),o=r.endDate?this.formatDate(r.endDate):"";return o?`${e} - ${o}`:e}handleTriggerClick=()=>{this.disabled||(this.stateManager.isOpen?this.closeMenu():this.stateManager.open())};handleFocus=r=>{this.focusState.handleFocus(r,(r=>this.bhFocus.emit(r)))};handleBlur=r=>{this.focusState.handleBlur(r,(r=>this.bhBlur.emit(r)))};handleContentDateRangeSelect=r=>{r.stopPropagation();const e=r.detail;this.showFooter&&e?(this.stateManager.setTempValue(e),this.tempSelection=e):e&&(this.stateManager.setValue(e),this.tempSelection=e,e.startDate&&e.endDate&&(this.bhChange.emit(e),this.closeMenu()))};handleMenuAction=r=>{"apply"===r.detail.action?this.handleMenuApply():this.handleMenuCancel()};handleMenuCancel=()=>{this.stateManager.cancel(),this.closeMenu()};handleMenuApply=()=>{this.stateManager.apply(),this.closeMenu()};closeMenu(){this.isMenuClosing=!0,null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null);const r=this.destroy$?x(v.MENU_CLOSE,this.destroy$):null;r?r.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)}disconnectedCallback(){this.menuAnchor.destroy(),null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null),c(this.destroy$),this.i18nUnsubscribe?.()}handleBackdropClick=()=>{this.handleMenuCancel()};render(){return a(s,{key:"300df3192b097c2d311a86e9254457c5147ab6b2"},a("div",{key:"065b138629ea9974dee471bcda5828c6a9a4a4bb","aria-disabled":this.disabled?"true":void 0,"aria-expanded":String(this.isMenuOpen),"aria-haspopup":"dialog","aria-label":this.getButtonLabel(),class:"date-range-picker-container","data-focused":String(this.focusState.isFocused),onFocusin:this.handleFocus,onFocusout:this.handleBlur,part:"container"},"dropdown-outlined"===this.variant&&a("div",{key:"54370cecc8cf2769781605d7665b924c75b879ce",class:"date-range-picker-trigger",onClick:this.handleTriggerClick},a("bh-button",{key:"2a0ffdb12e550b49eb3ba4471adcdd139c382c2e",disabled:this.disabled,hierarchy:"secondary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"dropdown-ghost"===this.variant&&a("div",{key:"13a8900ad6e73d68e7692288c3bdf20b213f852b",class:"date-range-picker-trigger",onClick:this.handleTriggerClick},a("bh-button",{key:"e162cb491095f50e29e39d245626cf1fc9ea7605",disabled:this.disabled,hierarchy:"tertiary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"input"===this.variant&&a("div",{key:"e190b754ee9166b7ec4a265c13d44226fb9afd2d",class:"date-range-picker-trigger"},a("div",{key:"8ad7b6c63d94f40cbc91215dbc22d93832950f61",class:"date-range-inputs",onClick:this.handleTriggerClick},a("bh-input-text",{key:"e32c3b25d5b50a6d5c718c9991786f604f751471",disabled:this.disabled,label:m("bh-date-range-picker","startLabel",this.startLabel,"Start Date"),placeholder:m("bh-date-range-picker","startPlaceholder",this.startPlaceholder,"Choose start date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:this.showLabel,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatDate(this.stateManager?.committedValue?.startDate||null),width:this.inputWidth}),a("bh-input-text",{key:"46dc8de41db3c4bf83b1a75ec8c7bef73d76b4e2",disabled:this.disabled,label:m("bh-date-range-picker","endLabel",this.endLabel,"End Date"),placeholder:m("bh-date-range-picker","endPlaceholder",this.endPlaceholder,"Choose end date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:this.showLabel,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatDate(this.stateManager?.committedValue?.endDate||null),width:this.inputWidth}))),a("div",{key:"2e8cc3c220928a396034fd65d6d178d524691ad1",class:{"date-range-picker-menu-container":!0,"is-open":this.isMenuOpen&&!i},part:"menu",popover:i?"manual":void 0,ref:r=>this.menuContainerEl=r},a("bh-picker-menu",{key:"bad9a6ccd2d992d55aaf840f6577059a31bdc6c4",disableApply:this.showFooter&&!(this.tempSelection?.startDate&&this.tempSelection?.endDate),onBhAction:this.handleMenuAction,showFooter:this.showFooter,visible:this.isMenuOpen},a("bh-date-range-picker-content",{key:"b3d032daf9f96aac4bbc5b8fe1e2db1b0471c243",disabled:this.disabled,disabledDates:this.disabledDates,maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleContentDateRangeSelect,showOtherMonthDays:this.showOtherMonthDays,value:this.tempSelection??this.stateManager?.committedValue??void 0})))),(this.isMenuOpen||this.isMenuClosing)&&a("div",{key:"64e045d33992875e0cab607c3cab50da6e43856f",class:"date-range-picker-backdrop",onClick:this.handleBackdropClick}))}static get watchers(){return{value:[{handleValueChange:0}]}}};k.style=' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { *, *::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: inline-block; position: relative; --bh-date-range-picker-input-gap: var(--spacing-md); --bh-date-range-picker-dropdown-z-index: var(--bh-z-index-dropdown); --bh-date-range-picker-dropdown-offset: var(--spacing-md); --bh-date-range-picker-backdrop-z-index: var(--bh-z-index-raised); } } @layer bh-base { .date-range-picker-container { position: relative; display: inline-block; } .date-range-picker-trigger { cursor: pointer; } .date-range-inputs { display: flex; gap: var(--bh-date-range-picker-input-gap); } .date-range-picker-menu-container { } .date-range-picker-menu-container:popover-open { display: block; inset: auto; margin: 0; border: none; padding: 0; background: transparent; overflow: visible; } .date-range-picker-menu-container { position: absolute; top: 100%; left: 0; z-index: var(--bh-date-range-picker-dropdown-z-index); margin-top: var(--bh-date-range-picker-dropdown-offset); display: none; } .date-range-picker-menu-container bh-picker-menu::part(menu) { width: auto; } .date-range-picker-menu-container.is-open { display: block; } .date-range-picker-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: var(--bh-date-range-picker-backdrop-z-index); background: transparent; } }';export{k as bh_date_range_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as e,H as s}from"./p-CTHvNfIu.js";const t=class{constructor(e){r(this,e)}value=0;size=50;static MIN_SIZE=48;get effectiveSize(){return Math.max(this.size,t.MIN_SIZE)}strokeWidth=3;get clampedValue(){return Math.min(100,Math.max(0,this.value))}render(){const r=this.clampedValue,t=this.effectiveSize/2,o=Math.max(0,t-this.strokeWidth-1),a=2*Math.PI*o,i=a*(1-r/100);return e(s,{key:"
|
|
1
|
+
import{r,h as e,H as s}from"./p-CTHvNfIu.js";const t=class{constructor(e){r(this,e)}value=0;size=50;static MIN_SIZE=48;get effectiveSize(){return Math.max(this.size,t.MIN_SIZE)}strokeWidth=3;get clampedValue(){return Math.min(100,Math.max(0,this.value))}render(){const r=this.clampedValue,t=this.effectiveSize/2,o=Math.max(0,t-this.strokeWidth-1),a=2*Math.PI*o,i=a*(1-r/100);return e(s,{key:"ba84b91c7271b2bd8dac8754bb1b5cd0a7516deb",class:{"progress-ring-complete":r>=100}},e("svg",{key:"0dbc1d81c4c0021999003eb181901e22b1b3df35","aria-label":`Progress: ${r}%`,"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":`${r}`,height:`${this.effectiveSize}`,role:"progressbar",viewBox:`0 0 ${this.effectiveSize} ${this.effectiveSize}`,width:`${this.effectiveSize}`},e("circle",{key:"b3f0cbd98a0afa880aedd279bb9a66ba8b419d51",class:"progress-ring-bg",cx:`${t}`,cy:`${t}`,fill:"none",r:`${o}`,"stroke-width":`${this.strokeWidth}`}),e("circle",{key:"bec1347c035e0ebdc6a3e37b30149009604232e6",class:"progress-ring-fg",cx:`${t}`,cy:`${t}`,fill:"none",r:`${o}`,"stroke-dasharray":`${a}`,"stroke-dashoffset":`${i}`,"stroke-linecap":"round","stroke-width":`${this.strokeWidth}`,transform:`rotate(-90 ${t} ${t})`}),e("text",{key:"a3fbed3bb2dcaa09fcca00ae06e588d74071ce7c",class:"progress-ring-text","dominant-baseline":"central","text-anchor":"middle",x:"50%",y:"50%"},r,"%")))}};t.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; @layer bh-tokens{:host{display:inline-flex;font-family:var(--font-inter);--bh-progress-ring-bg-stroke:var(--color-bg-tertiary);--bh-progress-ring-fg-stroke:var(--color-border-interactive);--bh-progress-ring-complete-stroke:var(--color-text-success);--bh-progress-ring-text-color:var(--color-text-primary);--bh-progress-ring-text-size:10px}}@layer bh-base{.progress-ring-bg{stroke:var(--bh-progress-ring-bg-stroke)}.progress-ring-fg{stroke:var(--bh-progress-ring-fg-stroke);transition:stroke-dashoffset 0.3s ease}:host(.progress-ring-complete) .progress-ring-fg{stroke:var(--bh-progress-ring-complete-stroke)}.progress-ring-text{font-size:var(--bh-progress-ring-text-size);font-weight:var(--weight-semibold);fill:var(--bh-progress-ring-text-color);letter-spacing:-0.5px;font-feature-settings:"lnum" 1, "tnum" 1}}';export{t as bh_progress_ring}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as r,h as o}from"./p-CTHvNfIu.js";import{c as e}from"./p-CMKOFHIa.js";import{c as n,a}from"./p-CS8F5LFw.js";import{c as b,g as s}from"./p-YdVz1TeW.js";import{c as i}from"./p-CKTtXT2O.js";import{m as c,M as d}from"./p-CSH9RXgl.js";import{t as l}from"./p-Bf0qW3wI.js";import{b as u,m as h}from"./p-Bam7V_bL.js";import{A as v}from"./p-BoVgy_Ao.js";import"./p-Xi3uD33F.js";function g(t){return t?-1:0}const y=class{constructor(o){t(this,o),this.bhLongPress=r(this,"bhLongPress")}logger=e("bh-button");destroy$=n();focusState=b();_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=i({componentName:"bh-button",logger:this.logger})),this._errorHandler}hierarchy="primary";variant="default";icon="none";size="sm";label;iconName;disabled=!1;loading=!1;ariaLabel=null;type="button";toggle=!1;pressed=!1;hasPopup=!1;popupType=null;expanded=!1;describedBy;buttonRole;roleDescription;bhLongPress;focusVersion=0;longPressStartTime;longPressSubscription;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(t){this.handleComponentError(t)}disconnectedCallback(){this.longPressSubscription&&(this.longPressSubscription.unsubscribe(),this.longPressSubscription=void 0),a(this.destroy$)}get isInteractive(){return!(this.disabled||this.loading)}handleClick=t=>{if(this.loading)return t.preventDefault(),void t.stopPropagation();this.isInteractive&&c.increment(d.EVENT_EMIT,{component:"bh-button",event:"click",hierarchy:this.hierarchy,kind:this.variant})};handleKeyDown=()=>{};handleKeyUp=()=>{};handleKeyPress=()=>{};handleTouchStart=()=>{this.isInteractive&&(this.longPressStartTime=Date.now(),this.longPressSubscription&&(this.longPressSubscription.unsubscribe(),this.longPressSubscription=void 0),this.destroy$&&(this.longPressSubscription=l(v.LONG_PRESS,this.destroy$)?.subscribe((()=>{const t=Date.now()-(this.longPressStartTime||0);this.bhLongPress.emit({duration:t}),this.longPressSubscription=void 0}))))};handleTouchEnd=()=>{this.longPressSubscription&&(this.longPressSubscription.unsubscribe(),this.longPressSubscription=void 0)};handleTouchMove=()=>{this.longPressSubscription&&(this.longPressSubscription.unsubscribe(),this.longPressSubscription=void 0)};handleDoubleClick=()=>{};handleContextMenu=()=>{};handleFocus=t=>{this.focusState.handleFocus(t)};handleBlurEvent=t=>{this.focusState.handleBlur(t)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};getIconSizeClass(){switch(this.size){case"sm":case"md":default:return"icon-md";case"lg":return"icon-lg"}}getTextSizeClass(){switch(this.size){case"sm":case"md":default:return"text-sm";case"lg":return"text-md"}}getLoaderSize(){return"sm"}getLoaderVariant(){return"primary"===this.hierarchy?"white":"default"}render(){const t="leading"===this.icon&&(this.iconName||this.loading),r="trailing"===this.icon&&this.iconName&&!this.loading,e=u({base:"btn",size:this.size,variant:this.hierarchy,kind:this.variant,modifiers:{disabled:this.disabled,loading:this.loading}}),n=s(this.focusState,"btn"),a=h(e,n,{[`btn-icon-${this.icon}`]:!0});return o("button",{key:"4d51d6fa002703616c1772bc94821f050942227a","aria-atomic":"true","aria-busy":(l=this.loading,l?"true":void 0),"aria-describedby":this.describedBy,"aria-disabled":(d=this.disabled,d?"true":void 0),"aria-expanded":this.hasPopup?(c=this.expanded,c?"true":"false"):void 0,"aria-haspopup":this.hasPopup&&this.popupType?this.popupType:void 0,"aria-label":this.ariaLabel||void 0,"aria-live":"off","aria-pressed":(b=this.toggle,i=this.pressed,b?i?"true":"false":void 0),"aria-roledescription":this.roleDescription,class:a,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,disabled:this.disabled,onBlur:this.handleBlurEvent,onClick:this.handleClick,onContextMenu:this.handleContextMenu,onDblClick:this.handleDoubleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onKeyPress:this.handleKeyPress,onKeyUp:this.handleKeyUp,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onTouchEnd:this.handleTouchEnd,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,part:"button",role:this.buttonRole||(this.toggle?"button":void 0),tabindex:g(this.disabled),type:this.type},t&&o("span",{key:"a590f7ccd123ef9f1fdb1e603359e9daecc8980d",class:`btn-icon ${this.getIconSizeClass()}`,part:"icon"},this.loading?o("bh-loader-spinner",{size:this.getLoaderSize(),variant:this.getLoaderVariant()}):o("span",{class:"btn-icon-material material-symbols-outlined"},this.iconName)),o("span",{key:"76a35460fca9bbe0b5718cddfa181bf918b91500",class:`btn-label ${this.getTextSizeClass()}`,part:"label"},o("slot",{key:"8a55cf75feb637e230020d2abaa1b75672302100"},this.label)),r&&o("span",{key:"87246a5b2fb7e7338a01251e4564c98af0208af9",class:`btn-icon ${this.getIconSizeClass()}`,part:"icon"},o("span",{key:"aac0889ad057a049eba0aa72ad35cf373e2c0048",class:"btn-icon-material material-symbols-outlined"},this.iconName)));var b,i,c,d,l}};y.style="@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-button-primary-bg:var(--color-bg-interactive);--bh-button-primary-bg-hover:var(--color-bg-interactive-hover);--bh-button-primary-bg-active:var(--color-bg-interactive-active);--bh-button-primary-color:var(--color-text-inverse);--bh-button-primary-border-color:transparent;--bh-button-secondary-bg:var(--color-bg-primary);--bh-button-secondary-bg-hover:var(--color-bg-secondary);--bh-button-secondary-bg-active:var(--color-bg-tertiary);--bh-button-secondary-color:var(--color-text-secondary);--bh-button-secondary-color-hover:var(--color-text-primary);--bh-button-secondary-border-color:var(--color-border-primary);--bh-button-tertiary-bg:transparent;--bh-button-tertiary-bg-hover:var(--color-bg-tertiary);--bh-button-tertiary-bg-active:var(--color-bg-tertiary);--bh-button-tertiary-color:var(--color-text-secondary);--bh-button-tertiary-color-hover:var(--color-text-primary);--bh-button-quaternary-bg:transparent;--bh-button-quaternary-color:var(--color-text-interactive);--bh-button-quaternary-color-hover:var(--color-text-interactive-hover);--bh-button-destructive-bg:var(--color-bg-destructive);--bh-button-destructive-bg-hover:var(--color-bg-destructive-hover);--bh-button-destructive-bg-active:var(--color-bg-destructive-active);--bh-button-destructive-color:var(--color-text-inverse);--bh-button-destructive-text-color:var(--color-text-error);--bh-button-success-bg:var(--color-bg-success);--bh-button-success-bg-hover:var(--color-bg-success-hover);--bh-button-success-color:var(--color-text-inverse);--bh-button-success-text-color:var(--color-text-success);--bh-button-border-radius:var(--radius-md);--bh-button-font-family:var(--font-inter);--bh-button-font-weight:var(--weight-medium);--bh-button-focus-ring-color:var(--color-border-interactive);--bh-button-focus-ring-color-destructive:var(--color-border-error);--bh-button-focus-ring-color-success:var(--color-border-success);--bh-button-disabled-bg:var(--color-bg-disabled);--bh-button-disabled-color:var(--color-text-disabled);--bh-button-disabled-border-color:var(--color-border-disabled);--bh-button-neutral-400:var(--color-border-primary);--bh-button-neutral-500:var(--color-border-interactive);--bh-button-brand-800:var(--color-text-interactive);--bh-button-error-50:var(--color-error-100);--bh-button-error-100:var(--color-bg-tertiary);--bh-button-error-300:var(--color-border-error);--bh-button-error-400:var(--color-text-error);--bh-button-error-700:var(--color-error-700);--bh-button-error-800:var(--color-text-error);--bh-button-success-50:var(--color-success-100);--bh-button-success-100:var(--color-bg-tertiary);--bh-button-success-300:var(--color-border-success);--bh-button-success-400:var(--color-text-success);--bh-button-success-700:var(--color-success-700);--bh-button-success-800:var(--color-text-success);--bh-button-gap-xs:var(--spacing-xs);--bh-button-gap-sm:var(--spacing-sm);--bh-button-padding-lg:var(--spacing-lg);--bh-button-padding-xl:var(--spacing-xl);--bh-button-text-sm:var(--text-sm-size);--bh-button-text-md:var(--text-md-size)}}@layer bh-base{.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none;transition:all 0.2s ease-in-out;border:1px solid transparent;cursor:pointer;white-space:nowrap;outline:none;gap:var(--bh-button-gap-xs);font-family:var(--bh-button-font-family);font-weight:var(--bh-button-font-weight)}.btn-label{display:inline-block;line-height:inherit}.btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon-material{line-height:1;vertical-align:middle;color:inherit !important}.btn-loading-icon{line-height:1;vertical-align:middle;color:inherit}}@layer bh-variants{.btn-xs{padding:0 var(--bh-button-padding-lg);height:var(--bh-button-height-xs);border-radius:var(--bh-button-border-radius);font-size:var(--bh-button-text-sm)}.btn-xs .btn-icon-material{font-size:var(--bh-button-text-sm)}.btn-sm{padding:0 var(--bh-button-padding-lg);height:var(--bh-button-height-sm);border-radius:var(--bh-button-border-radius);font-size:var(--bh-button-text-sm)}.btn-sm .btn-icon-material{font-size:var(--bh-button-text-md)}.btn-md{padding:0 var(--bh-button-padding-lg);height:var(--bh-button-height-md);border-radius:var(--bh-button-border-radius);font-size:var(--bh-button-text-sm)}.btn-md .btn-icon-material{font-size:var(--icon-size-md)}.btn-lg{padding:0 var(--bh-button-padding-xl);height:var(--bh-button-height-lg);border-radius:var(--bh-button-border-radius);gap:var(--bh-button-gap-sm);font-size:var(--bh-button-text-md)}.btn-lg .btn-icon-material{font-size:var(--icon-size-md)}.btn-primary.btn-default{background-color:var(--bh-button-primary-bg);color:var(--bh-button-primary-color);border-color:var(--bh-button-primary-border-color)}.btn-secondary.btn-default{background-color:var(--bh-button-secondary-bg);color:var(--bh-button-secondary-color);border-color:var(--bh-button-secondary-border-color)}.btn-tertiary.btn-default{background-color:var(--bh-button-tertiary-bg);color:var(--bh-button-tertiary-color);border-color:transparent}.btn-quaternary.btn-default{background-color:var(--bh-button-quaternary-bg);color:var(--bh-button-quaternary-color);border-color:transparent}.btn-primary.btn-destructive{background-color:var(--bh-button-destructive-bg);color:var(--bh-button-destructive-color);border-color:var(--bh-button-destructive-bg)}.btn-secondary.btn-destructive{background-color:var(--bh-button-secondary-bg);color:var(--bh-button-destructive-text-color);border-color:var(--bh-button-error-300)}.btn-tertiary.btn-destructive{background-color:transparent;color:var(--bh-button-destructive-text-color);border-color:transparent}.btn-quaternary.btn-destructive{background-color:transparent;color:var(--bh-button-destructive-text-color);border-color:transparent}.btn-primary.btn-success{background-color:var(--bh-button-success-bg);color:var(--bh-button-success-color);border-color:var(--bh-button-success-bg)}.btn-secondary.btn-success{background-color:var(--bh-button-secondary-bg);color:var(--bh-button-success-text-color);border-color:var(--bh-button-success-300)}.btn-tertiary.btn-success{background-color:transparent;color:var(--bh-button-success-text-color);border-color:transparent}.btn-quaternary.btn-success{background-color:transparent;color:var(--bh-button-success-text-color);border-color:transparent}.btn-quaternary{height:auto;padding:0;border-radius:0}.btn-quaternary .btn-label{text-decoration:underline}}@layer bh-states{.btn-primary.btn-default:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-primary-bg-hover);border-color:var(--bh-button-primary-bg-hover)}.btn-secondary.btn-default:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-secondary-bg-hover);color:var(--bh-button-secondary-color-hover);border-color:var(--bh-button-neutral-400)}.btn-tertiary.btn-default:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-tertiary-bg-hover);color:var(--bh-button-tertiary-color-hover)}.btn-quaternary.btn-default:hover:not(:disabled):not(.btn-disabled){color:var(--bh-button-quaternary-color-hover)}.btn-primary.btn-default:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-primary-bg-active);border-color:var(--bh-button-primary-bg-active)}.btn-secondary.btn-default:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-secondary-bg-active);border-color:var(--bh-button-neutral-500)}.btn-tertiary.btn-default:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-tertiary-bg-active)}.btn-quaternary.btn-default:active:not(:disabled):not(.btn-disabled){color:var(--bh-button-brand-800)}.btn-primary.btn-destructive:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-destructive-bg-hover);border-color:var(--bh-button-destructive-bg-hover)}.btn-secondary.btn-destructive:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-error-50);color:var(--bh-button-error-700);border-color:var(--bh-button-error-300)}.btn-tertiary.btn-destructive:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-error-50);color:var(--bh-button-error-700)}.btn-quaternary.btn-destructive:hover:not(:disabled):not(.btn-disabled){color:var(--bh-button-error-700)}.btn-primary.btn-destructive:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-destructive-bg-active);border-color:var(--bh-button-destructive-bg-active)}.btn-secondary.btn-destructive:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-error-100);border-color:var(--bh-button-error-400)}.btn-tertiary.btn-destructive:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-error-100)}.btn-quaternary.btn-destructive:active:not(:disabled):not(.btn-disabled){color:var(--bh-button-error-800)}.btn-primary.btn-success:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-bg-hover);border-color:var(--bh-button-success-bg-hover)}.btn-secondary.btn-success:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-50);color:var(--bh-button-success-700);border-color:var(--bh-button-success-300)}.btn-tertiary.btn-success:hover:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-50);color:var(--bh-button-success-700)}.btn-quaternary.btn-success:hover:not(:disabled):not(.btn-disabled){color:var(--bh-button-success-700)}.btn-primary.btn-success:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-800);border-color:var(--bh-button-success-800)}.btn-secondary.btn-success:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-100);border-color:var(--bh-button-success-400)}.btn-tertiary.btn-success:active:not(:disabled):not(.btn-disabled){background-color:var(--bh-button-success-100)}.btn-quaternary.btn-success:active:not(:disabled):not(.btn-disabled){color:var(--bh-button-success-800)}.btn.btn-default:focus-visible{outline:2px solid var(--bh-button-focus-ring-color);outline-offset:2px}.btn.btn-destructive:focus-visible{outline:2px solid var(--bh-button-focus-ring-color-destructive);outline-offset:2px}.btn.btn-success:focus-visible{outline:2px solid var(--bh-button-focus-ring-color-success);outline-offset:2px}.btn:disabled,.btn-disabled{cursor:not-allowed;pointer-events:none}.btn-primary:disabled,.btn-primary.btn-disabled{cursor:not-allowed;pointer-events:none;background-color:var(--color-bg-disabled);color:var(--color-text-disabled);border-color:var(--color-border-disabled)}.btn-secondary:disabled,.btn-secondary.btn-disabled,.btn-tertiary:disabled,.btn-tertiary.btn-disabled,.btn-quaternary:disabled,.btn-quaternary.btn-disabled{cursor:not-allowed;pointer-events:none;opacity:0.5}.btn-loading{cursor:wait;pointer-events:none}.btn-loading .btn-label{opacity:0.7}}@layer bh-utilities{.text-sm{font-size:var(--bh-button-text-sm);line-height:var(--line-height-normal)}.text-md{font-size:var(--bh-button-text-md);line-height:var(--line-height-normal)}.icon-md{width:var(--icon-size-md);height:var(--icon-size-md)}.icon-lg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.btn-loading-icon{animation:spin 1s linear infinite}}";export{y as bh_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as a,a as o,h as e,H as i}from"./p-CTHvNfIu.js";import{c as r}from"./p-CMKOFHIa.js";import{c as n,g as s}from"./p-YdVz1TeW.js";import{m as b,M as l}from"./p-CSH9RXgl.js";import{r as c}from"./p-Xi3uD33F.js";import{K as d}from"./p-zdFuIabL.js";import{a as h}from"./p-BqJRACkO.js";const u=[d.ARROW_LEFT,d.ARROW_RIGHT,d.ARROW_UP,d.ARROW_DOWN,d.HOME,d.END],v=class{constructor(o){t(this,o),this.bhItemClick=a(this,"bhItemClick")}logger=r("bh-tab-item");focusState=n();get el(){return o(this)}value;label;icon;active=!1;disabled=!1;panelId;setSize;posInSet;focusVersion=0;bhItemClick;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),b.increment(l.COMPONENT_ERROR,{component:"bh-tab-item",error_type:t instanceof Error?t.name:"unknown"}),c("bh-tab-item",t)}handleKeyDown=t=>{u.includes(t.key)&&(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("bhTabKeyNav",{bubbles:!0,composed:!0,detail:{key:t.key,value:this.value}}))),h(t)&&(t.preventDefault(),this.handleClick())};handleClick=()=>{this.disabled||this.bhItemClick.emit({value:this.value})};handleFocus=t=>{this.focusState.handleFocus(t)};handleBlur=t=>{this.focusState.handleBlur(t)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const t=s(this.focusState,"tab-button"),a={"tab-button":!0,"tab-button-active":this.active,"tab-button-disabled":this.disabled,...this.disabled?{}:t};return e(i,{key:"6feaa14297ed9671314fe18241b4d552f75e7055",class:{"tab-item":!0,"tab-item-active":this.active,"tab-item-disabled":this.disabled},onClick:this.handleClick},e("button",{key:"443a865ea0d87717da3587b7050d3cd78d0c9158","aria-controls":this.panelId,"aria-disabled":this.disabled?"true":"false","aria-posinset":this.posInSet,"aria-selected":this.active?"true":"false","aria-setsize":this.setSize,class:a,disabled:this.disabled,id:`tab-${this.value}`,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"button",role:"tab",tabIndex:this.active?0:-1,type:"button"},this.icon&&e("span",{key:"379857e6150ff11dfd831e88d576e46186d58afd","aria-hidden":"true",class:"tab-icon material-symbols-outlined",part:"icon"},this.icon),e("span",{key:"c0e9970e0737baeb714191ce7a06ced589f34c32",class:"tab-label",part:"label"},this.label),e("slot",{key:"2d54a6be0dbb73bcf4df3705172d046be368f873"})))}};v.style='@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:flex;--bh-tab-item-min-height:var(--spacing-4xl);}}@layer bh-base{.tab-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);box-sizing:border-box;min-height:var(--bh-tab-item-min-height);font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--weight-semibold);color:var(--bh-tabs-inactive-color);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--animation-duration-normal) ease-in-out, background-color var(--animation-duration-normal) ease-in-out, border-color var(--animation-duration-normal) ease-in-out;white-space:nowrap;outline:none;width:100%}.tab-label{display:inline-block}.tab-icon{font-size:var(--icon-size-md);width:var(--icon-size-md);height:var(--icon-size-md);flex-shrink:0}}@layer bh-variants{:host-context(.tabs-full-width){flex:1 0 0;min-width:0}:host-context(.tabs-underline) .tab-button{border-radius:0;padding-top:var(--spacing-xs);padding-bottom:var(--spacing-sm);border-bottom:2px solid transparent}:host-context(.tabs-full-width) .tab-button{justify-content:center}:host-context(.tabs-vertical){width:100%}:host-context(.tabs-vertical) .tab-button{justify-content:flex-start;width:100%}:host-context(.tabs-vertical.tabs-underline) .tab-button{border-radius:0;border-bottom:none;border-left:2px solid transparent;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-lg)}}@layer bh-utilities{.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:var(--icon-size-md)}}@layer bh-states{.tab-button:focus-visible{outline:2px solid var(--color-border-interactive);outline-offset:2px}.tab-button-disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}:host-context(.tabs-contained) .tab-button-active{color:var(--bh-tabs-active-color);background-color:var(--color-bg-interactive-light)}:host-context(.tabs-underline) .tab-button-active{color:var(--bh-tabs-active-color);border-bottom-color:var(--bh-tabs-active-border-color)}:host-context(.tabs-contained) .tab-button:hover:not(.tab-button-disabled):not(.tab-button-active){background-color:var(--color-bg-interactive-light);color:var(--bh-tabs-active-color)}:host-context(.tabs-underline) .tab-button:hover:not(.tab-button-disabled):not(.tab-button-active){color:var(--bh-tabs-active-color);border-bottom-color:var(--bh-tabs-active-border-color)}:host-context(.tabs-vertical.tabs-underline) .tab-button:hover:not(.tab-button-disabled):not(.tab-button-active){border-bottom-color:transparent;border-left-color:var(--bh-tabs-active-border-color)}:host-context(.tabs-contained) .tab-button:active:not(.tab-button-disabled){background-color:var(--color-bg-tertiary)}:host-context(.tabs-vertical.tabs-contained) .tab-button-active{color:var(--bh-tabs-active-color);background-color:var(--color-bg-interactive-light)}:host-context(.tabs-vertical.tabs-underline) .tab-button-active{color:var(--bh-tabs-active-color);border-left-color:var(--bh-tabs-active-border-color);border-bottom-color:transparent}}';export{v as bh_tab_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as e,H as r}from"./p-CTHvNfIu.js";import{c as a}from"./p-CMKOFHIa.js";import{c as o}from"./p-YdVz1TeW.js";import{b as n,c as s,M as h}from"./p-R-A72b5e.js";import{r as l}from"./p-Xi3uD33F.js";import{s as c,u as d}from"./p-DWWRC9ht.js";import{B as u,r as p}from"./p-BNVOtH-1.js";import{m as b,M as m}from"./p-CSH9RXgl.js";import{b as f}from"./p-Bam7V_bL.js";const g=class{constructor(e){t(this,e),this.bhInput=i(this,"bhInput"),this.bhChange=i(this,"bhChange"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur"),this.bhHelpClick=i(this,"bhHelpClick"),this.bhValidityChange=i(this,"bhValidityChange"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}internals;logger=a("bh-input-text");focusState=o();inputEl;i18nUnsubscribe;label="";placeholder="";hintText="";showLabel=!0;showHintText=!0;showHelpIcon=!1;showLeadingIcon=!1;showTrailingIcon=!1;error=!1;disabled=!1;required=!1;helpIconTooltip="Help";leadingIcon="mail";trailingIcon="search";value="";name="";defaultValue="";validationMessage="";type="text";width="";readOnly=!1;size="md";state="default";ariaDescribedBy;ariaErrorMessage;ariaDetails;autocomplete="off";autoCorrect="off";autocapitalize="none";multiline=!1;rows=3;ariaRowCount=null;ariaRowIndex=null;ariaAutocomplete="none";ariaActiveDescendant;ariaOwns;focusVersion=0;_i18nVersion=0;isDirty=!1;isTouched=!1;bhInput;bhChange;bhFocus;bhBlur;bhHelpClick;bhValidityChange;get safeWidth(){if(!this.width)return"";const t=n(this.width,50);return t.valid?t.value:(l("bh-input-text",new Error(`Invalid width: ${t.errors.map((t=>t.message)).join(", ")}`)),"")}handleValueChange(t){this.inputEl&&this.inputEl.value!==t&&(this.inputEl.value=t),c(this),d(this.internals,this.inputEl,this.validationMessage)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=u.onLocaleChange((()=>{this._i18nVersion++}))}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),b.increment(m.COMPONENT_ERROR,{component:"bh-input-text",error_type:t instanceof Error?t.name:"unknown"}),l("bh-input-text",t)}handleInput=t=>{const i=s(t.target.value,h);this.value=i.value,i.valid||l("bh-input-text",new Error(i.errors.map((t=>t.message)).join(", "))),this.isDirty||(this.isDirty=!0),this.bhInput.emit(this.value),c(this),d(this.internals,this.inputEl,this.validationMessage)};handleChange=()=>{this.bhChange.emit(this.value)};handleKeyDown=()=>{};handleValidityChange=()=>{this.inputEl&&this.bhValidityChange.emit(this.inputEl.validity)};componentDidLoad(){c(this),d(this.internals,this.inputEl,this.validationMessage),this.inputEl&&this.inputEl.addEventListener("invalid",this.handleValidityChange)}disconnectedCallback(){this.inputEl&&this.inputEl.removeEventListener("invalid",this.handleValidityChange),this.i18nUnsubscribe?.()}formResetCallback(){this.value=this.defaultValue,this.inputEl&&(this.inputEl.value=this.defaultValue),c(this),d(this.internals,this.inputEl)}handleFocus=t=>{this.isTouched=!0,this.focusState.handleFocus(t,(()=>this.bhFocus.emit()))};handleBlur=t=>{this.focusState.handleBlur(t,(()=>this.bhBlur.emit()))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleHelpClick=()=>{this.bhHelpClick.emit()};render(){const t=f({base:"input-container",size:this.size,modifiers:{focused:this.focusState.isFocused,hover:this.focusState.isHovered&&!this.focusState.isFocused,error:this.error,disabled:this.disabled,"with-leading":this.showLeadingIcon}});return e(r,{key:"fd68ed8d9760d81e87cf5c5bb4662d3760152d77"},e("div",{key:"d67659734019a46231e60a4becf34d194ae76e63",class:"input-wrapper",part:"wrapper",style:this.safeWidth?{width:this.safeWidth}:{}},e("bh-label",{key:"97d68713ffe5e9f815091a035aa24085b4175951",disabled:this.disabled,helpIconTooltip:p("bh-input-text","helpIconTooltip",this.helpIconTooltip,"Help"),label:this.showLabel?this.label:"",onBhHelpClick:this.handleHelpClick,required:this.required,showHelpIcon:this.showHelpIcon},e("div",{key:"f4daa8903354b686a6335e40c5f64b75b6f8db24",class:t,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container"},e("div",{key:"c4b05d6f6633441441faa2cd17207649d56d92d2",class:"input-content"},this.showLeadingIcon&&e("span",{key:"e2f29d1ac639640c9cdcf855c85921330c56782f","aria-hidden":"true",class:"material-symbols-outlined leading-icon",part:"prefix"},this.leadingIcon),this.multiline?e("textarea",{"aria-atomic":"true","aria-busy":"false","aria-describedby":[this.showHintText&&this.hintText?"hint-text":"",this.ariaDescribedBy].filter(Boolean).join(" ")||void 0,"aria-details":this.ariaDetails,"aria-errormessage":this.ariaErrorMessage,"aria-invalid":this.error?"true":"false","aria-label":this.label,"aria-live":"polite","aria-multiline":"true","aria-readonly":String(this.readOnly),"aria-required":String(this.required),"aria-rowcount":this.ariaRowCount,"aria-rowindex":this.ariaRowIndex,autocapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autoCorrect,class:"input-element","data-dirty":String(this.isDirty),"data-touched":String(this.isTouched),disabled:this.disabled,name:this.name,onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,part:"input",placeholder:this.placeholder,readOnly:this.readOnly,ref:t=>this.inputEl=t,required:this.required,rows:this.rows,value:this.value}):e("input",{"aria-activedescendant":this.ariaActiveDescendant,"aria-atomic":"true","aria-autocomplete":this.ariaAutocomplete,"aria-busy":"false","aria-describedby":[this.showHintText&&this.hintText?"hint-text":"",this.ariaDescribedBy].filter(Boolean).join(" ")||void 0,"aria-details":this.ariaDetails,"aria-errormessage":this.ariaErrorMessage,"aria-invalid":this.error?"true":"false","aria-label":this.label,"aria-live":"polite","aria-owns":this.ariaOwns,"aria-readonly":String(this.readOnly),"aria-required":String(this.required),autocapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autoCorrect,class:"input-element","data-dirty":String(this.isDirty),"data-touched":String(this.isTouched),disabled:this.disabled,name:this.name,onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,part:"input",placeholder:this.placeholder,readOnly:this.readOnly,ref:t=>this.inputEl=t,required:this.required,type:this.type,value:this.value}),this.showTrailingIcon&&e("span",{key:"e4b637bb7a5183e6573982127bb0e32499be77b5","aria-hidden":"true",class:"material-symbols-outlined trailing-icon",part:"suffix"},this.trailingIcon)))),this.showHintText&&this.hintText&&e("div",{key:"562f6ae808edd4b8c5f00fa3da349025e39ef3ab","aria-live":this.error?"assertive":"polite",class:{"hint-text":!0,"hint-error":this.error},id:"hint-text"},this.hintText)))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}]}}};g.style='@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-input-bg:var(--color-bg-primary);--bh-input-bg-disabled:var(--color-bg-secondary);--bh-input-color:var(--color-text-primary);--bh-input-color-placeholder:var(--color-text-tertiary);--bh-input-border-color:var(--color-border-primary);--bh-input-border-color-hover:var(--color-border-interactive);--bh-input-border-color-focus:var(--color-border-interactive);--bh-input-border-color-error:var(--color-border-error);--bh-input-border-radius:var(--radius-md);--bh-input-icon-color:var(--color-text-tertiary);--bh-input-icon-color-focus:var(--color-text-interactive);--bh-input-hint-color:var(--color-text-secondary);--bh-input-hint-error-color:var(--color-text-error)}}@layer bh-base{.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.input-container{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);height:var(--bh-input-height-md);width:100%;background:var(--bh-input-bg);border:1px solid var(--bh-input-border-color);border-radius:var(--bh-input-border-radius);transition:border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out;cursor:text;box-sizing:border-box}.input-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;height:100%;min-width:0}.input-element{flex:1;height:100%;border:none;outline:none;background:transparent;font-family:inherit;font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--bh-input-color);min-width:60px;padding:0}.leading-icon,.trailing-icon{font-size:var(--text-xl-size);color:var(--bh-input-icon-color);user-select:none;flex-shrink:0;cursor:default;transition:color var(--animation-duration-normal) ease-in-out}.hint-text{font-family:inherit;font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--bh-input-hint-color)}}@layer bh-variants{.input-container.input-container-with-leading{padding:var(--spacing-md) var(--spacing-xl)}.input-container-sm{height:var(--bh-input-height-sm)}.input-container-lg{height:var(--bh-input-height-lg)}}@layer bh-states{.input-container.input-container-hover{border-color:var(--bh-input-border-color-hover)}.input-container.input-container-focused{border-color:var(--bh-input-border-color-focus);box-shadow:0 0 0 1px var(--bh-input-border-color-focus)}.input-container.input-container-focused .leading-icon,.input-container.input-container-focused .trailing-icon{color:var(--bh-input-icon-color-focus)}.input-container.input-container-disabled{opacity:0.5;cursor:not-allowed;background:var(--bh-input-bg-disabled)}.input-container.input-container-error{border-color:var(--bh-input-border-color-error)}.input-container.input-container-error.input-container-hover{border-color:var(--bh-input-border-color-error)}.input-container.input-container-error.input-container-focused{border-color:var(--bh-input-border-color-focus)}.input-element:focus{outline:none;border:none;box-shadow:none}.input-element::placeholder{color:var(--bh-input-color-placeholder)}.input-element:disabled{cursor:not-allowed}.hint-text.hint-error{color:var(--bh-input-hint-error-color)}}@layer bh-utilities{.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:var(--icon-size-md)}}';export{g as bh_input_text}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as e,h as n,H as r}from"./p-CTHvNfIu.js";import{c as i}from"./p-CMKOFHIa.js";import{m as t,M as o}from"./p-CSH9RXgl.js";import{r as s}from"./p-Xi3uD33F.js";import{B as c,r as l}from"./p-BNVOtH-1.js";const b="bh-banner",d=class{constructor(n){a(this,n),this.bhClose=e(this,"bhClose"),this.bhAction=e(this,"bhAction")}logger=i(b);i18nUnsubscribe;_i18nVersion=0;heading="";description="";imageSrc="";imageAlt="";variant="horizontal";showDismiss=!1;dismissAriaLabel="Dismiss banner";bhClose;bhAction;componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),t.increment(o.COMPONENT_ERROR,{component:b,error_type:a instanceof Error?a.name:"unknown"}),s(b,a)}componentWillLoad(){this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleDismiss=()=>{this.bhClose.emit()};handleActionClick=a=>{a.stopPropagation(),this.bhAction.emit({action:"primary"})};renderMedia(){return n("div",{class:"banner-media",part:"media"},this.imageSrc?n("img",{alt:this.imageAlt,class:"banner-image",part:"image",src:this.imageSrc}):n("slot",{name:"media"}))}render(){const a=!!this.imageSrc;return n(r,{key:"f61560c82138e3fccc2a3a9236f5235ecb1847b2"},n("div",{key:"8a8f37d7a59cbdb6e04f7a3d60d53a108ed63a79","aria-label":this.heading||"Banner",class:{banner:!0,[`banner-${this.variant}`]:!0,"banner-with-media":a},part:"container",role:"region"},a&&this.renderMedia(),n("div",{key:"a5378ca0755d8fa23b940a4c8893590b139005db",class:"banner-content",part:"content"},n("div",{key:"943dfa074273d6de8ef68706c1c6305878fac47b",class:"banner-body",part:"body"},n("div",{key:"c40d87d74a11df3b512e37476f968334cf733081",class:"banner-text",part:"text"},this.heading&&n("h3",{key:"f251f4f656b2e75bd8ccfc13f707f73e40c60bd9",class:"banner-heading",part:"heading"},this.heading),this.description&&n("p",{key:"322110ba3ab9c0c02bfbc4fcd4bae618c3cbbecb",class:"banner-description",part:"description"},this.description)),n("slot",{key:"cfd8adc5a3a8f299cb95381910282ae111fcfba9"})),n("div",{key:"e62fd391857817eae156462efd7e07a4883944d6",class:"banner-actions",onClick:this.handleActionClick,part:"actions"},n("slot",{key:"48372d95fc2273890c42e80c9cf16489ca0727ad",name:"actions"}))),this.showDismiss&&n("bh-close-button",{key:"fa47fbe26e433dadc2d1d7523a1667686c93c41c",ariaLabel:l("bh-banner","dismissAriaLabel",this.dismissAriaLabel,"Dismiss banner"),onClick:this.handleDismiss})))}};d.style='@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-banner-bg:var(--color-bg-primary);--bh-banner-border-color:var(--color-border-secondary);--bh-banner-border-radius:var(--radius-xl);--bh-banner-shadow:var(--shadow-xs);--bh-banner-heading-color:var(--color-text-primary);--bh-banner-description-color:var(--color-text-tertiary)}}@layer bh-base{.banner{display:flex;background:var(--bh-banner-bg);border:1px solid var(--bh-banner-border-color);border-radius:var(--bh-banner-border-radius);box-shadow:var(--bh-banner-shadow);overflow:clip;position:relative}.banner-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);flex:1;min-width:0}.banner-body{display:flex;flex-direction:column;gap:var(--spacing-2xl);width:100%}.banner-text{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.banner-heading{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-banner-heading-color);margin:0}.banner-description{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-banner-description-color);margin:0}.banner-actions{display:flex;gap:var(--spacing-lg);align-items:flex-start}.banner-media{flex-shrink:0;overflow:clip}.banner-image{display:block;width:100%;height:100%;object-fit:cover}.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{.banner-horizontal{flex-direction:row;align-items:stretch}.banner-horizontal .banner-media{width:240px;align-self:stretch}.banner-horizontal .banner-content{padding:var(--spacing-3xl)}.banner-horizontal:not(.banner-with-media) .banner-content{padding:var(--spacing-3xl)}.banner-vertical{flex-direction:column}.banner-vertical .banner-media{width:100%;height:200px}.banner-vertical .banner-content{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl)}.banner-vertical .banner-actions{flex-direction:column;width:100%}.banner-vertical .banner-actions ::slotted(*){width:100%}}';export{d as bh_banner}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as a,a as i,h as t,H as r}from"./p-CTHvNfIu.js";import{c as s}from"./p-CMKOFHIa.js";import{c as n,h as o}from"./p-C4V7Y6N_.js";import{m as l,M as d}from"./p-CSH9RXgl.js";import{r as b}from"./p-Xi3uD33F.js";import{B as c,r as h}from"./p-BNVOtH-1.js";import{c as v}from"./p-CFlb5gKI.js";import"./p-zdFuIabL.js";import"./p-BqJRACkO.js";const p=[{id:"1",label:"View profile",icon:"person",shortcut:"⌘P"},{id:"2",label:"Account settings",icon:"settings",shortcut:"⌘,"},{id:"3",label:"Notifications",icon:"notifications",shortcut:"⌘N"},{id:"4",label:"Privacy & Security",icon:"shield",shortcut:"⌘S"},{id:"5",divider:!0},{id:"6",label:"Billing",icon:"credit_card",shortcut:"⌘B"},{id:"7",label:"Team management",icon:"group",shortcut:"⌘T"},{id:"8",label:"Integrations",icon:"extension",shortcut:"⌘I"},{id:"9",divider:!0},{id:"10",label:"Help center",icon:"help",shortcut:"⌘H"},{id:"11",label:"Keyboard shortcuts",icon:"keyboard",shortcut:"?"},{id:"12",divider:!0},{id:"13",label:"Sign out",icon:"logout",shortcut:"⇧⌘Q"}],g=class{constructor(i){e(this,i),this.bhItemClick=a(this,"bhItemClick"),this.bhAction=a(this,"bhAction"),this.bhToggle=a(this,"bhToggle")}get el(){return i(this)}logger=s("bh-sidebar");navState=n();flyoutDismissalManager;subNavRef;syncingOpen=!1;i18nUnsubscribe;_i18nVersion=0;get focusedIndex(){return this.navState.focusedIndex}sidebarStyle="simple";open=!0;collapsed=!1;showToggleHandle=!1;collapseAriaLabel="Collapse sidebar";expandAriaLabel="Expand sidebar";mainNavAriaLabel="Main navigation";logoType="actabl";logoSrc;assetBasePath;products=[];avatarUrl;avatarInitials="";avatarName="";avatarEmail="";menuItems=[{label:"Home",icon:"home",isActive:!0},{label:"Dashboard",icon:"dashboard",isActive:!1},{label:"Projects",icon:"layers",isActive:!1},{label:"Tasks",icon:"check_box",isActive:!1},{label:"Reporting",icon:"pie_chart",isActive:!1}];footerItems=[{label:"Support",icon:"support"},{label:"Settings",icon:"settings"}];avatarMenuItems;avatarAlt="Avatar";searchHotkey;avatarMenuHeader;bhItemClick;bhAction;bhToggle;activeItem="";expandedItemLabel=null;flyoutItemLabel=null;get allNavigableItems(){return[...this.menuItems,...this.footerItems]}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),l.increment(d.COMPONENT_ERROR,{component:"bh-sidebar",error_type:e instanceof Error?e.name:"unknown"}),b("bh-sidebar",e)}handleCollapsedChange(e){this.syncOpenState((()=>{this.open=!e,this.bhToggle.emit(e?{expanded:!1}:{expanded:!0})}))}handleOpenChange(e){this.syncOpenState((()=>{this.collapsed=!e,e?this.bhToggle.emit({expanded:!0}):(this.bhToggle.emit({expanded:!1}),this.flyoutItemLabel=null)}))}syncOpenState(e){if(!this.syncingOpen){this.syncingOpen=!0;try{e()}finally{this.syncingOpen=!1}}}componentWillLoad(){this.collapsed?this.open=!1:this.open&&(this.collapsed=!1);const e=this.menuItems.find((e=>e.isActive));if(this.activeItem=e?.label||"","dual-tier"===this.sidebarStyle&&this.activeItem){const e=this.menuItems.find((e=>e.label===this.activeItem&&e.children?.length));e&&(this.expandedItemLabel=e.label)}this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}componentDidRender(){this.updateFlyoutDismissal()}disconnectedCallback(){this.flyoutDismissalManager?.destroy(),this.i18nUnsubscribe?.()}updateFlyoutDismissal(){"slim"===this.sidebarStyle&&this.flyoutItemLabel&&this.subNavRef?(this.flyoutDismissalManager||(this.flyoutDismissalManager=v(this.subNavRef,{onDismiss:()=>{this.flyoutItemLabel=null},escapeKey:!0,clickOutside:!0,focusLoss:!1})),this.flyoutDismissalManager.enable()):this.flyoutDismissalManager?.disable()}handleNavItemClick=e=>{const a=this.menuItems.find((a=>a.label===e));if("slim"===this.sidebarStyle&&a?.children?.length)return this.flyoutItemLabel=this.flyoutItemLabel===e?null:e,this.activeItem=e,void this.bhItemClick.emit({value:e});"dual-tier"===this.sidebarStyle&&a?.children?.length&&(this.expandedItemLabel=this.expandedItemLabel===e?null:e),this.activeItem=e,this.bhItemClick.emit({value:e})};handleSubNavClick=(e,a)=>{this.bhItemClick.emit({value:a,item:{parentLabel:e,childLabel:a}})};handleSearchClick=()=>{this.bhAction.emit({action:"search"})};handleToggle=()=>{this.open=!this.open};handleKeyDown=e=>{const a=this.allNavigableItems;if(0===a.length)return;const i=o(e,{container:this.el?.shadowRoot??null,itemSelector:"bh-nav-item",orientation:"vertical",wrapAround:!0,onFocus:e=>{if(e>=0&&e<a.length){const i=a[e];this.activeItem=i.label,this.bhItemClick.emit({value:i.label})}}},this.navState);i!==this.navState.focusedIndex&&(this.navState={...this.navState,focusedIndex:i})};get navItemLayout(){return"dual-tier"===this.sidebarStyle?"row":"column"}get shouldShowSubNav(){return"dual-tier"===this.sidebarStyle&&this.open?null!==this.expandedItemLabel:"slim"===this.sidebarStyle&&null!==this.flyoutItemLabel}get subNavChildren(){const e="slim"===this.sidebarStyle?this.flyoutItemLabel:this.expandedItemLabel;if(!e)return null;const a=this.menuItems.find((a=>a.label===e));return a?.children?.length?{parentLabel:a.label,children:a.children}:null}renderHeader(){return t("div",{class:"sidebar-header",part:"header"},t("bh-logo-box",{assetBasePath:this.assetBasePath,logoSrc:this.logoSrc,logoType:this.logoType,products:this.products}))}renderSearch(){return t("div",{class:"search-container",part:"search"},t("bh-button-icon",{hierarchy:"secondary",iconName:"search",onClick:this.handleSearchClick,size:"md"}),this.searchHotkey&&this.open&&t("bh-kbd",{class:"search-hotkey",keys:this.searchHotkey,size:"sm"}))}renderToggleHandle(){return this.showToggleHandle?t("button",{"aria-label":this.open?h("bh-sidebar","collapseAriaLabel",this.collapseAriaLabel,"Collapse sidebar"):h("bh-sidebar","expandAriaLabel",this.expandAriaLabel,"Expand sidebar"),class:"toggle-handle",onClick:this.handleToggle,part:"toggle-handle",type:"button"},t("span",{class:"material-symbols-outlined"},this.open?"chevron_left":"chevron_right")):null}renderSubNavPanel(){const e=this.subNavChildren;return e?t("div",{class:"sub-nav-panel",part:"sub-nav-panel",ref:e=>this.subNavRef=e},t("div",{class:"sub-nav-header",part:"sub-nav-header"},t("h3",{class:"sub-nav-title"},e.parentLabel)),t("div",{class:"sub-nav-items",part:"sub-nav-items"},e.children.map((a=>t("button",{"aria-current":a.isActive?"page":void 0,class:{"sub-nav-item":!0,"sub-nav-item--active":!!a.isActive},key:a.label,onClick:()=>this.handleSubNavClick(e.parentLabel,a.label),type:"button"},a.icon&&t("span",{class:"material-symbols-outlined sub-nav-item-icon"},a.icon),t("span",{class:"sub-nav-item-label"},a.label),void 0!==a.badge&&t("span",{class:"sub-nav-item-badge"},a.badge)))))):null}renderFooter(){const e=this.navItemLayout;return t("div",{class:"sidebar-footer",part:"footer"},t("div",{class:"footer-navigation",part:"footer-nav"},this.footerItems.map((a=>t("bh-nav-item",{icon:a.icon,isActive:!1,key:a.label,label:a.label,layout:e,onBhClick:()=>this.handleNavItemClick(a.label),showLabel:"row"===e})))),t("slot",{name:"user-menu"},t("bh-dropdown",{avatarAlt:this.avatarAlt,avatarEmail:this.avatarEmail,avatarInitials:this.avatarInitials,avatarName:this.avatarName,avatarSize:"md",avatarSrc:this.avatarUrl,header:this.avatarMenuHeader,menuItems:this.avatarMenuItems||p,showIcons:!0,size:"md",variant:"avatar"})))}render(){const e=this.navItemLayout;return t(r,{key:"2dec369efb3e4dc9ec7d84959b337ff30d44412d",onKeyDown:this.handleKeyDown},t("div",{key:"452065ea048a8857b1d6cef73732faee54d56a22","aria-expanded":this.open?"true":"false",class:{"sidebar-container":!0,"sidebar-collapsed":!this.open,"sidebar-open":this.open,[`sidebar-style-${this.sidebarStyle}`]:!0},part:"sidebar"},t("nav",{key:"cb273ec0b22a186fa3b4177e9d3081588cf613bc","aria-label":h("bh-sidebar","mainNavAriaLabel",this.mainNavAriaLabel,"Main navigation"),class:"navigation",part:"navigation"},t("div",{key:"12267bf76b6662f8ebfe949c576ea20ec612b352",class:"gradient-bar",part:"gradient-bar"},t("div",{key:"86b9610ff1167e06ddf4c0b4015f32893d92fcc9",class:"detail-bar"})),t("div",{key:"7e033b47ed6f9d4ae678fd60a7259137cf2fb377",class:"sidebar-content",part:"content"},this.renderHeader(),t("div",{key:"84957e80d53b5f6f9b31ff27e2f8aad8016ce545",class:"navigation-section",part:"nav-section"},this.renderSearch(),t("div",{key:"b4ed4701e6e600350b7ce0442fc4b9307c778e46",class:"nav-items",part:"nav-items"},this.menuItems.map((a=>[t("bh-nav-item",{badge:a.badge,expandable:!!a.children?.length&&"slim"!==this.sidebarStyle,expanded:this.expandedItemLabel===a.label,icon:a.icon,isActive:this.activeItem===a.label,key:a.label,label:a.label,layout:e,onBhClick:()=>this.handleNavItemClick(a.label),showLabel:"row"===e})])))),this.renderFooter()),this.renderToggleHandle(),this.shouldShowSubNav&&this.renderSubNavPanel())))}static get watchers(){return{collapsed:[{handleCollapsedChange:0}],open:[{handleOpenChange:0}]}}};g.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;z-index:var(--bh-z-index-raised);--bh-sidebar-bg:var(--color-bg-primary);--bh-sidebar-border-color:var(--color-border-secondary);--bh-sidebar-nav-item-bg-hover:var(--color-bg-secondary);--bh-sidebar-nav-item-bg-active:var(--color-brand-50);--bh-sidebar-nav-item-bg-active-hover:var(--color-brand-100);--bh-sidebar-nav-item-color:var(--color-text-secondary);--bh-sidebar-nav-item-color-active:var(--color-brand-600);--bh-sidebar-sub-nav-bg:var(--color-bg-primary);--bh-sidebar-sub-nav-border:var(--color-border-secondary);--sidebar-item-size:var(--bh-button-height-md, 40px);--sidebar-width-collapsed:60px;--sidebar-width-expanded:240px;--sidebar-gradient-bar-width:4px;--sidebar-scrollbar-width:4px;--sidebar-toggle-handle-size:24px;--sidebar-dual-tier-primary-width:200px;--sidebar-dual-tier-sub-nav-width:200px;--sidebar-slim-flyout-width:200px}}@layer bh-base{.sidebar-container{width:fit-content;height:100vh;background-color:var(--bh-sidebar-bg);position:relative;display:flex}.navigation{background-color:var(--bh-sidebar-bg);display:flex;height:100%;align-items:flex-start;justify-content:flex-start;position:relative;border-right:1px solid var(--bh-sidebar-border-color);z-index:var(--bh-z-index-raised)}.gradient-bar{position:relative;width:var(--bh-sidebar-gradient-bar-width);height:100%;flex-shrink:0}.detail-bar{position:absolute;background:linear-gradient(180deg, var(--color-accent-300) 0%, var(--color-brand-500) 51%, var(--color-brand-900) 100%);inset:0}.sidebar-content{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;align-items:center;justify-content:flex-start;padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg);position:relative;flex-shrink:0;width:var(--bh-sidebar-width-collapsed);transition:width var(--animation-duration-normal, 0.2s) ease}.sidebar-header{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%}.sidebar-header--expanded{justify-content:flex-start;gap:var(--spacing-md);padding:0 var(--spacing-xl) 0 var(--spacing-2xl)}.header-divider{width:1px;height:var(--bh-button-height-sm, 32px);background-color:var(--bh-sidebar-border-color);flex-shrink:0}.navigation-section{flex:1 1 0%;display:flex;flex-direction:column;gap:var(--spacing-md);flex-grow:1;align-items:center;justify-content:flex-start;min-height:0;position:relative;flex-shrink:0;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}.navigation-section::-webkit-scrollbar{width:var(--bh-sidebar-scrollbar-width)}.navigation-section::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-xs)}.navigation-section::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-xs)}.navigation-section::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.search-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex-shrink:0;width:100%}.nav-items{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;justify-content:flex-start;position:relative;flex-shrink:0;width:100%;padding:0;box-sizing:border-box}.sidebar-footer{display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center;justify-content:flex-end;position:relative;flex-shrink:0;width:100%;overflow:hidden}.footer-navigation{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;justify-content:center;position:relative;flex-shrink:0;width:100%}.toggle-handle{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;position:absolute;right:calc(-1 * var(--bh-sidebar-toggle-handle-size) / 2);top:var(--spacing-3xl, 48px);width:var(--bh-sidebar-toggle-handle-size);height:var(--bh-sidebar-toggle-handle-size);border-radius:50%;border:none;background:var(--bh-sidebar-bg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--bh-z-index-sticky);padding:var(--spacing-xxs, 2px);opacity:1;transition:opacity var(--animation-duration-normal, 0.2s) ease}.toggle-handle .material-symbols-outlined{font-size:var(--icon-size-sm, 20px);color:var(--bh-sidebar-nav-item-color)}.toggle-handle:hover{background-color:var(--bh-sidebar-nav-item-bg-hover)}.toggle-handle:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-border-interactive);outline:none}.avatar-button{background:none;border:none;padding:0;margin:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-button:focus-visible{outline:2px solid var(--color-border-interactive);outline-offset:2px}.sub-nav-panel{background-color:var(--bh-sidebar-sub-nav-bg);border-left:1px solid var(--bh-sidebar-sub-nav-border);height:100%;display:flex;flex-direction:column;overflow-y:auto}.sub-nav-header{padding:var(--spacing-xl) var(--spacing-lg);flex-shrink:0}.sub-nav-title{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:var(--spacing-none)}.sub-nav-items{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-xxs);flex:1;overflow-y:auto}.sub-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;width:100%;box-sizing:border-box;text-align:left}.sub-nav-item:hover{background-color:var(--bh-sidebar-nav-item-bg-hover)}.sub-nav-item:focus-visible{box-shadow:0 0 0 2px var(--color-border-interactive);outline:none}.sub-nav-item--active{background-color:var(--bh-sidebar-nav-item-bg-active)}.sub-nav-item--active .sub-nav-item-label{color:var(--bh-sidebar-nav-item-color-active);font-weight:var(--weight-semibold)}.sub-nav-item--active .sub-nav-item-icon{color:var(--bh-sidebar-nav-item-color-active)}.sub-nav-item-icon{font-size:var(--icon-size-md, 24px);color:var(--bh-sidebar-nav-item-color);flex-shrink:0}.sub-nav-item-label{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-medium);color:var(--bh-sidebar-nav-item-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sub-nav-item-badge{font-family:var(--font-inter);font-size:var(--text-xs-size);font-weight:var(--weight-medium);color:var(--bh-sidebar-nav-item-color);background:var(--color-bg-secondary);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-full);min-width:var(--icon-size-md, 24px);text-align:center}}@layer bh-variants{.sidebar-style-simple .sidebar-content{width:var(--bh-sidebar-width-collapsed);padding-left:0;padding-right:0}.sidebar-style-simple{}.sidebar-style-simple .sidebar-footer{overflow:hidden}.sidebar-style-simple .sidebar-footer bh-dropdown{max-width:100%;overflow:hidden}.sidebar-style-dual-tier .sidebar-content{width:var(--bh-sidebar-dual-tier-primary-width);align-items:flex-start}.sidebar-style-dual-tier .nav-items{align-items:flex-start;padding:0 var(--spacing-xl)}.sidebar-style-dual-tier .search-container{align-items:flex-start;padding:0 var(--spacing-2xl)}.sidebar-style-dual-tier .footer-navigation{align-items:flex-start;padding:0 var(--spacing-xl)}.sidebar-style-dual-tier.sidebar-open .sub-nav-panel{width:var(--bh-sidebar-dual-tier-sub-nav-width)}.sidebar-style-dual-tier.sidebar-collapsed .sub-nav-panel{display:none}.sidebar-style-slim .sidebar-content{width:var(--bh-sidebar-width-collapsed)}.sidebar-style-slim{}.sidebar-style-slim:not(:hover) .toggle-handle{opacity:0}.sidebar-style-slim .sub-nav-panel{width:var(--bh-sidebar-slim-flyout-width);position:absolute;left:calc(var(--bh-sidebar-width-collapsed) + var(--bh-sidebar-gradient-bar-width));top:0;height:100%;z-index:var(--bh-z-index-drawer)}}';export{g as bh_sidebar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as o,h as i,H as a}from"./p-CTHvNfIu.js";import{c as t}from"./p-CMKOFHIa.js";import{c as d}from"./p-YdVz1TeW.js";import{m as e,M as s}from"./p-CSH9RXgl.js";import{r as h}from"./p-Xi3uD33F.js";import{a as b}from"./p-DWWRC9ht.js";import{a as l}from"./p-BqJRACkO.js";import{g as n}from"./p-CLrVoF3x.js";import"./p-zdFuIabL.js";const c=class{constructor(i){r(this,i),this.bhChange=o(this,"bhChange"),this.bhFocus=o(this,"bhFocus"),this.bhBlur=o(this,"bhBlur"),this.bhValidityChange=o(this,"bhValidityChange"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}logger=t("bh-radio-button");focusState=d();internals;size="md";selected=!1;defaultChecked=!1;disabled=!1;required=!1;value="";name="";tabIndex=0;label="";ariaLabel=null;supportingText="";focusVersion=0;isDirty=!1;isTouched=!1;bhChange;bhFocus;bhBlur;bhValidityChange;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),e.increment(s.COMPONENT_ERROR,{component:"bh-radio-button",error_type:r instanceof Error?r.name:"unknown"}),h("bh-radio-button",r)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidLoad(){b(this.internals,this.name,this.selected,this.value),this.bhValidityChange.emit(this.internals.validity)}formResetCallback(){this.selected=this.defaultChecked,this.isDirty=!1,this.isTouched=!1,b(this.internals,this.name,this.selected,this.value),this.bhValidityChange.emit(this.internals.validity)}handleClick=()=>{this.disabled||this.selected||(this.selected=!0,this.isDirty||(this.isDirty=!0),b(this.internals,this.name,this.selected,this.value),this.bhValidityChange.emit(this.internals.validity),this.bhChange.emit(this.value))};handleKeyDown=r=>{l(r)&&(r.preventDefault(),this.handleClick())};handleFocus=r=>{this.isTouched=!0,this.focusState.handleFocus(r,(()=>this.bhFocus.emit()))};handleBlur=r=>{this.focusState.handleBlur(r,(()=>this.bhBlur.emit()))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};radioControlRef;handleLabelClick=r=>{this.radioControlRef&&r.composedPath().includes(this.radioControlRef)||this.radioControlRef?.click()};uniqueId=n("bh-radio");renderRadioControl(){const r={radio:!0,[`radio-${this.size}`]:!0,"radio-selected":this.selected,"radio-disabled":this.disabled,"radio-focused":this.focusState.isFocused&&!this.disabled,"radio-hover":this.focusState.isHovered&&!this.disabled};return i("div",{"aria-checked":String(this.selected),"aria-describedby":this.supportingText?`${this.uniqueId}-description`:void 0,"aria-disabled":String(this.disabled),"aria-label":this.ariaLabel||this.label||void 0,class:"radio-control","data-dirty":String(this.isDirty),"data-touched":String(this.isTouched),id:this.uniqueId,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,ref:r=>this.radioControlRef=r,role:"radio",tabIndex:this.disabled?-1:this.tabIndex},i("div",{class:r,part:"indicator"},this.selected&&i("div",{class:"radio-dot"})))}render(){const r=this.label||this.supportingText;return i(a,null,i("div",{class:{"radio-wrapper":!0,"radio-wrapper-with-label":!!r,"radio-wrapper-disabled":this.disabled},part:"container"},r?i("bh-label",{disabled:this.disabled,for:this.uniqueId,label:this.label,layout:"inline-start",onClick:this.handleLabelClick,required:this.required,size:this.size,supportingText:this.supportingText},this.renderRadioControl()):this.renderRadioControl()))}static get formAssociated(){return!0}};c.style="@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: inline-block; font-family: var(--font-inter); --bh-radio-bg: var(--color-bg-primary); --bh-radio-bg-selected: var(--color-bg-interactive); --bh-radio-bg-hover: var(--color-bg-tertiary); --bh-radio-bg-disabled: var(--color-bg-secondary); --bh-radio-border-color: var(--color-border-primary); --bh-radio-border-color-selected: var(--color-bg-interactive); --bh-radio-dot-color: var(--color-bg-primary); --bh-radio-dot-color-disabled: var(--color-border-primary); --bh-radio-focus-ring-color: var(--color-border-interactive); } } @layer bh-base { .radio { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; outline: none; user-select: none; transition: background-color var(--animation-duration-slow) cubic-bezier(0.4, 0, 0.2, 1), border-color var(--animation-duration-slow) cubic-bezier(0.4, 0, 0.2, 1), box-shadow var(--animation-duration-normal) ease; box-sizing: border-box; background: var(--bh-radio-bg); border: 2px solid var(--bh-radio-border-color); border-radius: var(--radius-full); position: relative; flex-shrink: 0; } .radio:focus { outline: none; } .radio-dot { width: var(--bh-radio-button-dot-md); height: var(--bh-radio-button-dot-md); border-radius: var(--radius-full); background: var(--bh-radio-dot-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .radio-wrapper { display: inline-block; } .radio-control { display: inline-flex; align-items: flex-start; cursor: pointer; outline: none; } } @layer bh-variants { .radio-sm { width: var(--bh-radio-button-size-sm); height: var(--bh-radio-button-size-sm); } .radio-sm .radio-dot { width: var(--bh-radio-button-dot-sm); height: var(--bh-radio-button-dot-sm); } .radio-md { width: var(--bh-radio-button-size-md); height: var(--bh-radio-button-size-md); } .radio-wrapper.radio-wrapper-with-label .radio-sm { margin-top: var(--bh-radio-button-offset-sm); } .radio-wrapper.radio-wrapper-with-label .radio-md { margin-top: var(--bh-radio-button-offset-md); } } @layer bh-states { .radio { } .radio.radio-selected { background: var(--bh-radio-bg-selected); border-color: var(--bh-radio-border-color-selected); animation: fillExpand var(--animation-duration-slow) cubic-bezier(0.4, 0, 0.2, 1); } .radio.radio-selected:hover:not(.radio-disabled) { background: var(--bh-radio-bg-selected); border-color: var(--bh-radio-border-color-selected); } .radio.radio-selected.radio-focused:not(.radio-disabled) { background: var(--bh-radio-bg-selected); border-color: var(--bh-radio-border-color-selected); box-shadow: 0px 0px 0px 4px var(--bh-radio-focus-ring-color), 0px 0px 0px 2px var(--bh-radio-bg); } .radio.radio-selected.radio-disabled { background: var(--bh-radio-bg-disabled); border: 2px solid var(--bh-radio-border-color); } .radio { } .radio:hover:not(.radio-disabled) { background: var(--bh-radio-bg-hover); border-color: var(--bh-radio-border-color); } .radio { } .radio.radio-focused:not(.radio-disabled) { border-color: var(--bh-radio-border-color); box-shadow: 0px 0px 0px 4px var(--bh-radio-focus-ring-color), 0px 0px 0px 2px var(--bh-radio-bg); } .radio { } .radio.radio-disabled { background: var(--bh-radio-bg-disabled); border-color: var(--bh-radio-border-color); cursor: not-allowed; opacity: 1; } .radio.radio-disabled .radio-dot { background: var(--bh-radio-dot-color-disabled); } .radio:focus:not(.radio-disabled) { box-shadow: 0px 0px 0px 4px var(--bh-radio-focus-ring-color), 0px 0px 0px 2px var(--bh-radio-bg); } .radio-wrapper.radio-wrapper-disabled .radio-control { cursor: not-allowed; } } @layer bh-utilities { @keyframes fillExpand { 0% { transform: scale(0.95); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } }";export{c as bh_radio_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as a,H as e,c as o}from"./p-CTHvNfIu.js";import{c as s}from"./p-CMKOFHIa.js";import{m as r,M as i}from"./p-CSH9RXgl.js";import{r as d}from"./p-Xi3uD33F.js";import{m as n,b as c}from"./p-Bam7V_bL.js";import{c as h,a as g}from"./p-CS8F5LFw.js";import{c as b,g as l}from"./p-YdVz1TeW.js";import{t as m}from"./p-Bf0qW3wI.js";import{a as p}from"./p-BqJRACkO.js";import{A as u}from"./p-BoVgy_Ao.js";import"./p-zdFuIabL.js";const v=class{constructor(a){t(this,a)}logger=s("bh-badge-dot");size="md";color="error";outline=!1;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),r.increment(i.COMPONENT_ERROR,{component:"bh-badge-dot",error_type:t instanceof Error?t.name:"unknown"}),d("bh-badge-dot",t)}render(){return a(e,{key:"358a84d2c1db399a89eac842afeb9de7f410a054"},a("div",{key:"07df236d30ee7e4ec222e8c009856a83147fe798","aria-hidden":"true",class:{"badge-dot":!0,[`badge-dot-${this.size}`]:!0,[`badge-dot-${this.color}`]:!0,"badge-dot-outline":this.outline},part:"dot",role:"presentation"}))}};v.style="@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-badge-dot-success-color:var(--color-text-success);--bh-badge-dot-success-outline:hsl( from var(--color-bg-success) h s l / 0.3 );--bh-badge-dot-blue-color:var(--color-text-interactive);--bh-badge-dot-blue-outline:hsl( from var(--color-bg-interactive) h s l / 0.3 );--bh-badge-dot-error-color:var(--color-text-error);--bh-badge-dot-error-outline:hsl( from var(--color-bg-destructive) h s l / 0.3 );--bh-badge-dot-warning-color:var(--color-text-warning);--bh-badge-dot-warning-outline:hsl( from var(--color-bg-warning) h s l / 0.4 )}}@layer bh-base{.badge-dot{border-radius:var(--radius-full);position:relative;display:inline-block;box-sizing:border-box}}@layer bh-variants{.badge-dot{}.badge-dot-sm{width:var(--bh-badge-dot-xs);height:var(--bh-badge-dot-xs)}.badge-dot-md{width:var(--bh-badge-dot-sm);height:var(--bh-badge-dot-sm)}.badge-dot-lg{width:var(--bh-badge-dot-md);height:var(--bh-badge-dot-md)}.badge-dot{}.badge-dot-success{background-color:var(--bh-badge-dot-success-color)}.badge-dot-blue{background-color:var(--bh-badge-dot-blue-color)}.badge-dot-error{background-color:var(--bh-badge-dot-error-color)}.badge-dot-warning{background-color:var(--bh-badge-dot-warning-color)}.badge-dot-outline.badge-dot-sm{outline:3px solid;outline-offset:0}.badge-dot-outline.badge-dot-md{outline:4px solid;outline-offset:0}.badge-dot-outline.badge-dot-lg{outline:5px solid;outline-offset:0}.badge-dot-outline{}.badge-dot-outline.badge-dot-success{outline-color:var(--bh-badge-dot-success-outline)}.badge-dot-outline.badge-dot-blue{outline-color:var(--bh-badge-dot-blue-outline)}.badge-dot-outline.badge-dot-error{outline-color:var(--bh-badge-dot-error-outline)}.badge-dot-outline.badge-dot-warning{outline-color:var(--bh-badge-dot-warning-outline)}}";const f={sm:"sm",md:"sm",lg:"md"},x={sm:"14px",md:"16px",lg:"18px"},k=class{constructor(a){t(this,a),this.bhClose=o(this,"bhClose"),this.bhChange=o(this,"bhChange")}logger=s("bh-tag");destroy$=h();focusState=b();variant="text-only";size="md";label="Label";dismissible=!1;action="none";count=0;checked;dotColor="success";disabled=!1;maxWidth=120;avatarSrc="";isDismissing=!1;bhClose;bhChange;focusVersion=0;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),r.increment(i.COMPONENT_ERROR,{component:"bh-tag",error_type:t instanceof Error?t.name:"unknown"}),d("bh-tag",t)}get effectiveAction(){return"none"!==this.action?this.action:this.dismissible?"dismiss":"none"}get showDismiss(){return"dismiss"===this.effectiveAction||"count-dismiss"===this.effectiveAction}get showCount(){return"count"===this.effectiveAction||"count-dismiss"===this.effectiveAction}get isCheckboxMode(){return void 0!==this.checked}handleDismiss=t=>{t.stopPropagation(),!this.showDismiss||this.disabled||this.isDismissing||(this.isDismissing=!0,this.destroy$&&m(u.DISMISS,this.destroy$)?.subscribe((()=>{this.bhClose.emit(),this.isDismissing=!1})))};handleClick=()=>{this.disabled||this.isCheckboxMode&&(this.checked=!this.checked,this.bhChange.emit(this.checked))};handleFocus=t=>{this.focusState.handleFocus(t)};handleBlur=t=>{this.focusState.handleBlur(t)};handleKeyDown=t=>{!this.disabled&&p(t)&&(t.preventDefault(),this.showDismiss?this.bhClose.emit():this.handleClick(t))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};disconnectedCallback(){g(this.destroy$)}render(){const t=this.showDismiss||this.isCheckboxMode||!this.disabled,o=l(this.focusState,"tag"),s=n(c({base:"tag",size:this.size,variant:this.variant,modifiers:{dismissible:this.showDismiss,disabled:this.disabled,checked:!0===this.checked,checkbox:this.isCheckboxMode,"animate-dismiss":this.isDismissing}}),o),r={maxWidth:`${this.maxWidth}px`},i={width:x[this.size],height:x[this.size]};return a(e,{key:"4d29753431e9e6e060207d62eee48abed885cda9"},a("span",{key:"a5b87c658722d637947af883ce2305c906f53dbd","aria-disabled":this.disabled?"true":void 0,class:s,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"tag",role:"status",tabIndex:t&&!this.disabled?0:-1},a("div",{key:"cc80dd525464a72f1114d68e8172004251503bf3",class:"tag-content"},this.isCheckboxMode&&a("div",{key:"290ad9389b202f4e21c37c1447c685ace4382af4","aria-hidden":"true",class:{"tag-checkbox":!0,"tag-checkbox-checked":!0===this.checked},style:i},this.checked&&a("span",{key:"2b33240f231f44c0806b3507498a867c99a6a897",class:"material-symbols-outlined tag-checkbox-icon"},"check")),"dot"===this.variant&&a("bh-badge-dot",{key:"443267726ac2e0a0985fb2f72b0ca399b4c0ebc0",color:this.dotColor,size:f[this.size]}),"avatar"===this.variant&&a("bh-avatar",{key:"984c31beb18196be69cb8c6317958a6e691f48ff",imageSrc:this.avatarSrc,size:"xxs",variant:this.avatarSrc?"image":"placeholder"}),a("span",{key:"2f322d1088b3693f5f19cb08e06c8b1c60913b6b",class:"tag-label-wrapper"},a("span",{key:"bed69f25fc9ee9a91d01767265f0538bd4b4818a",class:"tag-label",part:"label",style:r},this.label))),this.showCount&&a("span",{key:"b8ae69d629f8985b3fb72fc868187b20aba74116",class:"tag-count",part:"count"},this.count),this.showDismiss&&a("bh-button-icon",{key:"1f9309576c7b7f748c0a32a9ba62ecf2be2437ab",ariaLabel:`Remove ${this.label}`,class:"tag-dismiss",disabled:this.disabled,hierarchy:"tertiary",iconName:"close",onClick:this.handleDismiss,part:"dismiss-button",size:"xs"})))}};k.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; --bh-tag-bg: var(--color-bg-primary); --bh-tag-border-color: var(--color-border-secondary); --bh-tag-border-color-hover: var(--color-border-primary); --bh-tag-color: var(--color-text-primary); --bh-tag-border-radius: var(--radius-sm); --bh-tag-dismiss-bg-hover: var(--color-bg-tertiary); --bh-tag-dismiss-icon-color: var(--color-text-tertiary); --bh-tag-count-bg: var(--color-bg-tertiary); --bh-tag-count-color: var(--color-text-secondary); --bh-tag-checkbox-border: var(--color-border-primary); --bh-tag-checkbox-bg: var(--color-bg-primary); --bh-tag-checkbox-bg-checked: var(--color-brand-600); --bh-tag-checkbox-icon-color: var(--color-white); } } @layer bh-base { .tag { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-sm); font-family: var(--font-inter); font-weight: var(--weight-medium); background-color: var(--bh-tag-bg); border: 1px solid var(--bh-tag-border-color); border-radius: var(--bh-tag-border-radius); white-space: nowrap; cursor: default; user-select: none; box-sizing: border-box; } .tag-content { display: flex; align-items: center; gap: var(--spacing-xs); } .tag-label-wrapper { position: relative; display: inline-flex; align-items: center; max-width: 100%; } .tag-label { color: var(--bh-tag-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tag-dismiss { flex-shrink: 0; } .tag-checkbox { display: flex; align-items: center; justify-content: center; border: 1.5px solid var(--bh-tag-checkbox-border); border-radius: var(--radius-xs); background: var(--bh-tag-checkbox-bg); flex-shrink: 0; } .tag-checkbox-checked { background: var(--bh-tag-checkbox-bg-checked); border-color: var(--bh-tag-checkbox-bg-checked); } .tag-checkbox-icon { font-size: var(--text-xs-size); color: var(--bh-tag-checkbox-icon-color); line-height: 1; font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20; } .tag-count { display: inline-flex; align-items: center; justify-content: center; padding: 0 var(--spacing-xs); border-radius: var(--radius-xxs); background: var(--bh-tag-count-bg); color: var(--bh-tag-count-color); font-weight: var(--weight-medium); white-space: nowrap; flex-shrink: 0; } } @layer bh-variants { .tag-dismissible { cursor: pointer; } .tag-sm { height: 26px; padding: 0 var(--spacing-sm); font-size: var(--text-xs-size); line-height: var(--line-height-tight); --button-height-xs: 20px; } .tag-sm.tag-dismissible { padding: 0 var(--spacing-xs) 0 var(--spacing-md); } .tag-sm.tag-avatar { padding-left: var(--spacing-xs); } .tag-sm.tag-avatar.tag-dismissible { padding-left: var(--spacing-xs); } .tag-md { height: 30px; padding: 0 var(--spacing-sm); font-size: var(--text-sm-size); line-height: var(--line-height-tight); } .tag-md.tag-dismissible { padding: 0 var(--spacing-xs) 0 var(--spacing-md); } .tag-md.tag-avatar { padding-left: var(--spacing-sm); } .tag-md.tag-avatar.tag-dismissible { padding-left: var(--spacing-sm); } .tag-lg { height: 34px; padding: 0 var(--spacing-md); font-size: var(--text-sm-size); line-height: var(--line-height-tight); } .tag-lg.tag-dismissible { padding: 0 var(--spacing-xs) 0 var(--spacing-lg); } .tag-lg.tag-avatar { padding-left: var(--spacing-sm); } .tag-lg.tag-avatar.tag-dismissible { padding-left: var(--spacing-sm); } .tag-avatar .tag-content { gap: var(--spacing-sm); } .tag-dot .tag-content { gap: var(--spacing-sm); } .tag-checkbox-mode { cursor: pointer; } .tag-sm .tag-count { font-size: var(--text-xs-size); line-height: var(--line-height-tight); } .tag-md .tag-count, .tag-lg .tag-count { font-size: var(--text-sm-size); line-height: var(--line-height-tight); } .tag-lg .tag-checkbox-icon { font-size: var(--text-sm-size); } } @layer bh-states { .tag:hover { border-color: var(--bh-tag-border-color-hover); } .tag-disabled { opacity: 0.5; cursor: not-allowed; } .tag-disabled:hover { border-color: var(--bh-tag-border-color); } } @layer bh-utilities { .animate-dismiss { animation: dismiss var(--animation-duration-normal) ease-out forwards; } @keyframes dismiss { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.8); } } }';export{v as bh_badge_dot,k as bh_tag}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as a,h as e,H as t}from"./p-CTHvNfIu.js";import{c as n}from"./p-CMKOFHIa.js";import{m as l,M as c}from"./p-CSH9RXgl.js";import{r as s}from"./p-Xi3uD33F.js";import{B as r,r as o}from"./p-BNVOtH-1.js";const d="bh-inline-cta",h=class{constructor(e){i(this,e),this.bhClose=a(this,"bhClose"),this.bhAction=a(this,"bhAction")}logger=n(d);i18nUnsubscribe;_i18nVersion=0;heading="";description="";type="actions";layout="horizontal";imageSrc="";imageAlt="";emailLabel="";showDismiss=!1;dismissAriaLabel="Dismiss";bhClose;bhAction;componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:new Error(String(i))),l.increment(c.COMPONENT_ERROR,{component:d,error_type:i instanceof Error?i.name:"unknown"}),s(d,i)}componentWillLoad(){this.i18nUnsubscribe=r.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleDismiss=()=>{this.bhClose.emit()};handleActionClick=i=>{i.stopPropagation(),this.bhAction.emit({action:"primary"})};renderMedia(){return e("div",{class:"inline-cta-media",part:"media"},this.imageSrc?e("img",{alt:this.imageAlt,class:"inline-cta-image",part:"image",src:this.imageSrc}):e("slot",{name:"media"}))}renderEmailSection(){return e("div",{class:"inline-cta-email-section",part:"email-section"},this.emailLabel&&e("span",{class:"inline-cta-email-label"},this.emailLabel),e("div",{class:"inline-cta-email-input"},e("slot",{name:"email"})))}render(){const i="image"===this.type,a="email-field"===this.type;return e(t,{key:"544d60ca10d116650fba25c8406024dba2fbe460"},e("div",{key:"9a070345dcba5a5b586735cb989e7d9a4d36a481","aria-label":this.heading||"Call to action",class:{"inline-cta":!0,"inline-cta-dismissable":this.showDismiss,[`inline-cta-${this.layout}`]:!0,[`inline-cta-type-${this.type}`]:!0,"inline-cta-with-media":i&&!!this.imageSrc},part:"container",role:"region"},i&&this.renderMedia(),e("div",{key:"9e37b22932ea2d71e806cb8662ea83ef5ddfed24",class:"inline-cta-content",part:"content"},e("div",{key:"003bb25e9dcd46c52f8ff93582eb5af5c7fd26cb",class:"inline-cta-text",part:"text"},this.heading&&e("h3",{key:"d3e4a78ec40e6d7e3cf1842900ee237379ac2c42",class:"inline-cta-heading",part:"heading"},this.heading),this.description&&e("p",{key:"7e81e165c140e47b31dc5db9758a0e31d607fd24",class:"inline-cta-description",part:"description"},this.description)),a&&this.renderEmailSection(),e("div",{key:"97fdb147b914df3c67b7b355fd611b892046f273",class:"inline-cta-body",part:"body"},e("slot",{key:"6b14c6c9cb9502db7fd3ac1f52af50758f715d62"})),e("div",{key:"decece4f213edf5c5788357338f06e64fd2ba5e9",class:"inline-cta-actions",onClick:this.handleActionClick,part:"actions"},e("slot",{key:"0c0a5d8dca2495f9cecd1fbabe6da7019ebd61f4",name:"actions"}))),this.showDismiss&&e("div",{key:"a655f1ba46a0529f7cd2111704cd90a26dc41054",class:"inline-cta-dismiss",part:"dismiss"},e("bh-close-button",{key:"ec49303e55319c01e45b8aa718d6c7963a8ae595",ariaLabel:o(d,"dismissAriaLabel",this.dismissAriaLabel,"Dismiss"),onClick:this.handleDismiss}))))}};h.style='@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-inline-cta-bg:var(--color-bg-primary);--bh-inline-cta-border-color:var(--color-border-secondary);--bh-inline-cta-border-radius:var(--radius-xl);--bh-inline-cta-shadow:var(--shadow-xs);--bh-inline-cta-heading-color:var(--color-text-primary);--bh-inline-cta-description-color:var(--color-text-tertiary);--bh-inline-cta-email-label-color:var(--color-text-secondary)}}@layer bh-base{.inline-cta{display:flex;background:var(--bh-inline-cta-bg);border:1px solid var(--bh-inline-cta-border-color);border-radius:var(--bh-inline-cta-border-radius);box-shadow:var(--bh-inline-cta-shadow);overflow:clip;position:relative}.inline-cta-dismiss{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg)}.inline-cta-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);flex:1;min-width:0}.inline-cta-text{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.inline-cta-heading{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-inline-cta-heading-color);margin:0}.inline-cta-description{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-inline-cta-description-color);margin:0}.inline-cta-body{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.inline-cta-body:empty{display:none}.inline-cta-actions{display:flex;gap:var(--spacing-lg);align-items:flex-start}.inline-cta-media{flex-shrink:0;overflow:clip}.inline-cta-image{display:block;width:100%;height:100%;object-fit:cover}.inline-cta-email-section{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.inline-cta-email-label{font-size:var(--text-sm-size);font-weight:var(--weight-medium);line-height:var(--line-height-normal);color:var(--bh-inline-cta-email-label-color)}.inline-cta-email-input{display:flex;gap:var(--spacing-md);align-items:flex-start;width:100%}.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{.inline-cta-horizontal{flex-direction:row;align-items:stretch}.inline-cta-horizontal .inline-cta-media{width:240px;align-self:stretch}.inline-cta-horizontal .inline-cta-content{padding:var(--spacing-3xl)}.inline-cta-vertical{flex-direction:column}.inline-cta-vertical .inline-cta-media{width:100%;height:200px}.inline-cta-vertical .inline-cta-content{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl)}.inline-cta-vertical .inline-cta-actions{flex-direction:column;width:100%}.inline-cta-vertical .inline-cta-actions ::slotted(*){width:100%}.inline-cta-type-email-field.inline-cta-vertical .inline-cta-email-input{flex-direction:column}.inline-cta-type-email-field.inline-cta-vertical .inline-cta-email-input ::slotted(*){width:100%}.inline-cta-type-change-plan .inline-cta-body{gap:var(--spacing-xl)}.inline-cta-type-upgrade-plan .inline-cta-body{gap:var(--spacing-md)}.inline-cta-type-receipt .inline-cta-body{gap:var(--spacing-lg)}}@layer bh-states{.inline-cta-dismissable .inline-cta-content{padding-right:calc(var(--spacing-lg) + 40px)}}';export{h as bh_inline_cta}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,a as r,h as a,H as e}from"./p-CTHvNfIu.js";import{c as o}from"./p-CMKOFHIa.js";import{c as n}from"./p-YdVz1TeW.js";import{m as s,M as h}from"./p-CSH9RXgl.js";import{r as l}from"./p-Xi3uD33F.js";import{v as d}from"./p-R-A72b5e.js";import{B as p,r as c}from"./p-BNVOtH-1.js";const u=class{constructor(r){t(this,r),this.bhChange=i(this,"bhChange"),this.bhInput=i(this,"bhInput"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur"),this.bhHelpClick=i(this,"bhHelpClick"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}logger=o("bh-tag-input");inputEl;internals;get el(){return r(this)}label="";placeholder="Add tags...";hintText="";showLabel=!0;showHintText=!0;error=!1;disabled=!1;required=!1;value="";name="";defaultTags="[]";tags="[]";maxTags;tagSize;separatorKeys='["Enter"]';allowDuplicates=!1;showHelpIcon=!1;helpIconTooltip="Help";size="md";focusState=n();i18nUnsubscribe;focusVersion=0;_i18nVersion=0;bhChange;bhInput;bhFocus;bhBlur;bhHelpClick;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),s.increment(h.COMPONENT_ERROR,{component:"bh-tag-input",error_type:t instanceof Error?t.name:"unknown"}),l("bh-tag-input",t)}getParsedTags(){if(Array.isArray(this.tags))return this.tags;const t=d(this.tags);return t.valid?t.value??[]:(this.logger.warn("Invalid tags JSON:",{errors:t.errors}),[])}getParsedSeparatorKeys(){if(Array.isArray(this.separatorKeys))return this.separatorKeys;const t=d(this.separatorKeys);return t.valid?t.value??["Enter"]:["Enter"]}generateId(){return`tag-${Date.now()}-${Math.random().toString(36).slice(2,9)}`}addTag(t){if(!t.trim())return;const i=this.getParsedTags();if(void 0!==this.maxTags&&i.length>=this.maxTags)return;if(!this.allowDuplicates&&i.some((i=>i.label.toLowerCase()===t.toLowerCase())))return;const r={id:this.generateId(),label:t},a=[...i,r];this.tags=JSON.stringify(a),this.value="",this.syncFormValueFromTags(a),this.bhChange.emit(a)}removeTag(t){const i=this.getParsedTags().filter((i=>i.id!==t.id));this.tags=JSON.stringify(i),this.syncFormValueFromTags(i),this.bhChange.emit(i)}removeLastTag(){const t=this.getParsedTags();0!==t.length&&this.removeTag(t[t.length-1])}syncFormValueFromTags(t){if(!this.internals||!this.name)return;const i=t.map((t=>t.label)).join(",");this.internals.setFormValue(i||null)}formResetCallback(){this.tags=this.defaultTags,this.value="",this.syncFormValueFromTags(this.getParsedTags())}handleInput=t=>{this.value=t.target.value,this.bhInput.emit(this.value)};handleKeyDown=t=>{if(t.isComposing)return;const i=this.getParsedSeparatorKeys(),r=this.value.trim();if(i.includes(t.key)&&r)return t.preventDefault(),void this.addTag(r);"Backspace"===t.key&&""===this.value&&this.removeLastTag()};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()};handleContainerClick=()=>{this.inputEl?.focus()};handleHelpClick=()=>{this.bhHelpClick.emit()};componentWillLoad(){this.i18nUnsubscribe=p.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}render(){const t=this.getParsedTags(),i={"tag-input-field":!0,[`tag-input-field-${this.size}`]:!0,"tag-input-focused":this.focusState.isFocused,"tag-input-hover":this.focusState.isHovered&&!this.focusState.isFocused,"tag-input-error":this.error,"tag-input-disabled":this.disabled};return a(e,{key:"3fc8a7109097f9cd6d12d7931079e735a76673ba"},a("div",{key:"29dacb1ef719e5ad6207657d5f8594c449a0fa34",class:"tag-input-wrapper",part:"wrapper"},a("bh-label",{key:"f3822f0c81de310980e1937e54272c391e9105a9",disabled:this.disabled,helpIconTooltip:c("bh-tag-input","helpIconTooltip",this.helpIconTooltip,"Help"),label:this.showLabel?this.label:"",onBhHelpClick:this.handleHelpClick,required:this.required,showHelpIcon:this.showHelpIcon},a("div",{key:"3aa490ed1f1c9c0bbbbef52efc06ddb1125eb7dc",class:i,onClick:this.handleContainerClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"field"},a("div",{key:"082cd9bcac878b8740c952c8e76456fc336303cd",class:"tag-input-content-flow"},t.map((t=>a("bh-tag",{avatarSrc:t.avatarSrc,disabled:this.disabled,dismissible:!this.disabled,key:t.id,label:t.label,onBhClose:()=>this.removeTag(t),size:this.tagSize??this.size,variant:t.variant??"text-only"}))),a("input",{key:"a2fca86ab273a56e53020999c70f4373704722d9","aria-describedby":this.showHintText&&this.hintText?"tag-input-hint":void 0,"aria-invalid":this.error?"true":void 0,"aria-label":this.label||"Tag input","aria-required":this.required?"true":void 0,class:"tag-inline-input",disabled:this.disabled,onBlur:this.handleBlur,onFocus:this.handleFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,part:"input",placeholder:0===t.length?c("bh-tag-input","placeholder",this.placeholder,"Add tags..."):"",ref:t=>{this.inputEl=t},type:"text",value:this.value})))),this.showHintText&&this.hintText&&a("div",{key:"2edbc0d596d50fc63e9fbee35a56d2f2df828346",class:{"hint-text":!0,"hint-error":this.error},id:"tag-input-hint"},this.hintText)))}static get formAssociated(){return!0}};u.style="@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-tag-input-bg: var(--color-bg-primary); --bh-tag-input-bg-disabled: var(--color-bg-secondary); --bh-tag-input-color: var(--color-text-primary); --bh-tag-input-color-placeholder: var(--color-text-disabled); --bh-tag-input-border-color: var(--color-border-primary); --bh-tag-input-border-color-hover: var(--color-border-interactive); --bh-tag-input-border-color-focus: var(--color-border-interactive); --bh-tag-input-border-color-error: var(--color-border-error); --bh-tag-input-border-radius: var(--radius-md); --bh-tag-input-hint-color: var(--color-text-secondary); --bh-tag-input-hint-error-color: var(--color-text-error); --bh-tag-input-min-height: var(--sp-20); --bh-tag-input-padding: var(--bh-input-padding-md); --bh-tag-input-gap: var(--spacing-xs); } } @layer bh-base { .tag-input-wrapper { display: flex; flex-direction: column; gap: var(--spacing-sm); width: 100%; } .tag-input-field { display: flex; min-height: var(--bh-tag-input-min-height); padding: var(--bh-tag-input-padding); background: var(--bh-tag-input-bg); border: 1px solid var(--bh-tag-input-border-color); border-radius: var(--bh-tag-input-border-radius); box-shadow: var(--shadow-input); transition: border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out; align-items: flex-start; cursor: text; } .tag-input-content-flow { display: flex; flex-wrap: wrap; align-items: center; align-content: flex-start; gap: var(--bh-tag-input-gap); width: 100%; } .tag-inline-input { flex: 1; min-width: 60px; border: none; outline: none; background: transparent; font-family: var(--font-inter); font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-tag-input-color); padding: var(--spacing-xxs) 0; box-shadow: none; } .tag-inline-input::placeholder { color: var(--bh-tag-input-color-placeholder); } .tag-inline-input:disabled { cursor: not-allowed; } .hint-text { font-family: var(--font-inter); font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-tag-input-hint-color); } } @layer bh-variants { .tag-input-field-sm { --bh-tag-input-min-height: var(--sp-16); --bh-tag-input-padding: var(--bh-input-padding-sm); } .tag-input-field-lg { --bh-tag-input-min-height: var(--sp-24); --bh-tag-input-padding: var(--bh-input-padding-lg); } } @layer bh-states { .tag-input-field:hover:not(.tag-input-disabled):not(.tag-input-focused) { border-color: var(--bh-tag-input-border-color-hover); } .tag-input-focused { border-color: var(--bh-tag-input-border-color-focus); box-shadow: 0 0 0 1px var(--bh-tag-input-border-color-focus); } .tag-input-error { border-color: var(--bh-tag-input-border-color-error); } .tag-input-error:hover:not(.tag-input-focused) { border-color: var(--bh-tag-input-border-color-error); } .tag-input-error.tag-input-focused { border-color: var(--bh-tag-input-border-color-focus); box-shadow: 0 0 0 1px var(--bh-tag-input-border-color-focus); } .tag-input-disabled { opacity: 0.5; cursor: not-allowed; background: var(--bh-tag-input-bg-disabled); } .hint-text.hint-error { color: var(--bh-tag-input-hint-error-color); } } @layer bh-utilities { @media (max-width: 768px) { .tag-inline-input { font-size: 16px; } } }";export{u as bh_tag_input}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,a as r,h as e,H as a}from"./p-CTHvNfIu.js";import{s,v as o}from"./p-DWWRC9ht.js";import{c as n}from"./p-CMKOFHIa.js";import{c as h}from"./p-YdVz1TeW.js";import{m as c,M as l}from"./p-CSH9RXgl.js";import{r as p}from"./p-Xi3uD33F.js";import{B as d,r as f}from"./p-BNVOtH-1.js";import{K as u}from"./p-zdFuIabL.js";import{b as v}from"./p-R-A72b5e.js";const b=class{constructor(r){i(this,r),this.bhInput=t(this,"bhInput"),this.bhChange=t(this,"bhChange"),this.bhFocus=t(this,"bhFocus"),this.bhBlur=t(this,"bhBlur"),this.bhValidityChange=t(this,"bhValidityChange"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}get el(){return r(this)}internals;logger=n("bh-input-verification");inputsCache=null;size="md";digits=4;label="";showLabel=!0;hintText="This is a hint text to help user.";showHintText=!0;error=!1;disabled=!1;required=!1;showSeparator=!0;placeholder="";width="";value="";name="";defaultValue="";validationMessage="";values=[];bhInput;bhChange;bhFocus;bhBlur;bhValidityChange;focusState=h();i18nUnsubscribe;focusVersion=0;_i18nVersion=0;componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:new Error(String(i))),c.increment(l.COMPONENT_ERROR,{component:"bh-input-verification",error_type:i instanceof Error?i.name:"unknown"}),p("bh-input-verification",i)}watchValue(i){if(i===this.values.join(""))return;const t=i.split("").concat(Array(this.digits).fill("")).slice(0,this.digits);this.values=t}watchDigits(){this.values=Array(this.digits).fill(""),this.inputsCache=null}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=d.onLocaleChange((()=>{this._i18nVersion++})),this.values=this.value?this.value.split("").concat(Array(this.digits).fill("")).slice(0,this.digits):Array(this.digits).fill("")}componentDidLoad(){this.populateInputsCache(),this.disabled||this.inputsCache?.[0]?.focus(),s(this),this.updateValidity()}connectedCallback(){this.el.shadowRoot?.querySelector("input")&&this.populateInputsCache()}disconnectedCallback(){this.inputsCache=null,this.i18nUnsubscribe?.()}formResetCallback(){const i=this.defaultValue?this.defaultValue.split("").concat(Array(this.digits).fill("")).slice(0,this.digits):Array(this.digits).fill("");this.values=i,this.value=i.join(""),s(this),this.updateValidity()}updateValidity(){const i=this.values.every((i=>""!==i));o(this.internals,this.required,i,this.validationMessage||"Please enter the complete verification code."),this.emitValidityChange()}emitValidityChange(){if(this.internals.validity)return void this.bhValidityChange.emit(this.internals.validity);const i=this.values.every((i=>""!==i));this.bhValidityChange.emit({valid:!this.required||i,valueMissing:this.required&&!i,customError:!1,badInput:!1,typeMismatch:!1,tooLong:!1,tooShort:!1,rangeUnderflow:!1,rangeOverflow:!1,stepMismatch:!1})}populateInputsCache(){this.inputsCache=this.el.shadowRoot?.querySelectorAll("input")??null}getInput(i){return this.inputsCache||this.populateInputsCache(),this.inputsCache?.[i]??void 0}updateValues(i){this.values=i;const t=i.join("");this.value=t,this.bhInput.emit(t),s(this),this.updateValidity(),i.every((i=>""!==i))&&this.bhChange.emit(t)}handleInputChange(i,t){const r=t.target.value.replace(/\D/g,"").slice(-1),e=[...this.values];e[i]=r,this.updateValues(e),r&&i<this.digits-1&&this.getInput(i+1)?.focus()}handleKeyDown(i,t){if(t.key===u.BACKSPACE){t.preventDefault();const r=[...this.values];this.values[i]?(r[i]="",this.updateValues(r)):i>0&&(r[i-1]="",this.updateValues(r),this.getInput(i-1)?.focus())}else if(t.key===u.ARROW_LEFT&&i>0)t.preventDefault(),this.getInput(i-1)?.focus();else if(t.key===u.ARROW_RIGHT&&i<this.digits-1)t.preventDefault(),this.getInput(i+1)?.focus();else if(t.key>="0"&&t.key<="9"){t.preventDefault();const r=[...this.values];r[i]=t.key,this.updateValues(r),i<this.digits-1&&this.getInput(i+1)?.focus()}}handlePaste(i){i.preventDefault();const t=(i.clipboardData?.getData("text")||"").replace(/\D/g,"").slice(0,this.digits);if(t){const i=t.split("").concat(Array(this.digits).fill("")).slice(0,this.digits);this.updateValues(i);const r=i.findIndex((i=>""===i)),e=-1===r?this.digits-1:Math.min(r,this.digits-1);this.getInput(e)?.focus()}}handleInputFocus=i=>{const t=i.target;"function"==typeof t.select&&t.select(),this.focusState.handleFocus(i,(i=>this.bhFocus.emit(i)))};handleInputBlur=i=>{this.focusState.handleBlur(i,(i=>this.bhBlur.emit(i)))};renderInputs(){const i=[];for(let t=0;t<this.digits;t++)6===this.digits&&3===t&&this.showSeparator&&i.push(e("span",{class:{separator:!0,[`size-${this.size}`]:!0},key:"separator"},"-")),i.push(e("input",{"aria-invalid":this.error?"true":void 0,"aria-label":`Digit ${t+1} of ${this.digits}`,class:{"verification-input":!0,[`size-${this.size}`]:!0,error:this.error},disabled:this.disabled,inputmode:"numeric",key:t,maxLength:1,onBlur:i=>this.handleInputBlur(i),onFocus:i=>this.handleInputFocus(i),onInput:i=>this.handleInputChange(t,i),onKeyDown:i=>this.handleKeyDown(t,i),onPaste:i=>this.handlePaste(i),part:"input",pattern:"[0-9]",placeholder:this.placeholder&&t<this.placeholder.length?this.placeholder[t]:"",type:"text",value:this.values[t]||""}));return i}get safeWidth(){if(!this.width)return"";const i=v(this.width,50);return i.valid?i.value:(p("bh-input-verification",new Error(`Invalid width: ${i.errors.map((i=>i.message)).join(", ")}`)),"")}render(){const i=this.safeWidth?{width:this.safeWidth}:{};return e(a,{key:"511ee54d643c20b01ec50fc5ec60d780874f8e94"},e("div",{key:"9ebee96e914322316563b5c32a622cbac7e581c3",class:"input-verification-wrapper","data-focused":String(this.focusState.isFocused),part:"wrapper",style:i},e("bh-label",{key:"c128de362fd332a76ac5d99b6a563fbfbeec8d69",disabled:this.disabled,label:this.showLabel?this.label:"",required:this.required},e("div",{key:"db42e6b23ec6189668701fbcc5d29ff2786fa7d8","aria-label":this.label,class:"input-verification-container",part:"container",role:"group"},this.renderInputs())),this.showHintText&&this.hintText&&e("div",{key:"2a3734117f34c8ba7c393dae1180c1a08f99929a",class:{"hint-text":!0,error:this.error},part:"hint"},f("bh-input-verification","hintText",this.hintText,"This is a hint text to help user."))))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue:0}],digits:[{watchDigits:0}]}}};b.style='@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block}}@layer bh-base{.input-verification-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:fit-content}.input-verification-container{display:flex;align-items:center;gap:var(--spacing-sm)}}@layer bh-tokens{:host{--bh-input-verification-bg:var(--color-bg-primary);--bh-input-verification-border-color:var(--color-border-primary);--bh-input-verification-border-radius:var(--radius-xl);--bh-input-verification-color:var(--color-text-primary);--bh-input-verification-font-family:var(--font-inter);--bh-input-verification-font-weight:var(--weight-medium);--bh-input-verification-font-size-sm:var(--sp-12);--bh-input-verification-font-size-lg:3.75rem;--bh-input-verification-separator-font-size:var( --display-xs-size );--bh-input-verification-separator-font-size-lg:var( --display-sm-size );}}@layer bh-base{.verification-input{width:var(--sp-16);height:var(--sp-16);padding:0;border:1px solid var(--bh-input-verification-border-color);border-radius:var(--bh-input-verification-border-radius);background-color:var(--bh-input-verification-bg);font-family:var(--bh-input-verification-font-family);font-size:var(--bh-input-verification-font-size-sm);font-weight:var(--bh-input-verification-font-weight);line-height:1;color:var(--bh-input-verification-color);transition:border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease;outline:none;box-sizing:border-box}.separator{font-family:var(--bh-input-verification-font-family);font-size:var(--bh-input-verification-separator-font-size);font-weight:var(--weight-medium);color:var(--color-text-disabled);margin:0 var(--spacing-xs);line-height:1}.hint-text{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}}@layer bh-variants{.verification-input.size-sm{width:var(--sp-16);height:var(--sp-16);font-size:var(--bh-input-verification-font-size-sm);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-md)}.verification-input.size-md{width:var(--sp-20);height:var(--sp-20);font-size:var(--bh-input-verification-font-size-sm);border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-3xl)}.verification-input.size-lg{width:var(--sp-24);height:var(--sp-24);font-size:var(--bh-input-verification-font-size-lg);border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-4xl)}.separator.size-sm{font-size:var(--bh-input-verification-separator-font-size)}.separator.size-md{font-size:var(--bh-input-verification-separator-font-size)}.separator.size-lg{font-size:var(--bh-input-verification-separator-font-size-lg)}}@layer bh-states{.verification-input:hover:not(:disabled){border-color:var(--color-border-primary)}.verification-input:focus{border-color:var(--color-border-interactive);box-shadow:0 0 0 4px var(--color-bg-secondary)}.verification-input.error{border-color:var(--color-border-error)}.verification-input.error:focus{border-color:var(--color-border-error);box-shadow:0 0 0 4px var(--color-bg-secondary)}.verification-input:disabled{background-color:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-disabled);cursor:not-allowed}.verification-input::placeholder{color:var(--color-text-disabled);opacity:1;font-size:inherit;font-weight:var(--weight-regular)}.hint-text.error{color:var(--color-text-error)}}';export{b as bh_input_verification}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as a,H as o}from"./p-CTHvNfIu.js";import{c as e}from"./p-CMKOFHIa.js";import{m as n,M as t}from"./p-CSH9RXgl.js";import{r as i}from"./p-Xi3uD33F.js";const s="bh-container",c=class{constructor(a){r(this,a)}logger=e(s);withFooter=!1;componentDidCatch(r){const a=r instanceof Error?r:new Error(String(r));this.logger.error("Component error caught",a),n.increment(t.COMPONENT_ERROR,{component:s,error_type:a.name}),i(s,r)}render(){return a(o,{key:"e2987561f8e89e914497aef104afe72066a56f7c"},a("div",{key:"aee865779664a7eb12219091436e6f08707df3f7",class:{container:!0,"container-with-footer":this.withFooter},part:"container"},a("slot",{key:"9ac3d4cb9d32a20b8b765e1222d26fa12cc239d0"})))}};c.style="@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-container-bg:var(--color-bg-primary);--bh-container-border-color:var(--color-border-secondary);--bh-container-border-radius:var(--radius-xl);--bh-container-padding:var(--spacing-2xl);--bh-container-gap:var(--spacing-2xl)}}@layer bh-base{.container{display:flex;flex-direction:column;gap:var(--bh-container-gap);padding:var(--bh-container-padding);background:var(--bh-container-bg);border:1px solid var(--bh-container-border-color);border-radius:var(--bh-container-border-radius);width:fit-content;font-family:var(--font-inter)}}@layer bh-variants{.container-with-footer{border-bottom:none;border-radius:var(--bh-container-border-radius) var(--bh-container-border-radius) 0 0}}";export{c as bh_container}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as i,H as a}from"./p-CTHvNfIu.js";import{c as s}from"./p-CMKOFHIa.js";import{c as r}from"./p-CKTtXT2O.js";import"./p-Xi3uD33F.js";import"./p-CSH9RXgl.js";const c="bh-guided-checklist",o=class{constructor(i){e(this,i),this.bhOpen=t(this,"bhOpen"),this.bhClose=t(this,"bhClose"),this.bhTaskStart=t(this,"bhTaskStart")}logger=s(c);_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=r({componentName:c,logger:this.logger})),this._errorHandler}config;taskGroups=[];open=!1;fabIcon="rocket_launch";overlay=!1;bhOpen;bhClose;bhTaskStart;componentDidCatch(e){this.handleComponentError(e)}handleGroupToggle(e){e.stopPropagation()}get parsedConfig(){if(this.config){if("string"==typeof this.config)try{return JSON.parse(this.config)}catch{return}return this.config}}get parsedTaskGroups(){if("string"==typeof this.taskGroups)try{return JSON.parse(this.taskGroups)}catch{return[]}return this.taskGroups||[]}handleTriggerClick=()=>{this.open=!this.open,this.open?this.bhOpen.emit():this.bhClose.emit()};handleClose=()=>{this.open&&(this.open=!1,this.bhClose.emit())};handlePanelClose=e=>{e.stopPropagation(),this.handleClose()};render(){const e=this.parsedConfig,t=this.parsedTaskGroups;return i(a,{key:"b3e42363800c16ed240c69510ecbb72340a05b38"},i("div",{key:"895ebe00610726e090d8cfa385a5abe7742bbaab",class:"checklist-trigger",onClick:this.handleTriggerClick},i("slot",{key:"c0bcc3d02febc501e179de50ec265c5586af90aa",name:"trigger"},i("bh-fab",{key:"9d594b3a47b99508d4c8227852f14b9515a8a1c8",ariaLabel:this.open?"Close guided checklist":"Open guided checklist",iconName:this.fabIcon,size:"lg"}))),i("bh-side-panel",{key:"9f00737562b322e554ebc8ce41c746fa741329d2",closeOnEsc:!0,onBhClose:this.handlePanelClose,overlay:this.overlay,panelTitle:e?.title??"Guided Checklist",placement:"bottom-right",style:{"--bh-panel-floating-margin":"24px 24px 88px 24px"},variant:"floating",visible:this.open,width:"lg"},i("div",{key:"6305494cb28b5a01292058364d3ef94de45f036f",class:"checklist-header",slot:"header"},i("div",{key:"3a71ae78a97b041ce8dd7d4593f37e94932f4a11",class:"checklist-header-top"},e?.logoSrc&&i("img",{key:"0d48bf2f7114de0cd92b1cc4469d854fad216c70",alt:e.logoAlt??"",class:"checklist-logo",src:e.logoSrc}),i("bh-close-button",{key:"592944ee008cfbaea86a5d6adf428295b72f42ea",ariaLabel:"Close",onClick:this.handleClose})),e&&i("div",{key:"c1ca068e102ec9ef4c4ea02a542072c6db3abfad",class:"checklist-header-text"},i("h3",{key:"a2ff9d492f0cc465569cacf019d6f5cda628dc8b",class:"checklist-title"},e.title),e.description&&i("p",{key:"033d665a5ec70724f632c22359678fcea96c7b7a",class:"checklist-description"},e.description))),i("div",{key:"e2cfdcdede5b85a24a1ed32d3eee0b8cc413ad8a",class:"checklist-body"},t.map((e=>i("bh-checklist-task-group",{group:e,key:e.id}))))))}};o.style='@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-checklist-title-color:var(--color-text-primary);--bh-checklist-description-color:var(--color-text-secondary)}}@layer bh-base{.checklist-trigger{position:fixed;bottom:var(--spacing-3xl);right:var(--spacing-3xl);z-index:var(--bh-z-index-popover);display:inline-flex;cursor:pointer}.checklist-header{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-4xl) var(--spacing-4xl) 0}.checklist-header-top{display:flex;align-items:flex-start;justify-content:space-between}.checklist-logo{width:56px;height:56px;object-fit:contain}.checklist-header-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.checklist-title{margin:0;font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-checklist-title-color)}.checklist-description{margin:0;font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line-height);color:var(--bh-checklist-description-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checklist-body{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-4xl) var(--spacing-4xl);overflow-y:auto}.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-utilities{.checklist-body{scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}.checklist-body::-webkit-scrollbar{width:4px}.checklist-body::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-xs)}.checklist-body::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-xs)}.checklist-body::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}}';export{o as bh_guided_checklist}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as t,h as a}from"./p-CTHvNfIu.js";const o=class{constructor(a){t(this,a)}gap=12;render(){return a("div",{key:"fb695d7334b2b35348fc82e9e52fa69203f8a923","aria-label":"Notifications","aria-live":"polite","aria-relevant":"additions",class:"toast-container",role:"region",style:{gap:`${this.gap}px`}},a("slot",{key:"5ddf3fe4f2bc19ba537d41a6543e787c7fbf418c"}))}};o.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; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-toast-container-top:var(--spacing-xl);--bh-toast-container-right:var(--spacing-xl);--bh-toast-container-z-index:var(--bh-z-index-toast);--bh-toast-container-gap:var(--spacing-lg)}}@layer bh-base{:host{position:fixed;top:var(--bh-toast-container-top);right:var(--bh-toast-container-right);z-index:var(--bh-toast-container-z-index);pointer-events:none}.toast-container{display:flex;flex-direction:column;gap:var(--bh-toast-container-gap);pointer-events:auto}}";export{o as bh_toast_container}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,a as e,h as o,H as a}from"./p-CTHvNfIu.js";import{c as s,s as l,a as r}from"./p-CS8F5LFw.js";import{D as n}from"./p-BoVgy_Ao.js";import{c as h}from"./p-CMKOFHIa.js";import{m as c,M as p}from"./p-CSH9RXgl.js";import{r as b}from"./p-Xi3uD33F.js";import{B as d,r as f}from"./p-BNVOtH-1.js";import{t as m}from"./p-Bf0qW3wI.js";import{a as g}from"./p-BqJRACkO.js";import{s as u}from"./p-_HEoiOQg.js";import{c as v}from"./p-B93zYxiE.js";import"./p-zdFuIabL.js";const y=class{constructor(e){t(this,e),this.bhHelpClick=i(this,"bhHelpClick")}get el(){return e(this)}logger=h("bh-label");destroy$=s();tooltipSubscription;i18nUnsubscribe;_i18nVersion=0;label="";layout="block";size="md";for="";supportingText="";required=!1;showHelpIcon=!1;helpIconTooltip="Help";disabled=!1;showHelpTooltip=!1;bhHelpClick;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),c.increment(p.COMPONENT_ERROR,{component:"bh-label",error_type:t instanceof Error?t.name:"unknown"}),b("bh-label",t)}componentWillLoad(){this.i18nUnsubscribe=d.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.syncControlAriaLabel()}handleAssociationChange(){this.syncControlAriaLabel()}disconnectedCallback(){l(this.tooltipSubscription),this.tooltipSubscription=void 0,r(this.destroy$),this.i18nUnsubscribe?.()}showHelpTooltipDelayed=()=>{l(this.tooltipSubscription),this.destroy$&&(this.tooltipSubscription=m(n.HOVER,this.destroy$)?.subscribe((()=>{this.showHelpTooltip=!0})))};hideHelpTooltip=()=>{l(this.tooltipSubscription),this.tooltipSubscription=void 0,this.showHelpTooltip=!1};handleHelpIconClick=()=>{this.bhHelpClick.emit()};handleHelpIconKeyDown=t=>{if(g(t))return t.preventDefault(),void this.bhHelpClick.emit();"Escape"===t.key&&this.showHelpTooltip&&(t.stopPropagation(),this.hideHelpTooltip())};handleLabelClick=()=>{if(this.disabled)return;const t=this.findAssociatedControl();t&&(t.focus(),t instanceof HTMLInputElement&&("checkbox"===t.type||"radio"===t.type)&&t.click())};findAssociatedControl(){if(this.for){const t=this.el.getRootNode();return t.getElementById?.(this.for)??void 0}return this.el.querySelector("input, select, textarea, button, [tabindex]")??void 0}syncControlAriaLabel(){if(!this.for||!this.label)return;const t=this.findAssociatedControl();if(!t)return;const i="true"===t.getAttribute("data-bh-label");(t.hasAttribute("aria-label")||t.hasAttribute("aria-labelledby"))&&!i||(t.setAttribute("aria-label",this.label),t.setAttribute("data-bh-label","true"))}render(){const t={"label-container":!0,[`layout-${this.layout}`]:!0,[`size-${this.size}`]:!0,disabled:this.disabled},i={"supporting-text":!0,disabled:this.disabled},e=o("div",{class:"label-wrapper",part:"label-wrapper"},this.label&&o("label",{class:{"label-text":!0,disabled:this.disabled},htmlFor:this.for||void 0,onClick:this.handleLabelClick},this.label),this.required&&o("span",{class:"asterisk"},"*"),this.showHelpIcon&&o("div",{class:"icon-with-tooltip"},o("span",{"aria-label":f("bh-label","helpIconTooltip",this.helpIconTooltip,"Help"),class:"help-icon material-symbols-outlined",onBlur:this.hideHelpTooltip,onClick:this.handleHelpIconClick,onFocus:this.showHelpTooltipDelayed,onKeyDown:this.handleHelpIconKeyDown,onMouseEnter:this.showHelpTooltipDelayed,onMouseLeave:this.hideHelpTooltip,role:"button",tabindex:"0"},"help"),o("bh-tooltip",{placement:"top",text:f("bh-label","helpIconTooltip",this.helpIconTooltip,"Help"),visible:this.showHelpTooltip}))),s=this.supportingText&&o("p",{class:i},this.supportingText),l=o("div",{class:"label-content",part:"content"},o("slot",null));return o(a,null,"inline-start"===this.layout?o("div",{class:t,part:"container"},l,o("div",{class:"label-text-group",part:"text-group"},e,s)):o("div",{class:t,part:"container"},e,s,l))}static get watchers(){return{for:[{handleAssociationChange:0}],label:[{handleAssociationChange:0}]}}};y.style="@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-label-font-family:var(--font-inter);--bh-label-font-size:var(--text-sm-size);--bh-label-font-weight:var(--weight-medium);--bh-label-color:var(--color-text-secondary);--bh-label-color-disabled:var(--color-text-disabled);--bh-label-supporting-text-color:var(--color-text-tertiary);--bh-label-error-color:var(--color-text-error);--bh-label-icon-color:var(--color-text-tertiary);--bh-label-icon-color-hover:var(--color-text-secondary);--bh-label-icon-color-disabled:var(--color-border-disabled);--bh-label-gap-xs:var(--spacing-xxs);--bh-label-gap-sm:var(--spacing-xs);--bh-label-gap-md:var(--spacing-sm)}}@layer bh-base{.label-container{display:flex;flex-direction:column;gap:var(--bh-label-gap-sm)}.label-wrapper{display:flex;align-items:center;gap:var(--bh-label-gap-xs)}.label-text{font-family:var(--bh-label-font-family);font-weight:var(--bh-label-font-weight);font-size:var(--bh-label-font-size);line-height:1.43;color:var(--bh-label-color);margin:0;cursor:default}.asterisk{font-family:var(--bh-label-font-family);font-weight:var(--weight-regular);font-size:var(--bh-label-font-size);line-height:1.43;color:var(--bh-label-error-color)}.supporting-text{font-family:var(--bh-label-font-family);font-weight:var(--weight-regular);font-size:var(--bh-label-font-size);line-height:1.43;color:var(--bh-label-supporting-text-color);margin:0}.label-content{width:100%}.icon-with-tooltip{position:relative;display:flex;align-items:center;flex-shrink:0;margin-left:auto}.help-icon{font-size:var(--text-xl-size);color:var(--bh-label-icon-color);cursor:pointer;user-select:none;transition:color var(--animation-duration-normal) ease-in-out}}@layer bh-variants{.label-container.layout-block{flex-direction:column}.label-container.layout-inline{flex-direction:row;align-items:flex-start;gap:var(--bh-label-gap-md)}.label-container.layout-inline .label-wrapper{flex-shrink:0}.label-container.layout-inline-start{flex-direction:row;align-items:flex-start;gap:var(--bh-label-gap-md)}.label-container.layout-inline-start .label-content{flex-shrink:0;width:auto}.label-container.layout-inline-start .label-text-group{display:flex;flex-direction:column;gap:var(--sp-0-5)}.label-container.layout-inline-start .label-wrapper{gap:var(--bh-label-gap-xs)}.label-container.layout-inline-start .label-text{font-size:var(--text-md-size);color:var(--bh-label-color);cursor:pointer}.label-container.layout-inline-start .supporting-text{font-size:var(--bh-label-font-size);color:var(--bh-label-supporting-text-color)}.label-container.layout-inline-start.size-sm .label-text{font-size:var(--text-sm-size)}.label-container.layout-inline-start.size-sm .supporting-text{font-size:var(--text-xs-size)}.label-container.layout-inline-space-between{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--bh-label-gap-md)}.label-container.layout-inline-space-between .label-wrapper{flex-shrink:0}.label-container.layout-inline-space-between .label-content{flex-grow:1;display:flex;justify-content:flex-end}}@layer bh-states{.label-text.disabled{color:var(--bh-label-color-disabled)}.supporting-text.disabled{color:var(--bh-label-color-disabled)}.label-container.disabled .help-icon{color:var(--bh-label-icon-color-disabled);cursor:not-allowed}.help-icon:hover{color:var(--bh-label-icon-color-hover)}}";const x={shiftPadding:8,autoUpdate:!0,timeoutMs:2e3},w={top:"tooltip-top",bottom:"tooltip-bottom",left:"tooltip-left",right:"tooltip-right"};let k=0;const C=class{constructor(e){t(this,e),this.bhOpen=i(this,"bhOpen"),this.bhClose=i(this,"bhClose")}get el(){return e(this)}logger=h("bh-tooltip");positioner;referenceEl;interactionTarget;describedByTarget;tooltipEl;pendingRafId;setupRetryCount=0;escapeListenerAttached=!1;text="";placement="top";variant="default";visible;interactionOpen=!1;get isShown(){return this.visible??this.interactionOpen}maxWidth;tooltipId;offset=6;flip=!0;shift=!0;referenceSelector;strategy="absolute";computedPosition=null;isPositioned=!1;bhOpen;bhClose;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),c.increment(p.COMPONENT_ERROR,{component:"bh-tooltip",error_type:t instanceof Error?t.name:"unknown"}),b("bh-tooltip",t)}componentDidLoad(){this.findReferenceElement(),this.attachInteractionListeners(),this.wireAriaDescribedBy(),this.isShown&&this.setupPositioner()}wireAriaDescribedBy(){this.unwireAriaDescribedBy(),this.tooltipId?this.el.id=this.tooltipId:this.el.id||(k+=1,this.el.id=`bh-tooltip-${k}`);const t=this.referenceEl;t&&this.text&&!t.hasAttribute("aria-describedby")&&(t.setAttribute("aria-describedby",this.el.id),this.describedByTarget=t)}unwireAriaDescribedBy(){this.describedByTarget?.getAttribute("aria-describedby")===this.el.id&&this.describedByTarget.removeAttribute("aria-describedby"),this.describedByTarget=void 0}attachInteractionListeners(){this.detachInteractionListeners();const t=this.referenceEl;t&&(this.interactionTarget=t,t.addEventListener("mouseenter",this.handleTriggerEnter),t.addEventListener("mouseleave",this.handleTriggerLeave),t.addEventListener("focusin",this.handleTriggerEnter),t.addEventListener("focusout",this.handleTriggerLeave))}detachInteractionListeners(){const t=this.interactionTarget;t&&(t.removeEventListener("mouseenter",this.handleTriggerEnter),t.removeEventListener("mouseleave",this.handleTriggerLeave),t.removeEventListener("focusin",this.handleTriggerEnter),t.removeEventListener("focusout",this.handleTriggerLeave),this.interactionTarget=void 0)}handleTriggerEnter=()=>this.setInteractionOpen(!0);handleTriggerLeave=()=>this.setInteractionOpen(!1);setInteractionOpen(t){this.interactionOpen!==t&&(this.interactionOpen=t,void 0===this.visible&&(t?(this.attachEscapeListener(),this.setupPositioner(),this.bhOpen.emit()):(this.detachEscapeListener(),this.destroyPositioner(),this.bhClose.emit())))}handleDocumentKeyDown=t=>{"Escape"===t.key&&this.isShown&&this.setInteractionOpen(!1)};attachEscapeListener(){this.escapeListenerAttached||(this.el.ownerDocument.addEventListener("keydown",this.handleDocumentKeyDown),this.escapeListenerAttached=!0)}detachEscapeListener(){this.escapeListenerAttached&&(this.el.ownerDocument.removeEventListener("keydown",this.handleDocumentKeyDown),this.escapeListenerAttached=!1)}async show(){this.setInteractionOpen(!0)}async hide(){this.setInteractionOpen(!1)}disconnectedCallback(){this.detachInteractionListeners(),this.detachEscapeListener(),this.unwireAriaDescribedBy(),this.cancelPendingRaf(),this.destroyPositioner()}handleVisibleChange(t,i){t!==i&&(t?(this.setupPositioner(),this.bhOpen.emit()):(this.destroyPositioner(),this.bhClose.emit()))}handlePositionPropsChange(){this.isShown&&this.positioner&&(this.destroyPositioner(),this.setupPositioner())}async updatePosition(){this.positioner&&await this.positioner.update()}async setReferenceElement(t){this.referenceEl=t,this.attachInteractionListeners(),this.wireAriaDescribedBy(),this.isShown&&(this.destroyPositioner(),await this.setupPositioner())}cancelPendingRaf(){void 0!==this.pendingRafId&&(cancelAnimationFrame(this.pendingRafId),this.pendingRafId=void 0)}findReferenceElement(){if(this.referenceSelector){const t=this.el.getRootNode();this.referenceEl=t.querySelector(this.referenceSelector)??void 0}else this.referenceEl=this.el.firstElementChild?this.el.firstElementChild:this.el.parentElement??void 0}async setupPositioner(){if(this.cancelPendingRaf(),this.referenceEl&&this.tooltipEl){this.setupRetryCount=0;try{this.positioner=await v(this.referenceEl,this.tooltipEl,{placement:this.placement,offset:this.offset,flip:this.flip,shift:this.shift,...x},((t,i)=>{this.computedPosition={x:t,y:i},this.isPositioned=!0}))}catch(t){this.logger.warn("Failed to setup floating positioner, using fallback",{error:t instanceof Error?t.message:String(t)}),this.isPositioned=!1,this.computedPosition=null}}else this.setupRetryCount<3&&(this.setupRetryCount++,this.pendingRafId=requestAnimationFrame((()=>{this.pendingRafId=void 0,this.findReferenceElement(),this.referenceEl&&this.tooltipEl?this.setupPositioner():this.logger.warn("Unable to find reference or tooltip element",{hasReference:Boolean(this.referenceEl),hasTooltip:Boolean(this.tooltipEl),retryCount:this.setupRetryCount})})))}destroyPositioner(){this.cancelPendingRaf(),this.positioner&&(this.positioner.destroy(),this.positioner=void 0),this.computedPosition=null,this.isPositioned=!1,this.setupRetryCount=0}getFallbackPositionClass(){const t=this.placement.split("-")[0];return w[t]??"tooltip-top"}render(){const t=this.isPositioned&&null!==this.computedPosition,i={tooltip:!0,[this.getFallbackPositionClass()]:!t,[`tooltip-${this.variant}`]:!0,"tooltip-visible":this.isShown,"tooltip-positioned":t,multiline:void 0!==this.maxWidth&&this.maxWidth>240},e={};return this.maxWidth&&(e.maxWidth=`${this.maxWidth}px`),t&&this.computedPosition&&(e.position=u?"fixed":this.strategy,e.left=`${this.computedPosition.x}px`,e.top=`${this.computedPosition.y}px`,e.transform="none"),o(a,{key:"418c8ccb2a8b128651b91e4f83954a6f515c2a5f"},o("slot",{key:"0e151c6b6074829abaae38c5181b2deb508b8394"}),o("div",{key:"53c84943768b17a6197bf8794af2514e1d700fcf","aria-hidden":this.isShown?void 0:"true",class:i,part:"tooltip",ref:t=>this.tooltipEl=t,role:"tooltip",style:e},o("div",{key:"f63dfdab26a4ecab969169b912ad40a10b522254",class:"tooltip-content",part:"content"},this.text)))}static get watchers(){return{visible:[{handleVisibleChange:0}],placement:[{handlePositionPropsChange:0}],offset:[{handlePositionPropsChange:0}],flip:[{handlePositionPropsChange:0}],shift:[{handlePositionPropsChange:0}]}}};C.style="@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-tooltip-bg:var(--color-bg-inverse);--bh-tooltip-color:var(--color-text-inverse);--bh-tooltip-border-radius:var(--radius-md);--bh-tooltip-padding:var(--spacing-sm) var(--spacing-md)}}@layer bh-base{.tooltip:popover-open{background:transparent;overflow:visible;margin:0;inset:auto;border:0;padding:0}.tooltip{position:absolute;z-index:var(--bh-z-index-tooltip);pointer-events:none;opacity:0;transition:opacity var(--animation-duration-normal) ease-in-out;white-space:nowrap}.tooltip-visible{opacity:1}.tooltip{}.tooltip-positioned{margin:0}.tooltip-content{background-color:var(--bh-tooltip-bg);color:var(--bh-tooltip-color);font-family:var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-xs-size);line-height:var(--line-height-normal);padding:var(--bh-tooltip-padding);border-radius:var(--bh-tooltip-border-radius);box-shadow:var(--shadow-popover);position:relative}.tooltip{}.tooltip.multiline{white-space:normal}.tooltip.multiline .tooltip-content{max-width:var(--bh-illustrations-size-xl)}}@layer bh-variants{.tooltip{}.tooltip-top{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:var(--spacing-sm)}.tooltip-bottom{top:100%;left:50%;transform:translateX(-50%);margin-top:var(--spacing-sm)}.tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--spacing-sm)}.tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--spacing-sm)}.tooltip{}.tooltip-icon.tooltip-top{margin-bottom:var(--spacing-xs)}.tooltip-icon.tooltip-bottom{margin-top:var(--spacing-xs)}.tooltip-icon.tooltip-left{margin-right:var(--spacing-xs)}.tooltip-icon.tooltip-right{margin-left:var(--spacing-xs)}}";export{y as bh_label,C as bh_tooltip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as e,a,h as t,F as o}from"./p-CTHvNfIu.js";import{c as s}from"./p-CMKOFHIa.js";import{c as i,h as n}from"./p-C4V7Y6N_.js";import{B as b,r as c}from"./p-BNVOtH-1.js";import{m as d,M as l}from"./p-CSH9RXgl.js";import{r as m}from"./p-Xi3uD33F.js";import{v as h}from"./p-R-A72b5e.js";import{a as u}from"./p-BqJRACkO.js";import"./p-zdFuIabL.js";const p={label:"Home",path:"/"},v=class{constructor(a){r(this,a),this.bhItemClick=e(this,"bhItemClick"),this.bhChange=e(this,"bhChange")}get el(){return a(this)}logger=s("bh-breadcrumbs");navState=i();i18nUnsubscribe;_i18nVersion=0;items=[];separator="chevron_right";showHome=!0;maxVisibleItems=4;breadcrumbAriaLabel="Breadcrumb";homeAriaLabel="Home";overflowAriaLabelTemplate="Show {{count}} hidden items";bhItemClick;bhChange;openDropdownIndex=null;hasStartContent=!1;dropdownQuery="";dropdownSelections={};componentWillLoad(){this.i18nUnsubscribe=b.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),d.increment(l.COMPONENT_ERROR,{component:"bh-breadcrumbs",error_type:r instanceof Error?r.name:"unknown"}),m("bh-breadcrumbs",r)}get parsedItems(){if("string"==typeof this.items){const r=h(this.items);return r.valid?r.value??[]:(this.logger.warn("Invalid items JSON:",{errors:r.errors}),[])}return this.items||[]}get displayData(){const r=this.parsedItems;if(!r||r.length<=this.maxVisibleItems)return{displayItems:r?[...r]:[],showEllipsis:!1,collapsedItems:[]};const e=r.slice(-(this.maxVisibleItems-2));return{displayItems:[r[0],...e],showEllipsis:!0,collapsedItems:r.slice(1,-(this.maxVisibleItems-2))}}handleItemClick(r){!r.isActive&&r.path&&this.bhItemClick.emit(r)}handleStartSlotChange=r=>{this.hasStartContent=r.target.assignedElements().length>0};handleHomeClick=()=>{this.bhItemClick.emit(p)};handleEllipsisClick=()=>{const{collapsedItems:r}=this.displayData;r.length>0&&this.handleItemClick(r[0])};handleEllipsisKeyDown=r=>{u(r)&&(r.preventDefault(),this.handleEllipsisClick())};handleKeyDown=r=>{const e=n(r,{container:this.el?.shadowRoot??null,itemSelector:"button.breadcrumb-button:not(.breadcrumb-current)",orientation:"horizontal",wrapAround:!1},this.navState);e!==this.navState.focusedIndex&&(this.navState={...this.navState,focusedIndex:e})};toggleDropdown=r=>{this.openDropdownIndex=this.openDropdownIndex===r?null:r,this.dropdownQuery=""};handleOptionSelect=(r,e,a)=>{this.dropdownSelections={...this.dropdownSelections,[a]:e.id},this.bhChange.emit({item:r,option:e}),this.openDropdownIndex=null,this.dropdownQuery=""};selectedOption(r,e){const a=r.dropdown??[],t=this.dropdownSelections[e];if(void 0!==t){const r=a.find((r=>r.id===t));if(r)return r}return a.find((r=>r.isSelected))}filteredOptions(r){const e=r.dropdown??[],a=this.dropdownQuery.trim().toLowerCase();return a?e.filter((r=>r.label.toLowerCase().includes(a))):e}renderDropdownItem(r,e){const a=this.openDropdownIndex===e,o=this.selectedOption(r,e);return t("div",{class:"breadcrumb-dropdown",key:e},t("button",{"aria-expanded":a?"true":"false","aria-haspopup":"listbox",class:"breadcrumb-button breadcrumb-dropdown-trigger",onClick:()=>this.toggleDropdown(e),part:"dropdown-trigger",type:"button"},t("span",{class:"breadcrumb-text",part:"text"},o?.label??r.label),t("span",{class:"material-symbols-outlined breadcrumb-dropdown-chevron"},a?"expand_less":"expand_more")),a&&t("div",{class:"breadcrumb-dropdown-menu",part:"dropdown-menu",role:"listbox"},r.dropdownSearchable&&t("div",{class:"breadcrumb-dropdown-search"},t("span",{class:"material-symbols-outlined"},"search"),t("input",{onInput:r=>{this.dropdownQuery=r.target.value},placeholder:"Search",type:"text",value:this.dropdownQuery})),this.filteredOptions(r).map((a=>t("button",{"aria-selected":a.id===o?.id?"true":"false",class:{"breadcrumb-dropdown-item":!0,selected:a.id===o?.id},key:a.id,onClick:()=>this.handleOptionSelect(r,a,e),role:"option",type:"button"},a.icon&&t("span",{class:"material-symbols-outlined"},a.icon),t("span",null,a.label))))))}renderBreadcrumbItem(r,e){return r.slotName?t("div",{class:"breadcrumb-slot-item",key:e,part:"slot-item"},t("slot",{name:r.slotName})):r.dropdown?.length?this.renderDropdownItem(r,e):r.isActive||!r.path?t("div",{"aria-current":"page",class:"breadcrumb-button breadcrumb-current",key:e,part:"item-current"},t("span",{class:"breadcrumb-text",part:"text"},r.label)):t("button",{class:"breadcrumb-button",key:e,onClick:()=>this.handleItemClick(r),part:"item-button",type:"button"},t("span",{class:"breadcrumb-text",part:"text"},r.label))}renderSeparator(){return t("div",{"aria-hidden":"true",class:"breadcrumb-separator",part:"separator"},t("span",{class:"material-symbols-outlined"},this.separator))}render(){const{displayItems:r,showEllipsis:e,collapsedItems:a}=this.displayData,s=c("bh-breadcrumbs","overflowAriaLabelTemplate",this.overflowAriaLabelTemplate,"Show {{count}} hidden items").replace("{{count}}",String(a.length));return t("nav",{key:"d9cb90c45ee093c5c4e4866fd5a4bf8e8f27fdcc","aria-label":c("bh-breadcrumbs","breadcrumbAriaLabel",this.breadcrumbAriaLabel,"Breadcrumb"),class:"breadcrumbs",onKeyDown:this.handleKeyDown,part:"nav"},t("div",{key:"f2582eaf25b5c4c1875d4ad16775f1bc18856fdc",class:"breadcrumbs-container",part:"container"},t("div",{key:"13f2f7cdd0d62fd5e16916d84ec3bf61944ca77f",class:"breadcrumb-start",part:"start"},t("slot",{key:"7ff95646edddc588f1f67a5d3b2261d54bba97e0",name:"start",onSlotchange:this.handleStartSlotChange})),this.hasStartContent&&(this.showHome||r.length>0||e)&&this.renderSeparator(),this.showHome&&t("div",{key:"3aac672d0d7b1f9452909736190fd7e8fc90d7ce",class:"breadcrumb-item"},t("bh-button-icon",{key:"9de5438731f689a95f12d02b1a4a92a54d4a7906","aria-label":c("bh-breadcrumbs","homeAriaLabel",this.homeAriaLabel,"Home"),hierarchy:"tertiary",iconName:"cottage",onClick:this.handleHomeClick,size:"xs"})),this.showHome&&(r.length>0||e)&&this.renderSeparator(),e&&r.length>0&&t(o,{key:"c1653191bf2907dbd5d766670dfa40a814caaceb"},t("div",{key:"7a09f1af2b8251ad7a3bfd5a932cfe206047eba9",class:"breadcrumb-item"},this.renderBreadcrumbItem(r[0],0)),this.renderSeparator(),t("div",{key:"eb4bc8c0f62172df697fbe5c7fdd20d368a5e36f",class:"breadcrumb-item",part:"item"},t("button",{key:"ffc550c65f950da959790794fe3c5a8a6e302096","aria-label":s,class:"breadcrumb-button breadcrumb-ellipsis",onClick:this.handleEllipsisClick,onKeyDown:this.handleEllipsisKeyDown,part:"ellipsis-button",title:s,type:"button"},t("span",{key:"ad45203c999416f1d3e67092b042397c504c8dde",class:"breadcrumb-text",part:"text"},"..."))),this.renderSeparator(),r.slice(1).map(((e,a)=>t(o,null,t("div",{class:"breadcrumb-item",key:`item-${a+1}`},this.renderBreadcrumbItem(e,a+1)),a<r.slice(1).length-1&&this.renderSeparator())))),!e&&r.map(((e,a)=>t(o,null,t("div",{class:"breadcrumb-item",key:`item-${a}`},this.renderBreadcrumbItem(e,a)),a<r.length-1&&this.renderSeparator())))))}};v.style='@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } :root { --bh-breakpoint-xs: 0; --bh-breakpoint-sm: 576px; --bh-breakpoint-md: 768px; --bh-breakpoint-lg: 992px; --bh-breakpoint-xl: 1200px; --bh-breakpoint-xxl: 1400px; --bh-container-sm: 540px; --bh-container-md: 720px; --bh-container-lg: 960px; --bh-container-xl: 1140px; --bh-container-xxl: 1320px; } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-breadcrumbs-color: var(--color-text-secondary); --bh-breadcrumbs-color-hover: var(--color-text-primary); --bh-breadcrumbs-bg-hover: var(--color-bg-secondary); --bh-breadcrumbs-current-bg: var(--color-bg-secondary); --bh-breadcrumbs-current-color: var(--color-text-primary); --bh-breadcrumbs-separator-color: var(--color-border-primary); --bh-breadcrumbs-focus-ring-color: var(--color-border-interactive); } } @layer bh-base { .breadcrumbs { font-family: var(--font-inter); user-select: none; } .breadcrumbs-container { display: flex; align-items: center; gap: var(--spacing-xs); flex-wrap: wrap; } .breadcrumb-item, .breadcrumb-start, .breadcrumb-slot-item { display: flex; align-items: center; } .breadcrumb-button { display: flex; align-items: center; justify-content: center; padding: var(--spacing-xs) var(--spacing-sm); border: none; background: transparent; border-radius: var(--radius-sm); cursor: pointer; transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease; color: var(--bh-breadcrumbs-color); text-decoration: none; font-family: var(--font-inter); font-size: var(--text-sm-size); font-weight: var(--weight-medium); line-height: var(--line-height-normal); min-height: var(--bh-breadcrumbs-min-height); box-sizing: border-box; } .breadcrumb-text { white-space: nowrap; max-width: var(--bh-breadcrumbs-item-max-width); overflow: hidden; text-overflow: ellipsis; } .breadcrumb-icon { flex-shrink: 0; font-size: var(--bh-breadcrumbs-icon-size); width: var(--bh-breadcrumbs-icon-size); height: var(--bh-breadcrumbs-icon-size); color: var(--bh-breadcrumbs-color); } .breadcrumb-separator { display: flex; align-items: center; color: var(--bh-breadcrumbs-separator-color); font-size: var(--bh-breadcrumbs-icon-size); flex-shrink: 0; } .breadcrumb-separator .material-symbols-outlined { font-size: var(--bh-breadcrumbs-icon-size); width: var(--bh-breadcrumbs-icon-size); height: var(--bh-breadcrumbs-icon-size); } .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; font-size: var(--icon-size-lg); } } @layer bh-variants { .breadcrumb-home { padding: var(--spacing-xs); min-width: var(--bh-breadcrumbs-min-height); min-height: var(--bh-breadcrumbs-min-height); } .breadcrumb-home .breadcrumb-icon { font-size: var(--text-lg-size); width: var(--text-lg-size); height: var(--text-lg-size); } .breadcrumb-current { background-color: var(--bh-breadcrumbs-current-bg); color: var(--bh-breadcrumbs-current-color); font-weight: var(--weight-medium); cursor: default; } .breadcrumb-ellipsis { color: var(--bh-breadcrumbs-color); font-weight: var(--weight-medium); } } @layer bh-states { .breadcrumb-button:hover { background-color: var(--bh-breadcrumbs-bg-hover); color: var(--bh-breadcrumbs-color-hover); } .breadcrumb-button:focus-visible { outline: 2px solid var(--bh-breadcrumbs-focus-ring-color); outline-offset: 2px; } .breadcrumb-current:hover { background-color: var(--bh-breadcrumbs-current-bg); color: var(--bh-breadcrumbs-current-color); } .breadcrumb-ellipsis:hover { background-color: var(--bh-breadcrumbs-bg-hover); color: var(--bh-breadcrumbs-color-hover); } } @layer bh-utilities { @media (max-width: 640px) { .breadcrumb-text { max-width: var(--bh-breadcrumbs-item-max-width-sm); } .breadcrumbs-container { gap: var(--spacing-xxs); } .breadcrumb-button { padding: var(--spacing-xxs) var(--spacing-xs); font-size: var(--text-xs-size); } } } .breadcrumb-dropdown { position: relative; display: inline-flex; } .breadcrumb-dropdown-trigger { display: inline-flex; align-items: center; gap: var(--spacing-xs); } .breadcrumb-dropdown-chevron { font-size: var(--icon-size-base); color: var(--color-text-disabled); transition: color var(--animation-duration-normal) ease; } .breadcrumb-dropdown-trigger:hover .breadcrumb-dropdown-chevron { color: var(--color-text-secondary); } .breadcrumb-dropdown-menu { position: absolute; top: calc(100% + var(--spacing-xs)); left: 0; z-index: var(--bh-z-index-dropdown); min-width: 240px; background: var(--color-surface-elevated); border-radius: var(--radius-md); box-shadow: var(--shadow-dropdown); overflow: hidden; box-sizing: border-box; padding: var(--spacing-xs); } .breadcrumb-dropdown-search { display: flex; align-items: center; gap: var(--spacing-md); padding: var(--spacing-md); border-bottom: 1px solid var(--color-border-secondary); margin-bottom: var(--spacing-xs); } .breadcrumb-dropdown-search .material-symbols-outlined { font-size: var(--icon-size-base); color: var(--color-text-secondary); } .breadcrumb-dropdown-search input { flex: 1; min-width: 0; border: none; outline: none; background: transparent; font-family: var(--font-inter); font-size: var(--text-sm-size); color: var(--color-text-primary); } .breadcrumb-dropdown-search input::placeholder { color: var(--color-text-tertiary); } .breadcrumb-dropdown-item { display: flex; align-items: center; gap: var(--spacing-md); width: 100%; padding: var(--spacing-md); border: none; background: transparent; border-radius: var(--radius-sm); font-family: var(--font-inter); font-size: var(--text-sm-size); color: var(--color-text-primary); cursor: pointer; text-align: left; transition: background-color var(--animation-duration-fast) ease; } .breadcrumb-dropdown-item .material-symbols-outlined { font-size: var(--icon-size-base); color: var(--color-text-secondary); } .breadcrumb-dropdown-item:hover { background: var(--color-bg-secondary); } .breadcrumb-dropdown-item.selected { background: var(--color-neutral-200); }';export{v as bh_breadcrumbs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,a as r,h as o,H as a}from"./p-CTHvNfIu.js";import{c as s}from"./p-CFlb5gKI.js";import"./p-BqJRACkO.js";import"./p-zdFuIabL.js";const t=[{emoji:"👍",name:"Thumbs Up",shortcode:"thumbsup"},{emoji:"❤️",name:"Heart",shortcode:"heart"},{emoji:"😂",name:"Laughing",shortcode:"joy"},{emoji:"😮",name:"Surprised",shortcode:"open_mouth"},{emoji:"😢",name:"Crying",shortcode:"cry"},{emoji:"😡",name:"Angry",shortcode:"rage"}],n=class{constructor(r){e(this,r),this.bhEmojiSelect=i(this,"bhEmojiSelect"),this.bhClose=i(this,"bhClose")}get hostRef(){return r(this)}open=!1;placement="right";emojis=t;bhEmojiSelect;bhClose;dismissalManager;handleOpenChange(e){e?this.dismissalManager?.enable():this.dismissalManager?.disable()}componentDidLoad(){this.dismissalManager=s(this.hostRef,{onDismiss:()=>this.bhClose.emit(),escapeKey:!1,clickOutside:!0,focusLoss:!1}),this.open&&this.dismissalManager.enable()}disconnectedCallback(){this.dismissalManager?.destroy()}handleEmojiClick=e=>{this.bhEmojiSelect.emit(e)};render(){return o(a,{key:"
|
|
1
|
+
import{r as e,c as i,a as r,h as o,H as a}from"./p-CTHvNfIu.js";import{c as s}from"./p-CFlb5gKI.js";import"./p-BqJRACkO.js";import"./p-zdFuIabL.js";const t=[{emoji:"👍",name:"Thumbs Up",shortcode:"thumbsup"},{emoji:"❤️",name:"Heart",shortcode:"heart"},{emoji:"😂",name:"Laughing",shortcode:"joy"},{emoji:"😮",name:"Surprised",shortcode:"open_mouth"},{emoji:"😢",name:"Crying",shortcode:"cry"},{emoji:"😡",name:"Angry",shortcode:"rage"}],n=class{constructor(r){e(this,r),this.bhEmojiSelect=i(this,"bhEmojiSelect"),this.bhClose=i(this,"bhClose")}get hostRef(){return r(this)}open=!1;placement="right";emojis=t;bhEmojiSelect;bhClose;dismissalManager;handleOpenChange(e){e?this.dismissalManager?.enable():this.dismissalManager?.disable()}componentDidLoad(){this.dismissalManager=s(this.hostRef,{onDismiss:()=>this.bhClose.emit(),escapeKey:!1,clickOutside:!0,focusLoss:!1}),this.open&&this.dismissalManager.enable()}disconnectedCallback(){this.dismissalManager?.destroy()}handleEmojiClick=e=>{this.bhEmojiSelect.emit(e)};render(){return o(a,{key:"3d8b02cfd9dfb632c24e47bc8dbf1bda1b630d87"},o("div",{key:"897f40b7c4065911ab01a2e7020ad77a8885b8d6","aria-label":"Reaction picker",class:"emoji-picker",part:"panel",role:"dialog"},o("div",{key:"67e36ffa0468550ecfb074047a63b90044af0e6d",class:"emoji-list"},this.emojis.map((e=>o("button",{"aria-label":e.name,class:"emoji-btn",key:e.shortcode,onClick:()=>this.handleEmojiClick(e),part:"emoji-button",type:"button"},o("span",{"aria-hidden":"true",class:"emoji"},e.emoji)))))))}static get watchers(){return{open:[{handleOpenChange:0}]}}};n.style="@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states; @layer bh-tokens{:host{--bh-emoji-picker-bg:var(--color-surface-elevated);--bh-emoji-picker-shadow:var(--shadow-dropdown);--bh-emoji-picker-border-radius:var(--radius-md);--bh-emoji-picker-btn-size:var(--bh-button-height-md);--bh-emoji-picker-btn-hover-bg:var(--color-bg-secondary);--bh-emoji-picker-btn-border-radius:var(--radius-sm);--bh-emoji-picker-emoji-size:var(--icon-size-md);--bh-emoji-picker-z-index:100}}@layer bh-base{:host{display:none;position:absolute;bottom:calc(100% + var(--spacing-xs));right:0;z-index:var(--bh-emoji-picker-z-index)}:host([open]){display:block}}@layer bh-variants{:host([placement=left]){left:0;right:auto}}@layer bh-base{.emoji-picker{background:var(--bh-emoji-picker-bg);border-radius:var(--bh-emoji-picker-border-radius);box-shadow:var(--bh-emoji-picker-shadow);padding:var(--spacing-xs)}.emoji-list{display:flex;gap:var(--spacing-xxs);align-items:center}.emoji-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--bh-emoji-picker-btn-size);height:var(--bh-emoji-picker-btn-size);border:none;background:transparent;border-radius:var(--bh-emoji-picker-btn-border-radius);cursor:pointer;padding:0;font-family:inherit;transition:background 0.2s ease-in-out}.emoji{font-size:var(--bh-emoji-picker-emoji-size);line-height:1;font-style:normal}}@layer bh-states{.emoji-btn:hover{background:var(--bh-emoji-picker-btn-hover-bg)}}";export{n as bh_emoji_picker}
|