@actabldesign/bellhop-core 0.3.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bh-accordion-item.js +1 -1
- package/components/bh-activity-feed.js +1 -1
- package/components/bh-alert.js +1 -1
- package/components/bh-appbar.js +1 -1
- package/components/bh-avatar-add.js +1 -1
- package/components/bh-avatar-stacked.js +1 -1
- package/components/bh-avatar.js +1 -1
- package/components/bh-badge-dot.js +1 -1
- package/components/bh-badge.js +1 -1
- package/components/bh-banner.js +1 -1
- package/components/bh-bar-chart.js +1 -1
- package/components/bh-breadcrumbs.js +1 -1
- package/components/bh-button-icon.js +1 -1
- package/components/bh-button.js +1 -1
- package/components/bh-card-content.js +1 -1
- package/components/bh-card-footer.js +1 -1
- package/components/bh-card-header.js +1 -1
- package/components/bh-card.js +1 -1
- package/components/bh-chart-tooltip.js +1 -1
- package/components/bh-chat-message.js +1 -1
- package/components/bh-chat-reaction.js +1 -1
- package/components/bh-checkbox.js +1 -1
- package/components/bh-checklist-task-group.js +1 -1
- package/components/bh-close-button.js +1 -1
- package/components/bh-command-bar.d.ts +11 -0
- package/components/bh-command-bar.js +1 -0
- package/components/bh-container-footer.js +1 -1
- package/components/bh-container.js +1 -1
- package/components/bh-credit-card.js +1 -1
- package/components/bh-data-grid-body.js +1 -1
- package/components/bh-data-grid-change-preview.js +1 -1
- package/components/bh-data-grid-filter-builder.js +1 -1
- package/components/bh-data-grid-footer.js +1 -1
- package/components/bh-data-grid-header.js +1 -1
- package/components/bh-data-grid-toolbar.js +1 -1
- package/components/bh-data-grid.js +2 -2
- package/components/bh-date-picker-content.js +1 -1
- package/components/bh-date-picker.js +1 -1
- package/components/bh-date-range-picker-content.js +1 -1
- package/components/bh-date-range-picker.js +1 -1
- package/components/bh-divider.js +1 -1
- package/components/bh-dropdown-menu.js +1 -1
- package/components/bh-dropdown.js +1 -1
- package/components/bh-emoji-picker.js +1 -1
- package/components/bh-empty-state.js +1 -1
- package/components/bh-fab.js +1 -1
- package/components/bh-featured-icon.js +1 -1
- package/components/bh-feed-item.js +1 -1
- package/components/bh-gauge-chart.js +1 -1
- package/components/bh-guided-checklist.js +1 -1
- package/components/bh-html-editor-bubble-menu.js +1 -1
- package/components/bh-html-editor-toolbar.js +1 -1
- package/components/bh-html-editor.js +1 -1
- package/components/bh-illustrations.js +1 -1
- package/components/bh-inline-cta.js +1 -1
- package/components/bh-input-autocomplete.js +1 -1
- package/components/bh-input-number.js +1 -1
- package/components/bh-input-password.js +1 -1
- package/components/bh-input-text.js +1 -1
- package/components/bh-input-verification.js +1 -1
- package/components/bh-kbd.d.ts +11 -0
- package/components/bh-kbd.js +1 -0
- package/components/bh-label.js +1 -1
- package/components/bh-line-chart.js +1 -1
- package/components/bh-logo-box.js +1 -1
- package/components/bh-menu-item.js +1 -1
- package/components/bh-menu.js +1 -1
- package/components/bh-modal-actions.js +1 -1
- package/components/bh-modal-header.js +1 -1
- package/components/bh-month-picker-content.js +1 -1
- package/components/bh-month-picker.js +1 -1
- package/components/bh-multi-select.js +1 -1
- package/components/bh-nav-item.js +1 -1
- package/components/bh-notification-center.d.ts +11 -0
- package/components/bh-notification-center.js +1 -0
- package/components/bh-page-header.js +1 -1
- package/components/bh-page-navigation-child.js +1 -1
- package/components/bh-page-navigation-multi-level.js +1 -1
- package/components/bh-page-navigation-single-level.js +1 -1
- package/components/bh-page-navigation.js +1 -1
- package/components/bh-pagination.js +1 -1
- package/components/bh-picker-menu.js +1 -1
- package/components/bh-pie-chart.js +1 -1
- package/components/bh-pivot-grid-field-chooser.js +1 -1
- package/components/bh-pivot-grid.js +1 -1
- package/components/bh-progress-bar.js +1 -1
- package/components/bh-progress-ring.js +1 -1
- package/components/bh-property-switcher.js +1 -1
- package/components/bh-radar-chart.js +1 -1
- package/components/bh-radio-button.js +1 -1
- package/components/bh-radio-group.js +1 -1
- package/components/bh-range-slider.js +1 -1
- package/components/bh-section-footer.js +1 -1
- package/components/bh-section-header.js +1 -1
- package/components/bh-select.js +1 -1
- package/components/bh-selection-group-item.js +1 -1
- package/components/bh-selection-group.js +1 -1
- package/components/bh-side-panel-footer.js +1 -1
- package/components/bh-side-panel-header.js +1 -1
- package/components/bh-sidebar.js +1 -1
- package/components/bh-skeleton-loader.js +1 -1
- package/components/bh-stepper.js +1 -1
- package/components/bh-tab-item.js +1 -1
- package/components/bh-table-header.js +1 -1
- package/components/bh-tabs.js +1 -1
- package/components/bh-tag-group.js +1 -1
- package/components/bh-tag-input.js +1 -1
- package/components/bh-tag.js +1 -1
- package/components/bh-textarea.js +1 -1
- package/components/bh-toast-container.js +1 -1
- package/components/bh-toast.js +1 -1
- package/components/bh-toggle.js +1 -1
- package/components/bh-tooltip.js +1 -1
- package/components/bh-trend-chart.js +1 -1
- package/components/index.d.ts +6 -0
- package/components/index.js +1 -1
- package/components/{p-BVwh7Zds.js → p-2SnKTVal.js} +1 -1
- package/components/{p-DpyQ9_VL.js → p-6tew_a-x.js} +1 -1
- package/components/{p-BUoq_1rz.js → p-B7La6Iwp.js} +1 -1
- package/components/p-B8HxD-vO.js +1 -0
- package/components/{p-CdwBDbHF.js → p-B9--bog4.js} +1 -1
- package/components/{p-D_0aDuRr.js → p-BF5hfv7s.js} +1 -1
- package/components/{p-oaisznHL.js → p-BI2Y2Le4.js} +1 -1
- package/components/p-Be6mIKzo.js +1 -0
- package/components/p-Bh0oD_Yf.js +1 -0
- package/components/{p-nMu0IHKp.js → p-BniMhcxp.js} +1 -1
- package/components/{p-CZRjavNE.js → p-Br9M2BbM.js} +1 -1
- package/components/{p-QCa_P3zY.js → p-BwxcuFPS.js} +1 -1
- package/components/{p-Dq8Cpk56.js → p-BzHDM9Tg.js} +1 -1
- package/components/{p-D-D80sUk.js → p-C4rAmars.js} +1 -1
- package/components/{p-B2KPN863.js → p-C7fkgBQS.js} +1 -1
- package/components/{p-cD3vmu49.js → p-CClVva-u.js} +1 -1
- package/components/p-CJUnjRCe.js +1 -0
- package/components/{p--a7Uv1ky.js → p-CK_Py1Yi.js} +1 -1
- package/components/{p-DjJP-dIm.js → p-CWdw6bHR.js} +1 -1
- package/components/{p-XYHjFWDD.js → p-CZ_H3nat.js} +1 -1
- package/components/{p-CtaODgcw.js → p-C_nrq7_Y.js} +1 -1
- package/components/{p-BFL2Pm_E.js → p-CssmbrSc.js} +1 -1
- package/components/p-CvsupUaF.js +1 -0
- package/components/{p-DBAPExTG.js → p-CvwyG_Kj.js} +1 -1
- package/components/{p-Bf_iTZDv.js → p-D6aw0IK6.js} +1 -1
- package/components/{p-CzvaS9up.js → p-DBl9mNfN.js} +1 -1
- package/components/{p-DWoyQVnq.js → p-DG90uKhz.js} +1 -1
- package/components/{p-CWY9YV_9.js → p-DGWzDn9Y.js} +1 -1
- package/components/p-DJlRFgcj.js +1 -0
- package/components/p-DKWhUGrV.js +1 -0
- package/components/{p-CC_DXFwx.js → p-DSDbfC31.js} +1 -1
- package/components/{p-1SkDR91n.js → p-DUm7JrA0.js} +1 -1
- package/components/{p-C6UC_xxP.js → p-DblmzWu8.js} +1 -1
- package/components/{p-BHeNnP2q.js → p-DfCONXO0.js} +1 -1
- package/components/p-DhgfM7Wy.js +1 -0
- package/components/{p-Xa6gUVGr.js → p-DjUfsCJJ.js} +1 -1
- package/components/{p-CVSRqFZ0.js → p-DjpXtbw8.js} +1 -1
- package/components/{p-GjWzFf-V.js → p-Dzlsnb7d.js} +1 -1
- package/components/{p-Be20AcNb.js → p-S-miu3h6.js} +1 -1
- package/components/{p-DIMoIy0w.js → p-W2SGLZN7.js} +1 -1
- package/components/{p-arW9uaFJ.js → p-hhv9O2Qq.js} +1 -1
- package/components/{p-BwwSI2Fv.js → p-jNp3nckG.js} +1 -1
- package/dist/bellhop-core/bellhop-core.esm.js +1 -1
- package/dist/bellhop-core/p-009efb12.entry.js +1 -0
- package/dist/bellhop-core/p-01b505e3.entry.js +1 -0
- package/dist/bellhop-core/p-02945f90.entry.js +1 -0
- package/dist/bellhop-core/p-04d2ec72.entry.js +1 -0
- package/dist/bellhop-core/p-05867224.entry.js +1 -0
- package/dist/bellhop-core/p-05a53d3b.entry.js +1 -0
- package/dist/bellhop-core/p-0692ab72.entry.js +1 -0
- package/dist/bellhop-core/p-06f9b713.entry.js +1 -0
- package/dist/bellhop-core/p-08b8ba36.entry.js +1 -0
- package/dist/bellhop-core/p-0953e008.entry.js +1 -0
- package/dist/bellhop-core/p-0976eb7a.entry.js +1 -0
- package/dist/bellhop-core/p-097d70d9.entry.js +1 -0
- package/dist/bellhop-core/p-0a316bb6.entry.js +1 -0
- package/dist/bellhop-core/p-108ca612.entry.js +1 -0
- package/dist/bellhop-core/p-12d3c4e9.entry.js +1 -0
- package/dist/bellhop-core/p-13f15f41.entry.js +1 -0
- package/dist/bellhop-core/p-15bb1050.entry.js +1 -0
- package/dist/bellhop-core/p-16e01b81.entry.js +1 -0
- package/dist/bellhop-core/p-188980bd.entry.js +1 -0
- package/dist/bellhop-core/p-1fba0985.entry.js +1 -0
- package/dist/bellhop-core/p-24e5c52b.entry.js +1 -0
- package/dist/bellhop-core/p-29729109.entry.js +1 -0
- package/dist/bellhop-core/p-2b93b512.entry.js +1 -0
- package/dist/bellhop-core/{p-213a104c.entry.js → p-2bcd94d0.entry.js} +1 -1
- package/dist/bellhop-core/p-2bdb9784.entry.js +1 -0
- package/dist/bellhop-core/p-2ee44b97.entry.js +1 -0
- package/dist/bellhop-core/p-3348400a.entry.js +1 -0
- package/dist/bellhop-core/p-38873b75.entry.js +1 -0
- package/dist/bellhop-core/p-399be504.entry.js +1 -0
- package/dist/bellhop-core/p-3d67e55f.entry.js +1 -0
- package/dist/bellhop-core/p-3dcf8812.entry.js +1 -0
- package/dist/bellhop-core/p-42f26142.entry.js +1 -0
- package/dist/bellhop-core/p-43d94b51.entry.js +1 -0
- package/dist/bellhop-core/p-4c65d80a.entry.js +1 -0
- package/dist/bellhop-core/p-4e4b59cc.entry.js +1 -0
- package/dist/bellhop-core/p-50c00ac6.entry.js +1 -0
- package/dist/bellhop-core/p-52d0c0ac.entry.js +1 -0
- package/dist/bellhop-core/p-53ddab62.entry.js +1 -0
- package/dist/bellhop-core/p-558c1c9f.entry.js +1 -0
- package/dist/bellhop-core/{p-fb8e0e6c.entry.js → p-59feba80.entry.js} +1 -1
- package/dist/bellhop-core/{p-165b45f3.entry.js → p-5a49ebee.entry.js} +1 -1
- package/dist/bellhop-core/p-5f5648e6.entry.js +1 -0
- package/dist/bellhop-core/p-614f84ff.entry.js +1 -0
- package/dist/bellhop-core/p-6517c63b.entry.js +1 -0
- package/dist/bellhop-core/{p-c86b7e41.entry.js → p-654de2b6.entry.js} +1 -1
- package/dist/bellhop-core/p-65e10ead.entry.js +1 -0
- package/dist/bellhop-core/p-68c5a0bd.entry.js +1 -0
- package/dist/bellhop-core/p-68cf8430.entry.js +1 -0
- package/dist/bellhop-core/p-6ad1ed53.entry.js +1 -0
- package/dist/bellhop-core/p-6df539be.entry.js +1 -0
- package/dist/bellhop-core/p-6e1c1c27.entry.js +1 -0
- package/dist/bellhop-core/p-710e4da7.entry.js +1 -0
- package/dist/bellhop-core/p-7841fbc2.entry.js +1 -0
- package/dist/bellhop-core/p-7bceb793.entry.js +1 -0
- package/dist/bellhop-core/p-7bd58fae.entry.js +1 -0
- package/dist/bellhop-core/p-7c0d23d4.entry.js +1 -0
- package/dist/bellhop-core/p-7e226f98.entry.js +1 -0
- package/dist/bellhop-core/{p-4a96c207.entry.js → p-815fb83e.entry.js} +1 -1
- package/dist/bellhop-core/p-832bf58d.entry.js +1 -0
- package/dist/bellhop-core/p-8370a956.entry.js +1 -0
- package/dist/bellhop-core/{p-b992fd96.entry.js → p-858017eb.entry.js} +1 -1
- package/dist/bellhop-core/p-87c827d7.entry.js +1 -0
- package/dist/bellhop-core/p-8a38724f.entry.js +1 -0
- package/dist/bellhop-core/p-8aa87a99.entry.js +1 -0
- package/dist/bellhop-core/p-8ad4d720.entry.js +1 -0
- package/dist/bellhop-core/p-8d319614.entry.js +1 -0
- package/dist/bellhop-core/p-963e6ad9.entry.js +1 -0
- package/dist/bellhop-core/p-97bed0b0.entry.js +1 -0
- package/dist/bellhop-core/{p-df4c2032.entry.js → p-9b2d67db.entry.js} +2 -2
- package/dist/bellhop-core/p-9b935b1a.entry.js +1 -0
- package/dist/bellhop-core/p-9cf187af.entry.js +1 -0
- package/dist/bellhop-core/p-9e0b9dec.entry.js +1 -0
- package/dist/bellhop-core/p-CBTS9Vhx.js +1 -0
- package/dist/bellhop-core/{p-Dn-MvAk9.js → p-CKTtXT2O.js} +1 -1
- package/dist/bellhop-core/p-CMKOFHIa.js +1 -0
- package/dist/bellhop-core/p-Xi3uD33F.js +1 -0
- package/dist/bellhop-core/p-a57034cf.entry.js +1 -0
- package/dist/bellhop-core/p-a925a3d8.entry.js +1 -0
- package/dist/bellhop-core/p-abf0f15d.entry.js +1 -0
- package/dist/bellhop-core/p-b212b4c1.entry.js +1 -0
- package/dist/bellhop-core/p-b2380f56.entry.js +1 -0
- package/dist/bellhop-core/p-b333c85f.entry.js +1 -0
- package/dist/bellhop-core/p-b9d363b0.entry.js +1 -0
- package/dist/bellhop-core/p-b9d86b80.entry.js +1 -0
- package/dist/bellhop-core/p-baa76b6d.entry.js +1 -0
- package/dist/bellhop-core/p-bb11a7df.entry.js +1 -0
- package/dist/bellhop-core/p-bcc53e7e.entry.js +1 -0
- package/dist/bellhop-core/p-c0513194.entry.js +1 -0
- package/dist/bellhop-core/p-c1eed46c.entry.js +1 -0
- package/dist/bellhop-core/p-c2440a5a.entry.js +1 -0
- package/dist/bellhop-core/p-c338d5ed.entry.js +1 -0
- package/dist/bellhop-core/p-c4cd8445.entry.js +1 -0
- package/dist/bellhop-core/p-cd404c53.entry.js +1 -0
- package/dist/bellhop-core/p-d2fdf27a.entry.js +1 -0
- package/dist/bellhop-core/p-d89a2316.entry.js +1 -0
- package/dist/bellhop-core/p-d9903fd1.entry.js +1 -0
- package/dist/bellhop-core/p-df86ac00.entry.js +1 -0
- package/dist/bellhop-core/p-dfc61397.entry.js +1 -0
- package/dist/bellhop-core/p-e02bdcfb.entry.js +1 -0
- package/dist/bellhop-core/p-e6ad9a10.entry.js +1 -0
- package/dist/bellhop-core/p-e86b4fbf.entry.js +1 -0
- package/dist/bellhop-core/p-eed85b08.entry.js +1 -0
- package/dist/bellhop-core/p-f0a47a26.entry.js +1 -0
- package/dist/bellhop-core/p-f46e818f.entry.js +1 -0
- package/dist/bellhop-core/p-f6c8568f.entry.js +1 -0
- package/dist/bellhop-core/p-f784164a.entry.js +1 -0
- package/dist/bellhop-core/p-f8d47699.entry.js +1 -0
- package/dist/bellhop-core/{p-1323f446.entry.js → p-f8dce3b6.entry.js} +1 -1
- package/dist/bellhop-core/p-f9962334.entry.js +1 -0
- package/dist/bellhop-core/p-fb897d66.entry.js +1 -0
- package/dist/cjs/bellhop-core.cjs.js +1 -1
- package/dist/cjs/bh-accordion-item.cjs.entry.js +4 -3
- package/dist/cjs/bh-accordion.cjs.entry.js +3 -2
- package/dist/cjs/bh-activity-feed_2.cjs.entry.js +174 -0
- package/dist/cjs/bh-alert.cjs.entry.js +4 -3
- package/dist/cjs/bh-appbar.cjs.entry.js +57 -11
- package/dist/cjs/bh-autocomplete-menu.cjs.entry.js +3 -2
- package/dist/cjs/bh-avatar-add.cjs.entry.js +4 -3
- package/dist/cjs/bh-avatar-stacked.cjs.entry.js +4 -3
- package/dist/cjs/bh-avatar.cjs.entry.js +6 -5
- package/dist/cjs/bh-badge-dot_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-badge.cjs.entry.js +6 -5
- package/dist/cjs/bh-banner.cjs.entry.js +5 -4
- package/dist/cjs/bh-bar-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-breadcrumbs.cjs.entry.js +16 -5
- package/dist/cjs/bh-button-icon_2.cjs.entry.js +5 -4
- package/dist/cjs/bh-button.cjs.entry.js +5 -4
- package/dist/cjs/bh-card-content.cjs.entry.js +4 -3
- package/dist/cjs/bh-card-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-card-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-card.cjs.entry.js +4 -3
- package/dist/cjs/bh-chart-tooltip.cjs.entry.js +5 -4
- package/dist/cjs/bh-chat-message.cjs.entry.js +5 -4
- package/dist/cjs/bh-chat-reaction.cjs.entry.js +5 -4
- package/dist/cjs/bh-checkbox.cjs.entry.js +3 -2
- package/dist/cjs/bh-checklist-task-group_3.cjs.entry.js +6 -5
- package/dist/cjs/bh-close-button.cjs.entry.js +1 -1
- package/dist/cjs/bh-command-bar.cjs.entry.js +309 -0
- package/dist/cjs/bh-container-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-container.cjs.entry.js +4 -3
- package/dist/cjs/bh-credit-card.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid-body.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-change-preview.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-filter-builder.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid-header.cjs.entry.js +3 -2
- package/dist/cjs/bh-data-grid-toolbar.cjs.entry.js +4 -3
- package/dist/cjs/bh-data-grid.cjs.entry.js +4 -3
- package/dist/cjs/bh-date-picker-content.cjs.entry.js +6 -5
- package/dist/cjs/bh-date-picker.cjs.entry.js +6 -5
- package/dist/cjs/bh-date-range-picker-content.cjs.entry.js +5 -4
- package/dist/cjs/bh-date-range-picker.cjs.entry.js +7 -6
- package/dist/cjs/bh-divider.cjs.entry.js +4 -3
- package/dist/cjs/bh-dropdown-menu.cjs.entry.js +1 -1
- package/dist/cjs/bh-dropdown.cjs.entry.js +13 -4
- package/dist/cjs/bh-emoji-picker.cjs.entry.js +1 -1
- package/dist/cjs/bh-empty-state_2.cjs.entry.js +6 -5
- package/dist/cjs/bh-featured-icon.cjs.entry.js +4 -3
- package/dist/cjs/bh-gauge-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-guided-checklist.cjs.entry.js +5 -4
- package/dist/cjs/bh-html-editor-bubble-menu_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-html-editor.cjs.entry.js +5 -4
- package/dist/cjs/bh-illustrations.cjs.entry.js +4 -3
- package/dist/cjs/bh-inline-cta.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-autocomplete.cjs.entry.js +7 -6
- package/dist/cjs/bh-input-number.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-password.cjs.entry.js +6 -5
- package/dist/cjs/bh-input-text.cjs.entry.js +5 -4
- package/dist/cjs/bh-input-verification.cjs.entry.js +4 -3
- package/dist/cjs/bh-kbd.cjs.entry.js +34 -0
- package/dist/cjs/bh-label_2.cjs.entry.js +5 -4
- package/dist/cjs/bh-line-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-logo-box_2.cjs.entry.js +8 -7
- package/dist/cjs/bh-menu_2.cjs.entry.js +4 -3
- package/dist/cjs/bh-modal-actions.cjs.entry.js +4 -3
- package/dist/cjs/bh-modal-header.cjs.entry.js +7 -6
- package/dist/cjs/bh-modal.cjs.entry.js +4 -3
- package/dist/cjs/bh-month-picker-content.cjs.entry.js +4 -3
- package/dist/cjs/bh-month-picker.cjs.entry.js +6 -5
- package/dist/cjs/bh-multi-select.cjs.entry.js +8 -7
- package/dist/cjs/bh-notification-center.cjs.entry.js +210 -0
- package/dist/cjs/bh-page-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-page-navigation-child.cjs.entry.js +4 -3
- package/dist/cjs/bh-page-navigation-multi-level_2.cjs.entry.js +7 -6
- package/dist/cjs/bh-page-navigation.cjs.entry.js +4 -3
- package/dist/cjs/bh-pagination_2.cjs.entry.js +10 -9
- package/dist/cjs/bh-picker-menu.cjs.entry.js +3 -2
- package/dist/cjs/bh-pie-chart.cjs.entry.js +6 -5
- package/dist/cjs/bh-pivot-grid-field-chooser.cjs.entry.js +5 -4
- package/dist/cjs/bh-pivot-grid.cjs.entry.js +20 -19
- package/dist/cjs/bh-popover.cjs.entry.js +3 -2
- package/dist/cjs/bh-product-switcher.cjs.entry.js +3 -2
- package/dist/cjs/bh-progress-bar.cjs.entry.js +7 -6
- package/dist/cjs/bh-progress-ring.cjs.entry.js +1 -1
- package/dist/cjs/bh-property-switcher.cjs.entry.js +22 -5
- package/dist/cjs/bh-radar-chart.cjs.entry.js +5 -4
- package/dist/cjs/bh-radio-button.cjs.entry.js +3 -2
- package/dist/cjs/bh-radio-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-range-slider.cjs.entry.js +4 -3
- package/dist/cjs/bh-section-footer.cjs.entry.js +4 -3
- package/dist/cjs/bh-section-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-selection-group-item.cjs.entry.js +3 -2
- package/dist/cjs/bh-selection-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-side-panel-footer.cjs.entry.js +1 -1
- package/dist/cjs/bh-side-panel-header.cjs.entry.js +1 -1
- package/dist/cjs/bh-sidebar.cjs.entry.js +19 -5
- package/dist/cjs/bh-stepper.cjs.entry.js +3 -2
- package/dist/cjs/bh-tab-item.cjs.entry.js +5 -4
- package/dist/cjs/bh-table-header.cjs.entry.js +4 -3
- package/dist/cjs/bh-tabs.cjs.entry.js +4 -3
- package/dist/cjs/bh-tag-group.cjs.entry.js +4 -3
- package/dist/cjs/bh-tag-input.cjs.entry.js +5 -4
- package/dist/cjs/bh-textarea.cjs.entry.js +5 -4
- package/dist/cjs/bh-toast-container.cjs.entry.js +1 -1
- package/dist/cjs/bh-toast.cjs.entry.js +5 -4
- package/dist/cjs/bh-toggle.cjs.entry.js +4 -3
- package/dist/cjs/bh-trend-chart.cjs.entry.js +5 -4
- package/dist/cjs/{component-error-handler-C4vfF_Qu.js → component-error-handler-BxXlGq4E.js} +1 -1
- package/dist/cjs/error-boundary-fNUNT0lE.js +75 -0
- package/dist/cjs/hotkeys-BzAUI8Zg.js +113 -0
- package/dist/cjs/index-B6sArKsK.js +20 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{error-boundary-Bf7TcT4U.js → logger-DZionBgs.js} +0 -71
- package/dist/collection/collection-manifest.json +3 -0
- package/dist/collection/components/bh-accordion/bh-accordion-item/bh-accordion-item.js +1 -1
- package/dist/collection/components/bh-activity-feed/bh-activity-feed.css +8 -0
- package/dist/collection/components/bh-activity-feed/bh-activity-feed.js +29 -2
- package/dist/collection/components/bh-appbar/bh-appbar.css +28 -1
- package/dist/collection/components/bh-appbar/bh-appbar.js +220 -9
- package/dist/collection/components/bh-appbar/bh-notification-center/bh-notification-center.css +118 -0
- package/dist/collection/components/bh-appbar/bh-notification-center/bh-notification-center.js +513 -0
- package/dist/collection/components/bh-avatar/bh-avatar-add/bh-avatar-add.js +1 -1
- package/dist/collection/components/bh-avatar/bh-avatar-stacked/bh-avatar-stacked.js +1 -1
- package/dist/collection/components/bh-avatar/bh-avatar.css +8 -2
- package/dist/collection/components/bh-avatar/bh-avatar.js +2 -2
- package/dist/collection/components/bh-badge/bh-badge-dot/bh-badge-dot.js +1 -1
- package/dist/collection/components/bh-badge/bh-badge.js +2 -2
- package/dist/collection/components/bh-banner/bh-banner.js +2 -2
- package/dist/collection/components/bh-breadcrumbs/bh-breadcrumbs.css +3 -1
- package/dist/collection/components/bh-breadcrumbs/bh-breadcrumbs.js +14 -3
- package/dist/collection/components/bh-button/bh-button-icon/bh-button-icon.js +1 -1
- package/dist/collection/components/bh-button/bh-button.js +1 -1
- package/dist/collection/components/bh-card/bh-card-content/bh-card-content.js +1 -1
- package/dist/collection/components/bh-card/bh-card-footer/bh-card-footer.js +1 -1
- package/dist/collection/components/bh-card/bh-card-header/bh-card-header.js +1 -1
- package/dist/collection/components/bh-card/bh-card.js +1 -1
- package/dist/collection/components/bh-chart/bh-bar-chart/bh-bar-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-chart-tooltip/bh-chart-tooltip.js +2 -2
- package/dist/collection/components/bh-chart/bh-gauge-chart/bh-gauge-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-line-chart/bh-line-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-pie-chart/bh-pie-chart.js +3 -3
- package/dist/collection/components/bh-chart/bh-progress-bar/bh-progress-bar.js +4 -4
- package/dist/collection/components/bh-chart/bh-radar-chart/bh-radar-chart.js +2 -2
- package/dist/collection/components/bh-chart/bh-trend-chart/bh-trend-chart.js +2 -2
- package/dist/collection/components/bh-chat/bh-chat-message/bh-chat-message.js +2 -2
- package/dist/collection/components/bh-chat/bh-chat-reaction/bh-chat-reaction.js +2 -2
- package/dist/collection/components/bh-close-button/bh-close-button.js +1 -1
- package/dist/collection/components/bh-command-bar/bh-command-bar.css +181 -0
- package/dist/collection/components/bh-command-bar/bh-command-bar.figma.js +9 -0
- package/dist/collection/components/bh-command-bar/bh-command-bar.js +663 -0
- package/dist/collection/components/bh-container/bh-container-footer/bh-container-footer.js +1 -1
- package/dist/collection/components/bh-container/bh-container.js +1 -1
- package/dist/collection/components/bh-credit-card/bh-credit-card.js +1 -1
- package/dist/collection/components/bh-data-grid/bh-data-grid-footer.js +1 -1
- package/dist/collection/components/bh-data-grid/bh-data-grid-toolbar.js +1 -1
- package/dist/collection/components/bh-divider/bh-divider.js +1 -1
- package/dist/collection/components/bh-dropdown/bh-dropdown-menu/bh-dropdown-menu.js +1 -1
- package/dist/collection/components/bh-dropdown/bh-dropdown.js +29 -1
- package/dist/collection/components/bh-emoji-picker/bh-emoji-picker.js +1 -1
- package/dist/collection/components/bh-empty-state/bh-empty-state.js +1 -1
- package/dist/collection/components/bh-fab/bh-fab.js +2 -2
- package/dist/collection/components/bh-featured-icon/bh-featured-icon.js +1 -1
- package/dist/collection/components/bh-feed-item/bh-feed-item.css +9 -2
- package/dist/collection/components/bh-feed-item/bh-feed-item.js +81 -4
- package/dist/collection/components/bh-guided-checklist/bh-guided-checklist.js +1 -1
- package/dist/collection/components/bh-html-editor/bh-html-editor-bubble-menu/bh-html-editor-bubble-menu.js +3 -3
- package/dist/collection/components/bh-html-editor/bh-html-editor-toolbar/bh-html-editor-toolbar.js +1 -1
- package/dist/collection/components/bh-html-editor/bh-html-editor.js +2 -2
- package/dist/collection/components/bh-illustrations/bh-illustrations.js +1 -1
- package/dist/collection/components/bh-inline-cta/bh-inline-cta.js +2 -2
- package/dist/collection/components/bh-input/bh-input-autocomplete/bh-input-autocomplete.js +3 -3
- package/dist/collection/components/bh-input/bh-input-number/bh-input-number.js +2 -2
- package/dist/collection/components/bh-input/bh-input-password/bh-input-password.js +3 -3
- package/dist/collection/components/bh-input/bh-input-text/bh-input-text.js +2 -2
- package/dist/collection/components/bh-input/bh-input-verification/bh-input-verification.js +1 -1
- package/dist/collection/components/bh-input/bh-tag-input/bh-tag-input.js +2 -2
- package/dist/collection/components/bh-input/bh-textarea/bh-textarea.js +2 -2
- package/dist/collection/components/bh-kbd/bh-kbd.css +33 -0
- package/dist/collection/components/bh-kbd/bh-kbd.figma.js +11 -0
- package/dist/collection/components/bh-kbd/bh-kbd.js +78 -0
- package/dist/collection/components/bh-logo-box/bh-logo-box.js +2 -2
- package/dist/collection/components/bh-modal/bh-modal-actions/bh-modal-actions.js +1 -1
- package/dist/collection/components/bh-modal/bh-modal-header/bh-modal-header.js +4 -4
- package/dist/collection/components/bh-multi-select/bh-multi-select.js +3 -3
- package/dist/collection/components/bh-page-header/bh-page-header.js +2 -2
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-child/bh-page-navigation-child.js +1 -1
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-multi-level/bh-page-navigation-multi-level.js +2 -2
- package/dist/collection/components/bh-page-navigation/bh-page-navigation-single-level/bh-page-navigation-single-level.js +1 -1
- package/dist/collection/components/bh-page-navigation/bh-page-navigation.js +1 -1
- package/dist/collection/components/bh-pagination/bh-pagination.js +2 -2
- package/dist/collection/components/bh-picker/bh-date-picker/bh-date-picker-content/bh-date-picker-content.js +3 -3
- package/dist/collection/components/bh-picker/bh-date-picker/bh-date-picker.js +3 -3
- package/dist/collection/components/bh-picker/bh-date-range-picker/bh-date-range-picker-content/bh-date-range-picker-content.js +2 -2
- package/dist/collection/components/bh-picker/bh-date-range-picker/bh-date-range-picker.js +4 -4
- package/dist/collection/components/bh-picker/bh-month-picker/bh-month-picker-content/bh-month-picker-content.js +1 -1
- package/dist/collection/components/bh-picker/bh-month-picker/bh-month-picker.js +3 -3
- package/dist/collection/components/bh-pivot-grid/bh-pivot-grid-field-chooser/bh-pivot-grid-field-chooser.js +2 -2
- package/dist/collection/components/bh-pivot-grid/bh-pivot-grid.js +16 -16
- package/dist/collection/components/bh-progress-ring/bh-progress-ring.js +1 -1
- package/dist/collection/components/bh-property-switcher/bh-property-switcher.js +20 -4
- package/dist/collection/components/bh-radio-group/bh-radio-group.js +1 -1
- package/dist/collection/components/bh-range-slider/bh-range-slider.js +1 -1
- package/dist/collection/components/bh-section-footer/bh-section-footer.js +1 -1
- package/dist/collection/components/bh-section-header/bh-section-header.js +1 -1
- package/dist/collection/components/bh-select/bh-select.js +4 -4
- package/dist/collection/components/bh-selection-group/bh-selection-group.js +1 -1
- package/dist/collection/components/bh-side-panel/bh-side-panel-footer/bh-side-panel-footer.js +1 -1
- package/dist/collection/components/bh-side-panel/bh-side-panel-header/bh-side-panel-header.js +1 -1
- package/dist/collection/components/bh-sidebar/bh-nav-item/bh-nav-item.js +2 -2
- package/dist/collection/components/bh-sidebar/bh-sidebar.js +79 -3
- package/dist/collection/components/bh-skeleton-loader/bh-skeleton-loader.js +1 -1
- package/dist/collection/components/bh-table-header/bh-table-header.js +1 -1
- package/dist/collection/components/bh-tabs/bh-tab-item/bh-tab-item.js +2 -2
- package/dist/collection/components/bh-tabs/bh-tabs.js +1 -1
- package/dist/collection/components/bh-tag/bh-tag-group/bh-tag-group.js +1 -1
- package/dist/collection/components/bh-tag/bh-tag.js +2 -2
- package/dist/collection/components/bh-toast/bh-toast.js +2 -2
- package/dist/collection/components/bh-toast-container/bh-toast-container.js +1 -1
- package/dist/collection/components/bh-toggle/bh-toggle.js +1 -1
- package/dist/collection/components/bh-tooltip/bh-tooltip.js +1 -1
- package/dist/collection/components/index.js +5 -0
- package/dist/collection/utils/hotkeys.js +107 -0
- package/dist/collection/utils/index.js +4 -0
- package/dist/esm/bellhop-core.js +1 -1
- package/dist/esm/bh-accordion-item.entry.js +3 -2
- package/dist/esm/bh-accordion.entry.js +2 -1
- package/dist/esm/bh-activity-feed_2.entry.js +171 -0
- package/dist/esm/bh-alert.entry.js +3 -2
- package/dist/esm/bh-appbar.entry.js +56 -10
- package/dist/esm/bh-autocomplete-menu.entry.js +2 -1
- package/dist/esm/bh-avatar-add.entry.js +3 -2
- package/dist/esm/bh-avatar-stacked.entry.js +3 -2
- package/dist/esm/bh-avatar.entry.js +5 -4
- package/dist/esm/bh-badge-dot_2.entry.js +6 -5
- package/dist/esm/bh-badge.entry.js +5 -4
- package/dist/esm/bh-banner.entry.js +4 -3
- package/dist/esm/bh-bar-chart.entry.js +4 -3
- package/dist/esm/bh-breadcrumbs.entry.js +15 -4
- package/dist/esm/bh-button-icon_2.entry.js +3 -2
- package/dist/esm/bh-button.entry.js +4 -3
- package/dist/esm/bh-card-content.entry.js +3 -2
- package/dist/esm/bh-card-footer.entry.js +3 -2
- package/dist/esm/bh-card-header.entry.js +3 -2
- package/dist/esm/bh-card.entry.js +3 -2
- package/dist/esm/bh-chart-tooltip.entry.js +4 -3
- package/dist/esm/bh-chat-message.entry.js +4 -3
- package/dist/esm/bh-chat-reaction.entry.js +4 -3
- package/dist/esm/bh-checkbox.entry.js +2 -1
- package/dist/esm/bh-checklist-task-group_3.entry.js +5 -4
- package/dist/esm/bh-close-button.entry.js +1 -1
- package/dist/esm/bh-command-bar.entry.js +307 -0
- package/dist/esm/bh-container-footer.entry.js +3 -2
- package/dist/esm/bh-container.entry.js +3 -2
- package/dist/esm/bh-credit-card.entry.js +3 -2
- package/dist/esm/bh-data-grid-body.entry.js +2 -1
- package/dist/esm/bh-data-grid-change-preview.entry.js +2 -1
- package/dist/esm/bh-data-grid-filter-builder.entry.js +2 -1
- package/dist/esm/bh-data-grid-footer.entry.js +3 -2
- package/dist/esm/bh-data-grid-header.entry.js +2 -1
- package/dist/esm/bh-data-grid-toolbar.entry.js +3 -2
- package/dist/esm/bh-data-grid.entry.js +3 -2
- package/dist/esm/bh-date-picker-content.entry.js +5 -4
- package/dist/esm/bh-date-picker.entry.js +5 -4
- package/dist/esm/bh-date-range-picker-content.entry.js +4 -3
- package/dist/esm/bh-date-range-picker.entry.js +6 -5
- package/dist/esm/bh-divider.entry.js +3 -2
- package/dist/esm/bh-dropdown-menu.entry.js +1 -1
- package/dist/esm/bh-dropdown.entry.js +12 -3
- package/dist/esm/bh-emoji-picker.entry.js +1 -1
- package/dist/esm/bh-empty-state_2.entry.js +4 -3
- package/dist/esm/bh-featured-icon.entry.js +3 -2
- package/dist/esm/bh-gauge-chart.entry.js +4 -3
- package/dist/esm/bh-guided-checklist.entry.js +4 -3
- package/dist/esm/bh-html-editor-bubble-menu_2.entry.js +6 -5
- package/dist/esm/bh-html-editor.entry.js +4 -3
- package/dist/esm/bh-illustrations.entry.js +3 -2
- package/dist/esm/bh-inline-cta.entry.js +4 -3
- package/dist/esm/bh-input-autocomplete.entry.js +6 -5
- package/dist/esm/bh-input-number.entry.js +4 -3
- package/dist/esm/bh-input-password.entry.js +5 -4
- package/dist/esm/bh-input-text.entry.js +4 -3
- package/dist/esm/bh-input-verification.entry.js +3 -2
- package/dist/esm/bh-kbd.entry.js +32 -0
- package/dist/esm/bh-label_2.entry.js +3 -2
- package/dist/esm/bh-line-chart.entry.js +4 -3
- package/dist/esm/bh-logo-box_2.entry.js +6 -5
- package/dist/esm/bh-menu_2.entry.js +2 -1
- package/dist/esm/bh-modal-actions.entry.js +3 -2
- package/dist/esm/bh-modal-header.entry.js +6 -5
- package/dist/esm/bh-modal.entry.js +3 -2
- package/dist/esm/bh-month-picker-content.entry.js +3 -2
- package/dist/esm/bh-month-picker.entry.js +5 -4
- package/dist/esm/bh-multi-select.entry.js +7 -6
- package/dist/esm/bh-notification-center.entry.js +208 -0
- package/dist/esm/bh-page-header.entry.js +3 -2
- package/dist/esm/bh-page-navigation-child.entry.js +3 -2
- package/dist/esm/bh-page-navigation-multi-level_2.entry.js +5 -4
- package/dist/esm/bh-page-navigation.entry.js +3 -2
- package/dist/esm/bh-pagination_2.entry.js +8 -7
- package/dist/esm/bh-picker-menu.entry.js +2 -1
- package/dist/esm/bh-pie-chart.entry.js +5 -4
- package/dist/esm/bh-pivot-grid-field-chooser.entry.js +4 -3
- package/dist/esm/bh-pivot-grid.entry.js +19 -18
- package/dist/esm/bh-popover.entry.js +2 -1
- package/dist/esm/bh-product-switcher.entry.js +2 -1
- package/dist/esm/bh-progress-bar.entry.js +6 -5
- package/dist/esm/bh-progress-ring.entry.js +1 -1
- package/dist/esm/bh-property-switcher.entry.js +21 -4
- package/dist/esm/bh-radar-chart.entry.js +4 -3
- package/dist/esm/bh-radio-button.entry.js +2 -1
- package/dist/esm/bh-radio-group.entry.js +3 -2
- package/dist/esm/bh-range-slider.entry.js +3 -2
- package/dist/esm/bh-section-footer.entry.js +3 -2
- package/dist/esm/bh-section-header.entry.js +3 -2
- package/dist/esm/bh-selection-group-item.entry.js +2 -1
- package/dist/esm/bh-selection-group.entry.js +3 -2
- package/dist/esm/bh-side-panel-footer.entry.js +1 -1
- package/dist/esm/bh-side-panel-header.entry.js +1 -1
- package/dist/esm/bh-sidebar.entry.js +18 -4
- package/dist/esm/bh-stepper.entry.js +2 -1
- package/dist/esm/bh-tab-item.entry.js +4 -3
- package/dist/esm/bh-table-header.entry.js +3 -2
- package/dist/esm/bh-tabs.entry.js +3 -2
- package/dist/esm/bh-tag-group.entry.js +3 -2
- package/dist/esm/bh-tag-input.entry.js +4 -3
- package/dist/esm/bh-textarea.entry.js +4 -3
- package/dist/esm/bh-toast-container.entry.js +1 -1
- package/dist/esm/bh-toast.entry.js +4 -3
- package/dist/esm/bh-toggle.entry.js +3 -2
- package/dist/esm/bh-trend-chart.entry.js +4 -3
- package/dist/esm/{component-error-handler-BVWQSuxn.js → component-error-handler-bgLpf9Pn.js} +1 -1
- package/dist/esm/error-boundary-afpK3NgJ.js +70 -0
- package/dist/esm/hotkeys-CBTS9Vhx.js +109 -0
- package/dist/esm/index-CTHvNfIu.js +20 -12
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{error-boundary-YLeLKAYJ.js → logger-CMKOFHIa.js} +1 -68
- package/dist/locales/bh-appbar/de.json +4 -1
- package/dist/locales/bh-appbar/en.json +4 -1
- package/dist/locales/bh-appbar/es.json +4 -1
- package/dist/locales/bh-appbar/fr.json +4 -1
- package/dist/locales/bh-appbar/ja.json +4 -1
- package/dist/locales/bh-appbar/pt.json +4 -1
- package/dist/locales/bh-appbar/ru.json +4 -1
- package/dist/locales/bh-appbar/zh.json +4 -1
- package/dist/locales/bh-command-bar/de.json +13 -0
- package/dist/locales/bh-command-bar/en.json +13 -0
- package/dist/locales/bh-command-bar/es.json +13 -0
- package/dist/locales/bh-command-bar/fr.json +13 -0
- package/dist/locales/bh-command-bar/ja.json +13 -0
- package/dist/locales/bh-command-bar/pt.json +13 -0
- package/dist/locales/bh-command-bar/ru.json +13 -0
- package/dist/locales/bh-command-bar/zh.json +13 -0
- package/dist/types/components/bh-activity-feed/bh-activity-feed.d.ts +6 -0
- package/dist/types/components/bh-appbar/bh-appbar.d.ts +38 -0
- package/dist/types/components/bh-appbar/bh-notification-center/bh-notification-center.d.ts +108 -0
- package/dist/types/components/bh-breadcrumbs/bh-breadcrumbs.d.ts +8 -0
- package/dist/types/components/bh-command-bar/bh-command-bar.d.ts +131 -0
- package/dist/types/components/bh-command-bar/bh-command-bar.figma.d.ts +1 -0
- package/dist/types/components/bh-dropdown/bh-dropdown.d.ts +4 -0
- package/dist/types/components/bh-feed-item/bh-feed-item.d.ts +15 -0
- package/dist/types/components/bh-kbd/bh-kbd.d.ts +13 -0
- package/dist/types/components/bh-kbd/bh-kbd.figma.d.ts +1 -0
- package/dist/types/components/bh-property-switcher/bh-property-switcher.d.ts +2 -0
- package/dist/types/components/bh-sidebar/bh-sidebar.d.ts +14 -1
- package/dist/types/components/index.d.ts +3 -0
- package/dist/types/components.d.ts +541 -4
- package/dist/types/index.d.ts +2 -0
- package/dist/types/utils/hotkeys.d.ts +23 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/hydrate/index.js +1021 -189
- package/hydrate/index.mjs +1021 -189
- package/llms.txt +4251 -286
- package/package.json +1 -1
- package/vscode-data.json +215 -0
- package/components/p-B7i48CAz.js +0 -1
- package/components/p-Bk-ipvH3.js +0 -1
- package/components/p-Cy98fCjm.js +0 -1
- package/components/p-i7ZvTRXV.js +0 -1
- package/dist/bellhop-core/p-008932dc.entry.js +0 -1
- package/dist/bellhop-core/p-03e002af.entry.js +0 -1
- package/dist/bellhop-core/p-062955a0.entry.js +0 -1
- package/dist/bellhop-core/p-0705eb78.entry.js +0 -1
- package/dist/bellhop-core/p-0a1548b0.entry.js +0 -1
- package/dist/bellhop-core/p-0a758a65.entry.js +0 -1
- package/dist/bellhop-core/p-0b3a286d.entry.js +0 -1
- package/dist/bellhop-core/p-0e60f7f5.entry.js +0 -1
- package/dist/bellhop-core/p-105d9352.entry.js +0 -1
- package/dist/bellhop-core/p-11eec77c.entry.js +0 -1
- package/dist/bellhop-core/p-1334408b.entry.js +0 -1
- package/dist/bellhop-core/p-141d68b7.entry.js +0 -1
- package/dist/bellhop-core/p-164db491.entry.js +0 -1
- package/dist/bellhop-core/p-170c4a62.entry.js +0 -1
- package/dist/bellhop-core/p-19739563.entry.js +0 -1
- package/dist/bellhop-core/p-1cfa274f.entry.js +0 -1
- package/dist/bellhop-core/p-1ddb2ef9.entry.js +0 -1
- package/dist/bellhop-core/p-22243198.entry.js +0 -1
- package/dist/bellhop-core/p-23acfc6a.entry.js +0 -1
- package/dist/bellhop-core/p-277693e6.entry.js +0 -1
- package/dist/bellhop-core/p-283eb6ee.entry.js +0 -1
- package/dist/bellhop-core/p-298d6782.entry.js +0 -1
- package/dist/bellhop-core/p-30f1e109.entry.js +0 -1
- package/dist/bellhop-core/p-31e952ed.entry.js +0 -1
- package/dist/bellhop-core/p-3254b058.entry.js +0 -1
- package/dist/bellhop-core/p-332a6b0d.entry.js +0 -1
- package/dist/bellhop-core/p-43c97303.entry.js +0 -1
- package/dist/bellhop-core/p-4b8fe1fa.entry.js +0 -1
- package/dist/bellhop-core/p-4d8b9186.entry.js +0 -1
- package/dist/bellhop-core/p-50b95dc8.entry.js +0 -1
- package/dist/bellhop-core/p-53006e0e.entry.js +0 -1
- package/dist/bellhop-core/p-53683664.entry.js +0 -1
- package/dist/bellhop-core/p-53dc8f16.entry.js +0 -1
- package/dist/bellhop-core/p-54d147b9.entry.js +0 -1
- package/dist/bellhop-core/p-56b090e1.entry.js +0 -1
- package/dist/bellhop-core/p-58eae3e6.entry.js +0 -1
- package/dist/bellhop-core/p-5d43f80b.entry.js +0 -1
- package/dist/bellhop-core/p-61aeccd7.entry.js +0 -1
- package/dist/bellhop-core/p-63303380.entry.js +0 -1
- package/dist/bellhop-core/p-63af6f45.entry.js +0 -1
- package/dist/bellhop-core/p-640aaf14.entry.js +0 -1
- package/dist/bellhop-core/p-6632ba13.entry.js +0 -1
- package/dist/bellhop-core/p-6807b97e.entry.js +0 -1
- package/dist/bellhop-core/p-6a725cbe.entry.js +0 -1
- package/dist/bellhop-core/p-6bfb6425.entry.js +0 -1
- package/dist/bellhop-core/p-6c4eb165.entry.js +0 -1
- package/dist/bellhop-core/p-72cd0a98.entry.js +0 -1
- package/dist/bellhop-core/p-74972e2e.entry.js +0 -1
- package/dist/bellhop-core/p-77a7967d.entry.js +0 -1
- package/dist/bellhop-core/p-79bc0c14.entry.js +0 -1
- package/dist/bellhop-core/p-7f2736ab.entry.js +0 -1
- package/dist/bellhop-core/p-83024333.entry.js +0 -1
- package/dist/bellhop-core/p-8c01d55f.entry.js +0 -1
- package/dist/bellhop-core/p-8d4654ea.entry.js +0 -1
- package/dist/bellhop-core/p-9429002f.entry.js +0 -1
- package/dist/bellhop-core/p-956ca990.entry.js +0 -1
- package/dist/bellhop-core/p-9b0d2d1d.entry.js +0 -1
- package/dist/bellhop-core/p-YLeLKAYJ.js +0 -1
- package/dist/bellhop-core/p-a0005573.entry.js +0 -1
- package/dist/bellhop-core/p-a26f1ec0.entry.js +0 -1
- package/dist/bellhop-core/p-a42cca95.entry.js +0 -1
- package/dist/bellhop-core/p-a7153865.entry.js +0 -1
- package/dist/bellhop-core/p-a7608d57.entry.js +0 -1
- package/dist/bellhop-core/p-a94d36ae.entry.js +0 -1
- package/dist/bellhop-core/p-a9644488.entry.js +0 -1
- package/dist/bellhop-core/p-aac0f3c1.entry.js +0 -1
- package/dist/bellhop-core/p-aae7e90e.entry.js +0 -1
- package/dist/bellhop-core/p-ac2d706c.entry.js +0 -1
- package/dist/bellhop-core/p-b21105d4.entry.js +0 -1
- package/dist/bellhop-core/p-b7995c47.entry.js +0 -1
- package/dist/bellhop-core/p-bacf8b19.entry.js +0 -1
- package/dist/bellhop-core/p-bf2f5dbd.entry.js +0 -1
- package/dist/bellhop-core/p-c10aff52.entry.js +0 -1
- package/dist/bellhop-core/p-c30fcfcb.entry.js +0 -1
- package/dist/bellhop-core/p-c581c876.entry.js +0 -1
- package/dist/bellhop-core/p-c97c166b.entry.js +0 -1
- package/dist/bellhop-core/p-cb19b35b.entry.js +0 -1
- package/dist/bellhop-core/p-cb1dde19.entry.js +0 -1
- package/dist/bellhop-core/p-cf8c9d85.entry.js +0 -1
- package/dist/bellhop-core/p-d3816b20.entry.js +0 -1
- package/dist/bellhop-core/p-d4107350.entry.js +0 -1
- package/dist/bellhop-core/p-d59fdc08.entry.js +0 -1
- package/dist/bellhop-core/p-d77016ec.entry.js +0 -1
- package/dist/bellhop-core/p-dd1e6138.entry.js +0 -1
- package/dist/bellhop-core/p-dd6f2996.entry.js +0 -1
- package/dist/bellhop-core/p-e082bce2.entry.js +0 -1
- package/dist/bellhop-core/p-e0e28b1f.entry.js +0 -1
- package/dist/bellhop-core/p-e4a47861.entry.js +0 -1
- package/dist/bellhop-core/p-e74a03e3.entry.js +0 -1
- package/dist/bellhop-core/p-e9168244.entry.js +0 -1
- package/dist/bellhop-core/p-ea1fe131.entry.js +0 -1
- package/dist/bellhop-core/p-ecf1b0c4.entry.js +0 -1
- package/dist/bellhop-core/p-f16e07ca.entry.js +0 -1
- package/dist/bellhop-core/p-f2d2abb2.entry.js +0 -1
- package/dist/bellhop-core/p-f8f6e900.entry.js +0 -1
- package/dist/bellhop-core/p-fbdeab71.entry.js +0 -1
- package/dist/bellhop-core/p-fcb058cf.entry.js +0 -1
- package/dist/cjs/bh-activity-feed.cjs.entry.js +0 -71
- package/dist/cjs/bh-feed-item.cjs.entry.js +0 -82
- package/dist/esm/bh-activity-feed.entry.js +0 -69
- package/dist/esm/bh-feed-item.entry.js +0 -80
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as i,c as a,h as e,d as r,t as o}from"./p-YZi6LqIt.js";import{d as s}from"./p-B7i48CAz.js";import{d as n}from"./p-Bk-ipvH3.js";import{d as h}from"./p-cD3vmu49.js";import{d as l}from"./p-B2KPN863.js";import{d as p}from"./p-BbPrWlsw.js";import{d}from"./p-CVSRqFZ0.js";import{d as c}from"./p-Bf_iTZDv.js";import{c as b,m as u,M as g,r as m}from"./p-BJXjqxlX.js";import{c as f}from"./p-YdVz1TeW.js";import{v}from"./p-DlPm3fIV.js";import{B as x,r as y}from"./p-BNVOtH-1.js";const w=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhChange=a(this,"bhChange"),this.bhInput=a(this,"bhInput"),this.bhFocus=a(this,"bhFocus"),this.bhBlur=a(this,"bhBlur"),this.bhHelpClick=a(this,"bhHelpClick"),this.internals=this.attachInternals()}logger=b("bh-tag-input");inputEl;internals;get el(){return 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=f();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:Error(t+"")),u.increment(g.COMPONENT_ERROR,{component:"bh-tag-input",error_type:t instanceof Error?t.name:"unknown"}),m("bh-tag-input",t)}getParsedTags(){if(Array.isArray(this.tags))return this.tags;const t=v(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=v(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 a={id:this.generateId(),label:t},e=[...i,a];this.tags=JSON.stringify(e),this.value="",this.syncFormValueFromTags(e),this.bhChange.emit(e)}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(),a=this.value.trim();if(i.includes(t.key)&&a)return t.preventDefault(),void this.addTag(a);"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=x.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 e(r,{key:"e34eeb00cc4ed9cb86858f981832ca32251e2b40"},e("div",{key:"c19ae3df7fbd1d6bc8cf45a55c5f9e02e1ae2186",class:"tag-input-wrapper",part:"wrapper"},e("bh-label",{key:"cd3e0002ddd4c19b59da1a727b3486553f4c6d9b",disabled:this.disabled,helpIconTooltip:y("bh-tag-input","helpIconTooltip",this.helpIconTooltip,"Help"),label:this.showLabel?this.label:"",onBhHelpClick:this.handleHelpClick,required:this.required,showHelpIcon:this.showHelpIcon},e("div",{key:"490023642eecd8a5f251f289e0630254af2b1a69",class:i,onClick:this.handleContainerClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"field"},e("div",{key:"a369c636c75fb48a9f2f1bcae8f4bac6c8ce572b",class:"tag-input-content-flow"},t.map((t=>e("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"}))),e("input",{key:"a75642d3408f60b69d38480c0d27419bbea6fd4b","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?y("bh-tag-input","placeholder",this.placeholder,"Add tags..."):"",ref:t=>{this.inputEl=t},type:"text",value:this.value})))),this.showHintText&&this.hintText&&e("div",{key:"133568c31c1781c31dbd317e89ac032ca71c80a2",class:{"hint-text":!0,"hint-error":this.error},id:"tag-input-hint"},this.hintText)))}static get formAssociated(){return!0}static get style(){return"@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-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; } } }"}},[577,"bh-tag-input",{label:[1],placeholder:[1],hintText:[1,"hint-text"],showLabel:[4,"show-label"],showHintText:[4,"show-hint-text"],error:[4],disabled:[4],required:[4],value:[1025],name:[1],defaultTags:[1,"default-tags"],tags:[1025],maxTags:[2,"max-tags"],tagSize:[1,"tag-size"],separatorKeys:[1,"separator-keys"],allowDuplicates:[4,"allow-duplicates"],showHelpIcon:[4,"show-help-icon"],helpIconTooltip:[1,"help-icon-tooltip"],size:[1],focusVersion:[32],_i18nVersion:[32]}]),k=w,T=function(){"undefined"!=typeof customElements&&["bh-tag-input","bh-avatar","bh-badge-dot","bh-button-icon","bh-label","bh-loader-spinner","bh-tag","bh-tooltip"].forEach((t=>{switch(t){case"bh-tag-input":customElements.get(o(t))||customElements.define(o(t),w);break;case"bh-avatar":customElements.get(o(t))||s();break;case"bh-badge-dot":customElements.get(o(t))||n();break;case"bh-button-icon":customElements.get(o(t))||h();break;case"bh-label":customElements.get(o(t))||l();break;case"bh-loader-spinner":customElements.get(o(t))||p();break;case"bh-tag":customElements.get(o(t))||d();break;case"bh-tooltip":customElements.get(o(t))||c()}}))};export{k as BhTagInput,T as defineCustomElement}
|
|
1
|
+
import{p as t,H as a,c as i,h as e,d as r,t as o}from"./p-YZi6LqIt.js";import{d as s}from"./p-DJlRFgcj.js";import{d as n}from"./p-Be6mIKzo.js";import{d as h}from"./p-CClVva-u.js";import{d as l}from"./p-C7fkgBQS.js";import{d as p}from"./p-BbPrWlsw.js";import{d}from"./p-DjpXtbw8.js";import{d as c}from"./p-D6aw0IK6.js";import{c as b,m as u,M as g,r as m}from"./p-BJXjqxlX.js";import{c as f}from"./p-YdVz1TeW.js";import{v}from"./p-DlPm3fIV.js";import{B as x,r as y}from"./p-BNVOtH-1.js";const w=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),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"),this.internals=this.attachInternals()}logger=b("bh-tag-input");inputEl;internals;get el(){return 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=f();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:Error(t+"")),u.increment(g.COMPONENT_ERROR,{component:"bh-tag-input",error_type:t instanceof Error?t.name:"unknown"}),m("bh-tag-input",t)}getParsedTags(){if(Array.isArray(this.tags))return this.tags;const t=v(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=v(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 a=this.getParsedTags();if(void 0!==this.maxTags&&a.length>=this.maxTags)return;if(!this.allowDuplicates&&a.some((a=>a.label.toLowerCase()===t.toLowerCase())))return;const i={id:this.generateId(),label:t},e=[...a,i];this.tags=JSON.stringify(e),this.value="",this.syncFormValueFromTags(e),this.bhChange.emit(e)}removeTag(t){const a=this.getParsedTags().filter((a=>a.id!==t.id));this.tags=JSON.stringify(a),this.syncFormValueFromTags(a),this.bhChange.emit(a)}removeLastTag(){const t=this.getParsedTags();0!==t.length&&this.removeTag(t[t.length-1])}syncFormValueFromTags(t){if(!this.internals||!this.name)return;const a=t.map((t=>t.label)).join(",");this.internals.setFormValue(a||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 a=this.getParsedSeparatorKeys(),i=this.value.trim();if(a.includes(t.key)&&i)return t.preventDefault(),void this.addTag(i);"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=x.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}render(){const t=this.getParsedTags(),a={"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 e(r,{key:"3fc8a7109097f9cd6d12d7931079e735a76673ba"},e("div",{key:"29dacb1ef719e5ad6207657d5f8594c449a0fa34",class:"tag-input-wrapper",part:"wrapper"},e("bh-label",{key:"f3822f0c81de310980e1937e54272c391e9105a9",disabled:this.disabled,helpIconTooltip:y("bh-tag-input","helpIconTooltip",this.helpIconTooltip,"Help"),label:this.showLabel?this.label:"",onBhHelpClick:this.handleHelpClick,required:this.required,showHelpIcon:this.showHelpIcon},e("div",{key:"3aa490ed1f1c9c0bbbbef52efc06ddb1125eb7dc",class:a,onClick:this.handleContainerClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"field"},e("div",{key:"082cd9bcac878b8740c952c8e76456fc336303cd",class:"tag-input-content-flow"},t.map((t=>e("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"}))),e("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?y("bh-tag-input","placeholder",this.placeholder,"Add tags..."):"",ref:t=>{this.inputEl=t},type:"text",value:this.value})))),this.showHintText&&this.hintText&&e("div",{key:"2edbc0d596d50fc63e9fbee35a56d2f2df828346",class:{"hint-text":!0,"hint-error":this.error},id:"tag-input-hint"},this.hintText)))}static get formAssociated(){return!0}static get style(){return"@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-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; } } }"}},[577,"bh-tag-input",{label:[1],placeholder:[1],hintText:[1,"hint-text"],showLabel:[4,"show-label"],showHintText:[4,"show-hint-text"],error:[4],disabled:[4],required:[4],value:[1025],name:[1],defaultTags:[1,"default-tags"],tags:[1025],maxTags:[2,"max-tags"],tagSize:[1,"tag-size"],separatorKeys:[1,"separator-keys"],allowDuplicates:[4,"allow-duplicates"],showHelpIcon:[4,"show-help-icon"],helpIconTooltip:[1,"help-icon-tooltip"],size:[1],focusVersion:[32],_i18nVersion:[32]}]),k=w,E=function(){"undefined"!=typeof customElements&&["bh-tag-input","bh-avatar","bh-badge-dot","bh-button-icon","bh-label","bh-loader-spinner","bh-tag","bh-tooltip"].forEach((t=>{switch(t){case"bh-tag-input":customElements.get(o(t))||customElements.define(o(t),w);break;case"bh-avatar":customElements.get(o(t))||s();break;case"bh-badge-dot":customElements.get(o(t))||n();break;case"bh-button-icon":customElements.get(o(t))||h();break;case"bh-label":customElements.get(o(t))||l();break;case"bh-loader-spinner":customElements.get(o(t))||p();break;case"bh-tag":customElements.get(o(t))||d();break;case"bh-tooltip":customElements.get(o(t))||c()}}))};export{k as BhTagInput,E as defineCustomElement}
|
package/components/bh-tag.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as
|
|
1
|
+
import{B as o,d as p}from"./p-DjpXtbw8.js";const s=o,t=p;export{s as BhTag,t as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,c as r,h as a,d as o,t as i}from"./p-YZi6LqIt.js";import{d as s}from"./p-
|
|
1
|
+
import{p as e,H as t,c as r,h as a,d as o,t as i}from"./p-YZi6LqIt.js";import{d as s}from"./p-C7fkgBQS.js";import{d as h}from"./p-D6aw0IK6.js";import{c as n,r as l,m as c,M as d}from"./p-BJXjqxlX.js";import{c as b}from"./p-YdVz1TeW.js";import{c as x,b as p,M as u}from"./p-DlPm3fIV.js";import{B as m,r as f}from"./p-BNVOtH-1.js";import{a as v,u as g}from"./p-L4Y2hq_b.js";const y=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhInput=r(this,"bhInput"),this.bhChange=r(this,"bhChange"),this.bhFocus=r(this,"bhFocus"),this.bhBlur=r(this,"bhBlur"),this.bhHelpClick=r(this,"bhHelpClick"),this.bhValidityChange=r(this,"bhValidityChange"),this.internals=this.attachInternals()}logger=n("bh-textarea");focusState=b();i18nUnsubscribe;internals;textareaEl;label="";placeholder="";hintText="";showLabel=!0;showHintText=!0;showHelpIcon=!1;error=!1;disabled=!1;required=!1;readOnly=!1;size="md";helpIconTooltip="Help";value="";name="";defaultValue="";validationMessage="";rows=4;resize="none";maxLength;ariaDescribedBy;ariaErrorMessage;ariaDetails;focusVersion=0;_i18nVersion=0;isDirty=!1;isTouched=!1;bhInput;bhChange;bhFocus;bhBlur;bhHelpClick;bhValidityChange;get safeRows(){const e=x(this.rows,{min:1,max:100,integer:!0});return e.valid||l("bh-textarea",Error("Invalid rows: "+e.errors.map((e=>e.message)).join(", "))),e.value}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=m.onLocaleChange((()=>{this._i18nVersion++}))}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),c.increment(d.COMPONENT_ERROR,{component:"bh-textarea",error_type:e instanceof Error?e.name:"unknown"}),l("bh-textarea",e)}componentDidLoad(){v(this),g(this.internals,this.textareaEl,this.validationMessage),this.textareaEl&&this.textareaEl.addEventListener("invalid",this.handleValidityChange)}disconnectedCallback(){this.textareaEl&&this.textareaEl.removeEventListener("invalid",this.handleValidityChange),this.i18nUnsubscribe?.()}formResetCallback(){this.value=this.defaultValue,this.isDirty=!1,this.isTouched=!1,this.textareaEl&&(this.textareaEl.value=this.defaultValue),v(this),g(this.internals,this.textareaEl)}handleInput=e=>{const t=p(e.target.value,this.maxLength??u);this.value=t.value,t.valid||l("bh-textarea",Error(t.errors.map((e=>e.message)).join(", "))),this.isDirty||(this.isDirty=!0),this.bhInput.emit(this.value),v(this),g(this.internals,this.textareaEl,this.validationMessage)};handleChange=()=>{this.bhChange.emit(this.value)};handleFocus=e=>{this.isTouched=!0,this.focusState.handleFocus(e,(()=>this.bhFocus.emit()))};handleBlur=e=>{this.focusState.handleBlur(e,(()=>this.bhBlur.emit()))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleValidityChange=()=>{this.textareaEl&&this.bhValidityChange.emit(this.textareaEl.validity)};handleHelpClick=()=>{this.bhHelpClick.emit()};render(){const e={"textarea-container":!0,["textarea-container-"+this.size]:!0,"textarea-container-focused":this.focusState.isFocused,"textarea-container-hover":this.focusState.isHovered&&!this.focusState.isFocused,"textarea-container-error":this.error,"textarea-container-disabled":this.disabled},t={textarea:!0,"textarea-error":this.error};return a(o,{key:"7a88a40a88347869a802e82b1fe9efd75630f969"},a("div",{key:"347dccbe10ed0878c53027618a21a7afda30bb5c",class:"textarea-wrapper",part:"container"},a("bh-label",{key:"98b580b1c4203dfb04ec84e118e7b1599a5563fb",disabled:this.disabled,helpIconTooltip:f("bh-textarea","helpIconTooltip",this.helpIconTooltip,"Help"),label:this.showLabel?this.label:"",onBhHelpClick:this.handleHelpClick,required:this.required,showHelpIcon:this.showHelpIcon},a("div",{key:"f258616a32f25f99020845b3b838bcf38cff42f4",class:e,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},a("div",{key:"e9eaa467665f4b7719ae5e2307f6f53b69d171e4",class:"textarea-content"},a("textarea",{key:"d770979a84815617ebbe0be621c3df89a53129bc","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":this.readOnly+"","aria-required":this.required+"",class:t,"data-dirty":this.isDirty+"","data-touched":this.isTouched+"",disabled:this.disabled,maxLength:this.maxLength,name:this.name,onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,onInput:this.handleInput,part:"textarea",placeholder:this.placeholder,readOnly:this.readOnly,ref:e=>this.textareaEl=e,required:this.required,rows:this.safeRows,style:{resize:this.resize},value:this.value})))),this.showHintText&&this.hintText&&a("div",{key:"80d6642613e24c67a135f7eccc1c76c392236b7e",class:{"hint-text":!0,"hint-error":this.error},id:"hint-text"},this.hintText)))}static get formAssociated(){return!0}static get style(){return"@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-variants { .textarea-container-sm { --bh-textarea-padding: var(--spacing-sm); } .textarea-container-lg { --bh-textarea-padding: var(--spacing-lg); } } @layer bh-tokens { :host { display: block; --bh-textarea-bg: var(--color-bg-primary); --bh-textarea-bg-disabled: var(--color-bg-secondary); --bh-textarea-color: var(--color-text-primary); --bh-textarea-color-placeholder: var(--color-text-disabled); --bh-textarea-border-color: var(--color-border-primary); --bh-textarea-border-color-hover: var(--color-border-interactive); --bh-textarea-border-color-focus: var(--color-border-interactive); --bh-textarea-border-color-error: var(--color-border-error); --bh-textarea-border-radius: var(--radius-md); --bh-textarea-caret-color: var(--color-border-interactive); --bh-textarea-hint-color: var(--color-text-secondary); --bh-textarea-hint-error-color: var(--color-text-error); --bh-textarea-padding: var(--spacing-md); } } @layer bh-base { .textarea-wrapper { display: flex; flex-direction: column; gap: var(--spacing-sm); width: 100%; } .textarea-container { position: relative; display: flex; flex-direction: column; background: var(--bh-textarea-bg); border: 1px solid var(--bh-textarea-border-color); border-radius: var(--bh-textarea-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; min-height: var(--sp-32); } .textarea-content { width: 100%; } .textarea { box-sizing: border-box; padding: var(--bh-textarea-padding); background: transparent; border: none; outline: none; 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-textarea-color); width: 100%; min-height: var(--sp-24); resize: none; caret-color: var(--bh-textarea-caret-color); flex: 1; box-shadow: none; } .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-textarea-hint-color); } } @layer bh-states { .textarea-container:hover:not(.textarea-container-disabled):not(.textarea-container-focused) { border-color: var(--bh-textarea-border-color-hover); } .textarea-container-focused { border-color: var(--bh-textarea-border-color-focus); box-shadow: 0 0 0 1px var(--bh-textarea-border-color-focus); } .textarea-container-error { border-color: var(--bh-textarea-border-color-error); } .textarea-container-error:hover:not(.textarea-container-focused) { border-color: var(--bh-textarea-border-color-error); } .textarea-container-error.textarea-container-focused { border-color: var(--bh-textarea-border-color-focus); box-shadow: 0 0 0 1px var(--bh-textarea-border-color-focus); } .textarea-container-disabled { opacity: 0.5; cursor: not-allowed; background: var(--bh-textarea-bg-disabled); } .textarea:focus { outline: none; border: none; box-shadow: none; } .textarea::placeholder { color: var(--bh-textarea-color-placeholder); } .textarea:disabled { cursor: not-allowed; color: var(--bh-textarea-color-placeholder); } .hint-text.hint-error { color: var(--bh-textarea-hint-error-color); } } @layer bh-utilities { @media (max-width: 768px) { .textarea { font-size: 16px; } } }"}},[577,"bh-textarea",{label:[1],placeholder:[1],hintText:[1,"hint-text"],showLabel:[4,"show-label"],showHintText:[4,"show-hint-text"],showHelpIcon:[4,"show-help-icon"],error:[4],disabled:[4],required:[4],readOnly:[4,"read-only"],size:[1],helpIconTooltip:[1,"help-icon-tooltip"],value:[1025],name:[1],defaultValue:[1,"default-value"],validationMessage:[1,"validation-message"],rows:[2],resize:[1],maxLength:[2,"max-length"],ariaDescribedBy:[1,"aria-described-by"],ariaErrorMessage:[1,"aria-error-message"],ariaDetails:[1,"aria-details"],focusVersion:[32],_i18nVersion:[32],isDirty:[32],isTouched:[32]}]),w=y,k=function(){"undefined"!=typeof customElements&&["bh-textarea","bh-label","bh-tooltip"].forEach((e=>{switch(e){case"bh-textarea":customElements.get(i(e))||customElements.define(i(e),y);break;case"bh-label":customElements.get(i(e))||s();break;case"bh-tooltip":customElements.get(i(e))||h()}}))};export{w as BhTextarea,k as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as a,h as e,t as o}from"./p-YZi6LqIt.js";const n=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}gap=12;render(){return e("div",{key:"
|
|
1
|
+
import{p as t,H as a,h as e,t as o}from"./p-YZi6LqIt.js";const n=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}gap=12;render(){return e("div",{key:"fb695d7334b2b35348fc82e9e52fa69203f8a923","aria-label":"Notifications","aria-live":"polite","aria-relevant":"additions",class:"toast-container",role:"region",style:{gap:this.gap+"px"}},e("slot",{key:"5ddf3fe4f2bc19ba537d41a6543e787c7fbf418c"}))}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base; @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}}"}},[769,"bh-toast-container",{gap:[2]}]),s=n,r=function(){"undefined"!=typeof customElements&&["bh-toast-container"].forEach((t=>{"bh-toast-container"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))};export{s as BhToastContainer,r as defineCustomElement}
|
package/components/bh-toast.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as
|
|
1
|
+
import{B as o,d as s}from"./p-BzHDM9Tg.js";const p=o,r=s;export{p as BhToast,r as defineCustomElement}
|
package/components/bh-toggle.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,c as o,h as g,d as l,t as r}from"./p-YZi6LqIt.js";import{c as a}from"./p-YdVz1TeW.js";import{c as s,m as i,M as h,r as n}from"./p-BJXjqxlX.js";import{s as d,v as c}from"./p-L4Y2hq_b.js";import{a as b}from"./p-BqJRACkO.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhChange=o(this,"bhChange"),this.bhFocus=o(this,"bhFocus"),this.bhBlur=o(this,"bhBlur"),this.bhValidityChange=o(this,"bhValidityChange"),this.internals=this.attachInternals()}focusState=a();logger=s("bh-toggle");internals;size="md";showText=!1;label="";supportingText="";disabled=!1;checked=!1;name="";value="on";required=!1;defaultChecked=!1;focusVersion=0;isDirty=!1;isTouched=!1;bhChange;bhFocus;bhBlur;bhValidityChange;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:Error(t+"")),i.increment(h.COMPONENT_ERROR,{component:"bh-toggle",error_type:t instanceof Error?t.name:"unknown"}),n("bh-toggle",t)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidLoad(){d(this.internals,this.name,this.checked,this.value),c(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity)}formResetCallback(){this.checked=this.defaultChecked,this.isDirty=!1,this.isTouched=!1,d(this.internals,this.name,this.checked,this.value),c(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity)}handleToggle=()=>{this.disabled||(this.checked=!this.checked,this.isDirty||(this.isDirty=!0),d(this.internals,this.name,this.checked,this.value),c(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity),this.bhChange.emit(this.checked))};handleKeyDown=t=>{b(t)&&(t.preventDefault(),this.handleToggle())};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleFocus=t=>{this.isTouched=!0,this.focusState.handleFocus(t,(()=>this.bhFocus.emit()))};handleBlur=t=>{this.focusState.handleBlur(t,(()=>this.bhBlur.emit()))};render(){const t={"toggle-wrapper":!0,"toggle-with-text":this.showText,["toggle-size-"+this.size]:!0},e={"toggle-switch":!0,"toggle-pressed":this.checked,"toggle-unpressed":!this.checked,["toggle-"+this.size]:!0,"toggle-disabled":this.disabled,"toggle-focus":this.focusState.isFocused&&!this.disabled,"toggle-hover":this.focusState.isHovered&&!this.disabled},o={"toggle-button":!0,"toggle-button-pressed":this.checked,"toggle-button-unpressed":!this.checked,["toggle-button-"+this.size]:!0,"toggle-button-disabled":this.disabled},r={"toggle-label":!0,["toggle-label-"+this.size]:!0};return g(l,{key:"3e300b75de449427e12ef1beb5b303a3ec175130",onClick:this.handleToggle},g("div",{key:"7d1c465428b9d548b4ed674bca7afd4166d54012",class:t,part:"container"},g("div",{key:"e4c390a20d14596fa2eb88c349994e468933190b","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.label||void 0,"aria-required":this.required+"",class:e,"data-dirty":this.isDirty+"","data-touched":this.isTouched+"",onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"track",role:"switch",tabIndex:this.disabled?-1:0},g("div",{key:"7697077fda4cacf28c3683005275be27f2d00244",class:o,part:"thumb"})),this.showText&&(this.label||this.supportingText)&&g("div",{key:"2b43347e3477689774476edfaac9fb405ef9b173",class:"toggle-text"},this.label&&g("span",{key:"b585e5804e4c728dd6f798b40fb58e21a908ab96",class:r,part:"label"},this.label),this.supportingText&&g("div",{key:"d4bb2ed7fa91a254ac5d76ada723353395a16e79",class:"toggle-supporting-text"},this.supportingText))))}static get formAssociated(){return!0}static get style(){return'@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: inline-block; --bh-toggle-bg-off: hsla(227, 25%, 89%, 90%); --bh-toggle-bg-off-hover: var(--color-bg-quaternary); --bh-toggle-bg-off-disabled: var(--color-bg-disabled); --bh-toggle-bg-on: var(--color-bg-interactive); --bh-toggle-bg-on-hover: var(--color-bg-interactive-hover); --bh-toggle-bg-on-disabled: var(--color-bg-disabled); --bh-toggle-handle-color: var(--color-bg-primary); --bh-toggle-handle-color-disabled: var(--color-text-disabled); --bh-toggle-label-color: var(--color-text-primary); --bh-toggle-supporting-text-color: var(--color-text-secondary); --bh-toggle-focus-ring-color: var(--color-border-interactive); --bh-toggle-focus-overlay-color: var(--color-text-secondary); --bh-toggle-gap-md: var(--spacing-md); --bh-toggle-gap-lg: var(--spacing-lg); } } @layer bh-base { .toggle-wrapper { display: flex; align-items: center; gap: 0; } .toggle-switch { position: relative; display: inline-block; border-radius: var(--radius-full); cursor: pointer; transition: background-color var(--animation-duration-normal) ease; outline: none; border: 1px solid transparent; background: transparent; overflow: visible; padding: 0; } .toggle-switch:focus { outline: none; } .toggle-button { position: absolute; top: 50%; transform: translateY(-50%); border-radius: var(--radius-full); background-color: var(--bh-toggle-handle-color); transition: left var(--animation-duration-normal) ease, width var(--animation-duration-normal) ease, height var(--animation-duration-normal) ease, background-color var(--animation-duration-normal) ease; } .toggle-text { display: flex; flex-direction: column; flex: 1; } .toggle-label { color: var(--bh-toggle-label-color); font-family: var(--font-inter); font-weight: var(--weight-medium); text-align: left; margin: 0; line-height: var(--line-height-normal); } .toggle-supporting-text { color: var(--bh-toggle-supporting-text-color); font-family: var(--font-inter); font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); text-align: left; margin: 0; margin-top: var(--spacing-xxs); } } @layer bh-variants { .toggle-with-text.toggle-size-sm { gap: var(--bh-toggle-gap-md); } .toggle-with-text.toggle-size-md { gap: var(--bh-toggle-gap-lg); } .toggle-switch.toggle-sm { width: var(--bh-toggle-width-sm); height: var(--bh-toggle-height-sm); } .toggle-switch.toggle-sm.toggle-unpressed .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: 1px; } .toggle-switch.toggle-sm.toggle-pressed .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: calc(100% - var(--bh-toggle-handle-sm) - 1px); } .toggle-switch.toggle-sm.toggle-unpressed.toggle-disabled .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: var(--spacing-xxs); background-color: var(--bh-toggle-handle-color-disabled); } .toggle-switch.toggle-sm.toggle-pressed.toggle-disabled .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: calc(100% - var(--bh-toggle-handle-sm) - 1px); background-color: var(--bh-toggle-handle-color-disabled); } .toggle-switch.toggle-md { width: var(--bh-toggle-width-md); height: var(--bh-toggle-height-md); } .toggle-switch.toggle-md.toggle-unpressed .toggle-button { width: var(--bh-toggle-handle-md); height: var(--bh-toggle-handle-md); left: 1px; } .toggle-switch.toggle-md.toggle-pressed .toggle-button { width: var(--bh-toggle-handle-md); height: var(--bh-toggle-handle-md); left: calc(100% - var(--bh-toggle-handle-md) - 1px); } .toggle-switch.toggle-md.toggle-unpressed.toggle-disabled .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: var(--spacing-xs); background-color: var(--bh-toggle-handle-color-disabled); } .toggle-switch.toggle-md.toggle-pressed.toggle-disabled .toggle-button { width: var(--bh-toggle-handle-md); height: var(--bh-toggle-handle-md); left: calc(100% - var(--bh-toggle-handle-md) - 1px); background-color: var(--bh-toggle-handle-color); } .toggle-label.toggle-label-sm { font-size: var(--text-sm-size); line-height: var(--line-height-normal); } .toggle-label.toggle-label-md { font-size: var(--text-md-size); line-height: var(--line-height-normal); } } @layer bh-states { .toggle-switch.toggle-disabled { cursor: not-allowed; opacity: 0.38; } .toggle-switch:focus-visible .toggle-button::after { content: ""; position: absolute; top: calc(-1 * var(--spacing-sm)); left: calc(-1 * var(--spacing-sm)); right: calc(-1 * var(--spacing-sm)); bottom: calc(-1 * var(--spacing-sm)); border-radius: var(--radius-full); background: currentColor; opacity: 0.24; pointer-events: none; } .toggle-switch { } .toggle-switch.toggle-unpressed { background-color: var(--bh-toggle-bg-off); border-color: transparent; } .toggle-switch.toggle-unpressed.toggle-hover { background-color: var(--bh-toggle-bg-off-hover); border-color: transparent; } .toggle-switch.toggle-unpressed.toggle-hover .toggle-button { background-color: var(--bh-toggle-handle-color); box-shadow: var(--shadow-sm); } .toggle-switch.toggle-unpressed.toggle-focus { background-color: var(--bh-toggle-bg-off); border-color: transparent; } .toggle-switch.toggle-unpressed.toggle-focus .toggle-button::after { content: ""; position: absolute; top: calc(-1 * var(--spacing-sm)); left: calc(-1 * var(--spacing-sm)); right: calc(-1 * var(--spacing-sm)); bottom: calc(-1 * var(--spacing-sm)); border-radius: var(--radius-full); background: var(--bh-toggle-focus-overlay-color); opacity: 0.12; pointer-events: none; } .toggle-switch.toggle-unpressed.toggle-disabled { background-color: var(--bh-toggle-bg-off-disabled); border-color: transparent; } .toggle-switch.toggle-unpressed .toggle-button { background-color: var(--bh-toggle-handle-color); } .toggle-switch { } .toggle-switch.toggle-pressed { background-color: var(--bh-toggle-bg-on); border-color: var(--bh-toggle-bg-on); } .toggle-switch.toggle-pressed.toggle-hover { background-color: var(--bh-toggle-bg-on-hover); border-color: var(--bh-toggle-bg-on-hover); } .toggle-switch.toggle-pressed.toggle-hover .toggle-button { background-color: var(--bh-toggle-handle-color); } .toggle-switch.toggle-pressed.toggle-focus { background-color: var(--bh-toggle-bg-on); border-color: var(--bh-toggle-bg-on); } .toggle-switch.toggle-pressed.toggle-focus .toggle-button::after { content: ""; position: absolute; top: calc(-1 * var(--spacing-sm)); left: calc(-1 * var(--spacing-sm)); right: calc(-1 * var(--spacing-sm)); bottom: calc(-1 * var(--spacing-sm)); border-radius: var(--radius-full); background: var(--bh-toggle-focus-ring-color); opacity: 0.24; pointer-events: none; } .toggle-switch.toggle-pressed.toggle-disabled { background-color: var(--bh-toggle-bg-on-disabled); border-color: var(--bh-toggle-bg-on-disabled); } .toggle-switch.toggle-pressed.toggle-disabled .toggle-button { background-color: var(--bh-toggle-bg-off-disabled); } .toggle-switch.toggle-pressed .toggle-button { background-color: var(--bh-toggle-handle-color); } .toggle-switch.toggle-disabled .toggle-button { background-color: var(--bh-toggle-handle-color-disabled); box-shadow: none; } } @layer bh-utilities { @media (prefers-reduced-motion: reduce) { .toggle-switch, .toggle-button { transition: none; } } @media (prefers-contrast: high) { .toggle-switch.toggle-unpressed { border: 2px solid currentColor; } .toggle-switch.toggle-pressed { border: 2px solid currentColor; } } }'}},[577,"bh-toggle",{size:[1],showText:[4,"show-text"],label:[1],supportingText:[1,"supporting-text"],disabled:[4],checked:[1028],name:[1],value:[1],required:[4],defaultChecked:[4,"default-checked"],focusVersion:[32],isDirty:[32],isTouched:[32]}]),p=u,v=function(){"undefined"!=typeof customElements&&["bh-toggle"].forEach((t=>{"bh-toggle"===t&&(customElements.get(r(t))||customElements.define(r(t),u))}))};export{p as BhToggle,v as defineCustomElement}
|
|
1
|
+
import{p as t,H as e,c as o,h as g,d as l,t as a}from"./p-YZi6LqIt.js";import{c as r}from"./p-YdVz1TeW.js";import{c as s,m as i,M as h,r as n}from"./p-BJXjqxlX.js";import{s as c,v as d}from"./p-L4Y2hq_b.js";import{a as b}from"./p-BqJRACkO.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhChange=o(this,"bhChange"),this.bhFocus=o(this,"bhFocus"),this.bhBlur=o(this,"bhBlur"),this.bhValidityChange=o(this,"bhValidityChange"),this.internals=this.attachInternals()}focusState=r();logger=s("bh-toggle");internals;size="md";showText=!1;label="";supportingText="";disabled=!1;checked=!1;name="";value="on";required=!1;defaultChecked=!1;focusVersion=0;isDirty=!1;isTouched=!1;bhChange;bhFocus;bhBlur;bhValidityChange;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:Error(t+"")),i.increment(h.COMPONENT_ERROR,{component:"bh-toggle",error_type:t instanceof Error?t.name:"unknown"}),n("bh-toggle",t)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidLoad(){c(this.internals,this.name,this.checked,this.value),d(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity)}formResetCallback(){this.checked=this.defaultChecked,this.isDirty=!1,this.isTouched=!1,c(this.internals,this.name,this.checked,this.value),d(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity)}handleToggle=()=>{this.disabled||(this.checked=!this.checked,this.isDirty||(this.isDirty=!0),c(this.internals,this.name,this.checked,this.value),d(this.internals,this.required,this.checked),this.bhValidityChange.emit(this.internals.validity),this.bhChange.emit(this.checked))};handleKeyDown=t=>{b(t)&&(t.preventDefault(),this.handleToggle())};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleFocus=t=>{this.isTouched=!0,this.focusState.handleFocus(t,(()=>this.bhFocus.emit()))};handleBlur=t=>{this.focusState.handleBlur(t,(()=>this.bhBlur.emit()))};render(){const t={"toggle-wrapper":!0,"toggle-with-text":this.showText,["toggle-size-"+this.size]:!0},e={"toggle-switch":!0,"toggle-pressed":this.checked,"toggle-unpressed":!this.checked,["toggle-"+this.size]:!0,"toggle-disabled":this.disabled,"toggle-focus":this.focusState.isFocused&&!this.disabled,"toggle-hover":this.focusState.isHovered&&!this.disabled},o={"toggle-button":!0,"toggle-button-pressed":this.checked,"toggle-button-unpressed":!this.checked,["toggle-button-"+this.size]:!0,"toggle-button-disabled":this.disabled},a={"toggle-label":!0,["toggle-label-"+this.size]:!0};return g(l,{key:"55736caae478c39f8aa04b4b8b07716b9c3822bc",onClick:this.handleToggle},g("div",{key:"79619cd99433c9a3b12c0fc3aa82f77c6f8cf3c9",class:t,part:"container"},g("div",{key:"4f2198edb720643e792388b74c6f0991b8ae4f0c","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.label||void 0,"aria-required":this.required+"",class:e,"data-dirty":this.isDirty+"","data-touched":this.isTouched+"",onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"track",role:"switch",tabIndex:this.disabled?-1:0},g("div",{key:"28d6b615aebce12a038c17fa6b4dae44aceb2963",class:o,part:"thumb"})),this.showText&&(this.label||this.supportingText)&&g("div",{key:"efb8c81beae4e788172606e1d04a1e35b5d3b470",class:"toggle-text"},this.label&&g("span",{key:"4569e3cf82c881f4cb7854a0984a787c2d85468e",class:a,part:"label"},this.label),this.supportingText&&g("div",{key:"bb7d8c06e5782a1a4525daa702fc6c85cf6ef39d",class:"toggle-supporting-text"},this.supportingText))))}static get formAssociated(){return!0}static get style(){return'@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: inline-block; --bh-toggle-bg-off: hsla(227, 25%, 89%, 90%); --bh-toggle-bg-off-hover: var(--color-bg-quaternary); --bh-toggle-bg-off-disabled: var(--color-bg-disabled); --bh-toggle-bg-on: var(--color-bg-interactive); --bh-toggle-bg-on-hover: var(--color-bg-interactive-hover); --bh-toggle-bg-on-disabled: var(--color-bg-disabled); --bh-toggle-handle-color: var(--color-bg-primary); --bh-toggle-handle-color-disabled: var(--color-text-disabled); --bh-toggle-label-color: var(--color-text-primary); --bh-toggle-supporting-text-color: var(--color-text-secondary); --bh-toggle-focus-ring-color: var(--color-border-interactive); --bh-toggle-focus-overlay-color: var(--color-text-secondary); --bh-toggle-gap-md: var(--spacing-md); --bh-toggle-gap-lg: var(--spacing-lg); } } @layer bh-base { .toggle-wrapper { display: flex; align-items: center; gap: 0; } .toggle-switch { position: relative; display: inline-block; border-radius: var(--radius-full); cursor: pointer; transition: background-color var(--animation-duration-normal) ease; outline: none; border: 1px solid transparent; background: transparent; overflow: visible; padding: 0; } .toggle-switch:focus { outline: none; } .toggle-button { position: absolute; top: 50%; transform: translateY(-50%); border-radius: var(--radius-full); background-color: var(--bh-toggle-handle-color); transition: left var(--animation-duration-normal) ease, width var(--animation-duration-normal) ease, height var(--animation-duration-normal) ease, background-color var(--animation-duration-normal) ease; } .toggle-text { display: flex; flex-direction: column; flex: 1; } .toggle-label { color: var(--bh-toggle-label-color); font-family: var(--font-inter); font-weight: var(--weight-medium); text-align: left; margin: 0; line-height: var(--line-height-normal); } .toggle-supporting-text { color: var(--bh-toggle-supporting-text-color); font-family: var(--font-inter); font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); text-align: left; margin: 0; margin-top: var(--spacing-xxs); } } @layer bh-variants { .toggle-with-text.toggle-size-sm { gap: var(--bh-toggle-gap-md); } .toggle-with-text.toggle-size-md { gap: var(--bh-toggle-gap-lg); } .toggle-switch.toggle-sm { width: var(--bh-toggle-width-sm); height: var(--bh-toggle-height-sm); } .toggle-switch.toggle-sm.toggle-unpressed .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: 1px; } .toggle-switch.toggle-sm.toggle-pressed .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: calc(100% - var(--bh-toggle-handle-sm) - 1px); } .toggle-switch.toggle-sm.toggle-unpressed.toggle-disabled .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: var(--spacing-xxs); background-color: var(--bh-toggle-handle-color-disabled); } .toggle-switch.toggle-sm.toggle-pressed.toggle-disabled .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: calc(100% - var(--bh-toggle-handle-sm) - 1px); background-color: var(--bh-toggle-handle-color-disabled); } .toggle-switch.toggle-md { width: var(--bh-toggle-width-md); height: var(--bh-toggle-height-md); } .toggle-switch.toggle-md.toggle-unpressed .toggle-button { width: var(--bh-toggle-handle-md); height: var(--bh-toggle-handle-md); left: 1px; } .toggle-switch.toggle-md.toggle-pressed .toggle-button { width: var(--bh-toggle-handle-md); height: var(--bh-toggle-handle-md); left: calc(100% - var(--bh-toggle-handle-md) - 1px); } .toggle-switch.toggle-md.toggle-unpressed.toggle-disabled .toggle-button { width: var(--bh-toggle-handle-sm); height: var(--bh-toggle-handle-sm); left: var(--spacing-xs); background-color: var(--bh-toggle-handle-color-disabled); } .toggle-switch.toggle-md.toggle-pressed.toggle-disabled .toggle-button { width: var(--bh-toggle-handle-md); height: var(--bh-toggle-handle-md); left: calc(100% - var(--bh-toggle-handle-md) - 1px); background-color: var(--bh-toggle-handle-color); } .toggle-label.toggle-label-sm { font-size: var(--text-sm-size); line-height: var(--line-height-normal); } .toggle-label.toggle-label-md { font-size: var(--text-md-size); line-height: var(--line-height-normal); } } @layer bh-states { .toggle-switch.toggle-disabled { cursor: not-allowed; opacity: 0.38; } .toggle-switch:focus-visible .toggle-button::after { content: ""; position: absolute; top: calc(-1 * var(--spacing-sm)); left: calc(-1 * var(--spacing-sm)); right: calc(-1 * var(--spacing-sm)); bottom: calc(-1 * var(--spacing-sm)); border-radius: var(--radius-full); background: currentColor; opacity: 0.24; pointer-events: none; } .toggle-switch { } .toggle-switch.toggle-unpressed { background-color: var(--bh-toggle-bg-off); border-color: transparent; } .toggle-switch.toggle-unpressed.toggle-hover { background-color: var(--bh-toggle-bg-off-hover); border-color: transparent; } .toggle-switch.toggle-unpressed.toggle-hover .toggle-button { background-color: var(--bh-toggle-handle-color); box-shadow: var(--shadow-sm); } .toggle-switch.toggle-unpressed.toggle-focus { background-color: var(--bh-toggle-bg-off); border-color: transparent; } .toggle-switch.toggle-unpressed.toggle-focus .toggle-button::after { content: ""; position: absolute; top: calc(-1 * var(--spacing-sm)); left: calc(-1 * var(--spacing-sm)); right: calc(-1 * var(--spacing-sm)); bottom: calc(-1 * var(--spacing-sm)); border-radius: var(--radius-full); background: var(--bh-toggle-focus-overlay-color); opacity: 0.12; pointer-events: none; } .toggle-switch.toggle-unpressed.toggle-disabled { background-color: var(--bh-toggle-bg-off-disabled); border-color: transparent; } .toggle-switch.toggle-unpressed .toggle-button { background-color: var(--bh-toggle-handle-color); } .toggle-switch { } .toggle-switch.toggle-pressed { background-color: var(--bh-toggle-bg-on); border-color: var(--bh-toggle-bg-on); } .toggle-switch.toggle-pressed.toggle-hover { background-color: var(--bh-toggle-bg-on-hover); border-color: var(--bh-toggle-bg-on-hover); } .toggle-switch.toggle-pressed.toggle-hover .toggle-button { background-color: var(--bh-toggle-handle-color); } .toggle-switch.toggle-pressed.toggle-focus { background-color: var(--bh-toggle-bg-on); border-color: var(--bh-toggle-bg-on); } .toggle-switch.toggle-pressed.toggle-focus .toggle-button::after { content: ""; position: absolute; top: calc(-1 * var(--spacing-sm)); left: calc(-1 * var(--spacing-sm)); right: calc(-1 * var(--spacing-sm)); bottom: calc(-1 * var(--spacing-sm)); border-radius: var(--radius-full); background: var(--bh-toggle-focus-ring-color); opacity: 0.24; pointer-events: none; } .toggle-switch.toggle-pressed.toggle-disabled { background-color: var(--bh-toggle-bg-on-disabled); border-color: var(--bh-toggle-bg-on-disabled); } .toggle-switch.toggle-pressed.toggle-disabled .toggle-button { background-color: var(--bh-toggle-bg-off-disabled); } .toggle-switch.toggle-pressed .toggle-button { background-color: var(--bh-toggle-handle-color); } .toggle-switch.toggle-disabled .toggle-button { background-color: var(--bh-toggle-handle-color-disabled); box-shadow: none; } } @layer bh-utilities { @media (prefers-reduced-motion: reduce) { .toggle-switch, .toggle-button { transition: none; } } @media (prefers-contrast: high) { .toggle-switch.toggle-unpressed { border: 2px solid currentColor; } .toggle-switch.toggle-pressed { border: 2px solid currentColor; } } }'}},[577,"bh-toggle",{size:[1],showText:[4,"show-text"],label:[1],supportingText:[1,"supporting-text"],disabled:[4],checked:[1028],name:[1],value:[1],required:[4],defaultChecked:[4,"default-checked"],focusVersion:[32],isDirty:[32],isTouched:[32]}]),p=u,v=function(){"undefined"!=typeof customElements&&["bh-toggle"].forEach((t=>{"bh-toggle"===t&&(customElements.get(a(t))||customElements.define(a(t),u))}))};export{p as BhToggle,v as defineCustomElement}
|
package/components/bh-tooltip.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as o,d as s}from"./p-
|
|
1
|
+
import{B as o,d as s}from"./p-D6aw0IK6.js";const a=o,p=s;export{a as BhTooltip,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,H as o,c as e,h as t,d as a,t as s}from"./p-YZi6LqIt.js";import{c as n,m as l,M as i,r as c}from"./p-BJXjqxlX.js";const h=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bhPointClick=e(this,"bhPointClick"),this.bhPointHover=e(this,"bhPointHover"),this.bhPointLeave=e(this,"bhPointLeave"),this.bhLineHover=e(this,"bhLineHover"),this.bhTooltipOpen=e(this,"bhTooltipOpen"),this.bhTooltipClose=e(this,"bhTooltipClose"),this.bhError=e(this,"bhError")}logger=n("bh-trend-chart");trend="positive";data=[20,45,30,60,35,70,40];animated=!0;variant="line-only";width=112;height=56;bhPointClick;bhPointHover;bhPointLeave;bhLineHover;bhTooltipOpen;bhTooltipClose;bhError;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:Error(r+"")),l.increment(i.COMPONENT_ERROR,{component:"bh-trend-chart",error_type:r instanceof Error?r.name:"unknown"}),c("bh-trend-chart",r),this.bhError.emit({error:r})}handlePointClick=(r,o,e,t,a)=>{this.bhPointClick.emit({value:o,index:e,x:t,y:a,event:r})};handlePointHover=(r,o,e,t,a)=>{this.bhPointHover.emit({value:o,index:e,x:t,y:a,event:r}),this.bhTooltipOpen.emit({value:o,index:e,x:t,y:a})};handlePointLeave=(r,o,e,t,a)=>{this.bhPointLeave.emit({value:o,index:e,x:t,y:a,event:r}),this.bhTooltipClose.emit()};handleLineHover=r=>{this.bhLineHover.emit({event:r})};normalizeData(){const r=this.data.reduce(((r,o)=>Math.max(r,o)),-1/0),o=this.data.reduce(((r,o)=>Math.min(r,o)),1/0),e=r-o||1;return this.data.map(((r,t)=>({x:t/Math.max(this.data.length-1,1)*this.width,y:this.height-(r-o)/e*(this.height-20)-10})))}generatePath(r){if(r.length<2)return"";let o=`M ${r[0].x} ${r[0].y}`;for(let e=1;e<r.length;e++){const t=r[e-1],a=r[e],s=.5;o+=` C ${t.x+(a.x-t.x)*s} ${t.y}, ${a.x-(a.x-t.x)*s} ${a.y}, ${a.x} ${a.y}`}return o}generateBackgroundPath(r){if(r.length<2)return"";let o=`M ${r[0].x} ${this.height}`;o+=` L ${r[0].x} ${r[0].y}`;for(let e=1;e<r.length;e++){const t=r[e-1],a=r[e],s=.5;o+=` C ${t.x+(a.x-t.x)*s} ${t.y}, ${a.x-(a.x-t.x)*s} ${a.y}, ${a.x} ${a.y}`}return o+=` L ${r.at(-1).x} ${this.height}`,o+=" Z",o}getStrokeColor(){switch(this.trend){case"positive":return"var(--color-text-success)";case"negative":return"var(--color-text-error)";default:return"var(--color-text-secondary)"}}getFillColor(){switch(this.trend){case"positive":return"var(--color-bg-success)";case"negative":return"var(--color-bg-destructive)";default:return"var(--color-bg-secondary)"}}render(){const r=this.normalizeData(),o=this.generatePath(r),e="line-only"===this.variant?"":this.generateBackgroundPath(r),s=this.getStrokeColor(),n=this.getFillColor(),l="gradient-"+this.trend;return t(a,{key:"891d00a4cd6c0afdb9dbb52264240b00d1aec631"},t("div",{key:"99b965b31154d00c9066eabf82baeda8ead609fc",class:{"trend-chart":!0,["trend-chart-"+this.trend]:!0,["trend-chart-"+this.variant]:!0,"trend-chart-animated":this.animated},part:"container"},t("svg",{key:"088d8161d858439fcfb4049ba103823680c5503b","aria-label":`Trend chart showing ${this.trend} trend`,class:"chart-svg",height:this.height,role:"img",viewBox:`0 0 ${this.width} ${this.height}`,width:this.width},t("defs",{key:"3730bddd827b87be9f6bcaf60a76d736eeec54a2"},t("linearGradient",{key:"1e03f1589f33bfeb226153a87063d1637a51b1c3",id:l,x1:"0%",x2:"0%",y1:"0%",y2:"100%"},t("stop",{key:"d5d534e531bb91eb63f5a639641e7fe7757c3b16",offset:"0%","stop-color":n,"stop-opacity":"fill-only"===this.variant?.4:.2}),t("stop",{key:"3ef26715490791b7a159981cc7e4668c97ebd4d4",offset:"100%","stop-color":n,"stop-opacity":"fill-only"===this.variant?.1:.05}))),e&&"line-only"!==this.variant&&t("path",{key:"5ac817e4e88dbb51cfc9c5114a9f8133e46f84f8",class:"chart-background",d:e,fill:`url(#${l})`}),o&&"fill-only"!==this.variant&&t("path",{key:"211b73e4ed129224a53790abb958585254bd02e3",class:"chart-line",d:o,fill:"none",onMouseEnter:this.handleLineHover,stroke:s,"stroke-width":"2"}),e&&"line-only"!==this.variant&&t("path",{key:"22cb3c45185eb54424ca1334a4c8a51fc6077ddd",class:"chart-background-hover",d:e,fill:"transparent",onMouseEnter:this.handleLineHover}),r.map(((r,o)=>t("circle",{class:"chart-point",cx:r.x,cy:r.y,fill:s,key:o,onClick:e=>this.handlePointClick(e,this.data[o],o,r.x,r.y),onMouseEnter:e=>this.handlePointHover(e,this.data[o],o,r.x,r.y),onMouseLeave:e=>this.handlePointLeave(e,this.data[o],o,r.x,r.y),opacity:"0",r:"6"}))))))}static get style(){return' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { *, *::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: inline-block; --bh-trend-chart-animation-easing: var(--animation-ease-smooth, ease-out); --bh-trend-chart-fade-duration: 0.6s; --bh-trend-chart-line-draw-duration: 1.2s; --bh-trend-chart-bg-fill-duration: 0.8s; --bh-trend-chart-line-only-duration: 4s; --bh-trend-chart-animation-delay: 0.3s; } } @layer bh-base { .trend-chart { position: relative; display: inline-block; width: fit-content; height: fit-content; } .trend-chart:not(.trend-chart-animated) .chart-line { stroke-dasharray: none; } .trend-chart:not(.trend-chart-animated) .chart-background { opacity: 1; } .chart-svg { overflow: visible; } } @layer bh-variants { .trend-chart-animated { animation: chartFadeIn var(--bh-trend-chart-fade-duration) var(--bh-trend-chart-animation-easing) forwards; } .trend-chart-animated .chart-line { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: pathDraw var(--bh-trend-chart-line-draw-duration) var(--bh-trend-chart-animation-easing) var(--bh-trend-chart-animation-delay) forwards; } .trend-chart-animated .chart-background { transform-origin: bottom; animation: backgroundFill var(--bh-trend-chart-bg-fill-duration) var(--bh-trend-chart-animation-easing) var(--bh-trend-chart-animation-delay) forwards; opacity: 0; } .trend-chart-animated { } .trend-chart-animated.trend-chart-line-only .chart-line { animation: pathDrawSlow var(--bh-trend-chart-line-only-duration) var(--bh-trend-chart-animation-easing) var(--bh-trend-chart-animation-delay) forwards; } } @layer bh-utilities { @keyframes chartFadeIn { from { opacity: 0; transform: translateY(10px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes backgroundFill { from { opacity: 0; transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); } } @keyframes pathDraw { to { stroke-dashoffset: 0; } } @keyframes pathDrawSlow { to { stroke-dashoffset: 0; } } @media (prefers-reduced-motion: reduce) { .trend-chart-animated, .trend-chart-animated .chart-line, .trend-chart-animated .chart-background { animation: none; opacity: 1; transform: none; stroke-dasharray: none; } } }'}},[513,"bh-trend-chart",{trend:[1],data:[16],animated:[4],variant:[1],width:[2],height:[2]}]),d=h,b=function(){"undefined"!=typeof customElements&&["bh-trend-chart"].forEach((r=>{"bh-trend-chart"===r&&(customElements.get(s(r))||customElements.define(s(r),h))}))};export{d as BhTrendChart,b as defineCustomElement}
|
|
1
|
+
import{p as r,H as o,c as e,h as t,d as a,t as s}from"./p-YZi6LqIt.js";import{c as n,m as l,M as i,r as c}from"./p-BJXjqxlX.js";const h=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bhPointClick=e(this,"bhPointClick"),this.bhPointHover=e(this,"bhPointHover"),this.bhPointLeave=e(this,"bhPointLeave"),this.bhLineHover=e(this,"bhLineHover"),this.bhTooltipOpen=e(this,"bhTooltipOpen"),this.bhTooltipClose=e(this,"bhTooltipClose"),this.bhError=e(this,"bhError")}logger=n("bh-trend-chart");trend="positive";data=[20,45,30,60,35,70,40];animated=!0;variant="line-only";width=112;height=56;bhPointClick;bhPointHover;bhPointLeave;bhLineHover;bhTooltipOpen;bhTooltipClose;bhError;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:Error(r+"")),l.increment(i.COMPONENT_ERROR,{component:"bh-trend-chart",error_type:r instanceof Error?r.name:"unknown"}),c("bh-trend-chart",r),this.bhError.emit({error:r})}handlePointClick=(r,o,e,t,a)=>{this.bhPointClick.emit({value:o,index:e,x:t,y:a,event:r})};handlePointHover=(r,o,e,t,a)=>{this.bhPointHover.emit({value:o,index:e,x:t,y:a,event:r}),this.bhTooltipOpen.emit({value:o,index:e,x:t,y:a})};handlePointLeave=(r,o,e,t,a)=>{this.bhPointLeave.emit({value:o,index:e,x:t,y:a,event:r}),this.bhTooltipClose.emit()};handleLineHover=r=>{this.bhLineHover.emit({event:r})};normalizeData(){const r=this.data.reduce(((r,o)=>Math.max(r,o)),-1/0),o=this.data.reduce(((r,o)=>Math.min(r,o)),1/0),e=r-o||1;return this.data.map(((r,t)=>({x:t/Math.max(this.data.length-1,1)*this.width,y:this.height-(r-o)/e*(this.height-20)-10})))}generatePath(r){if(r.length<2)return"";let o=`M ${r[0].x} ${r[0].y}`;for(let e=1;e<r.length;e++){const t=r[e-1],a=r[e],s=.5;o+=` C ${t.x+(a.x-t.x)*s} ${t.y}, ${a.x-(a.x-t.x)*s} ${a.y}, ${a.x} ${a.y}`}return o}generateBackgroundPath(r){if(r.length<2)return"";let o=`M ${r[0].x} ${this.height}`;o+=` L ${r[0].x} ${r[0].y}`;for(let e=1;e<r.length;e++){const t=r[e-1],a=r[e],s=.5;o+=` C ${t.x+(a.x-t.x)*s} ${t.y}, ${a.x-(a.x-t.x)*s} ${a.y}, ${a.x} ${a.y}`}return o+=` L ${r.at(-1).x} ${this.height}`,o+=" Z",o}getStrokeColor(){switch(this.trend){case"positive":return"var(--color-text-success)";case"negative":return"var(--color-text-error)";default:return"var(--color-text-secondary)"}}getFillColor(){switch(this.trend){case"positive":return"var(--color-bg-success)";case"negative":return"var(--color-bg-destructive)";default:return"var(--color-bg-secondary)"}}render(){const r=this.normalizeData(),o=this.generatePath(r),e="line-only"===this.variant?"":this.generateBackgroundPath(r),s=this.getStrokeColor(),n=this.getFillColor(),l="gradient-"+this.trend;return t(a,{key:"ea8d6b51e373124621786bbd4ca7c62df12bd9c6"},t("div",{key:"e9153f8a5efc172330635244a1c4744109a09e8b",class:{"trend-chart":!0,["trend-chart-"+this.trend]:!0,["trend-chart-"+this.variant]:!0,"trend-chart-animated":this.animated},part:"container"},t("svg",{key:"9f809a7f4d5f81182b172904ad83366675fe7b55","aria-label":`Trend chart showing ${this.trend} trend`,class:"chart-svg",height:this.height,role:"img",viewBox:`0 0 ${this.width} ${this.height}`,width:this.width},t("defs",{key:"12b674338f78e3046948a0db5c5f3bab546962ab"},t("linearGradient",{key:"cb1e1f2bd78cabcbcd04b16dec7c52ff98ba5dac",id:l,x1:"0%",x2:"0%",y1:"0%",y2:"100%"},t("stop",{key:"6e8e2ff7be1a4f400024d2e16827e00b3c6b5178",offset:"0%","stop-color":n,"stop-opacity":"fill-only"===this.variant?.4:.2}),t("stop",{key:"9ed743ef3ca3ce5163182f4a72851c47ba0b90a5",offset:"100%","stop-color":n,"stop-opacity":"fill-only"===this.variant?.1:.05}))),e&&"line-only"!==this.variant&&t("path",{key:"70e5d76147769bfc2139c26635406bc18d6b88d1",class:"chart-background",d:e,fill:`url(#${l})`}),o&&"fill-only"!==this.variant&&t("path",{key:"c80a4d83bcf81dec0523f27e59d9b26be8a3bfd0",class:"chart-line",d:o,fill:"none",onMouseEnter:this.handleLineHover,stroke:s,"stroke-width":"2"}),e&&"line-only"!==this.variant&&t("path",{key:"53dc5a1878481379e089b9f24a2e2d16d1b9294d",class:"chart-background-hover",d:e,fill:"transparent",onMouseEnter:this.handleLineHover}),r.map(((r,o)=>t("circle",{class:"chart-point",cx:r.x,cy:r.y,fill:s,key:o,onClick:e=>this.handlePointClick(e,this.data[o],o,r.x,r.y),onMouseEnter:e=>this.handlePointHover(e,this.data[o],o,r.x,r.y),onMouseLeave:e=>this.handlePointLeave(e,this.data[o],o,r.x,r.y),opacity:"0",r:"6"}))))))}static get style(){return' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { *, *::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: inline-block; --bh-trend-chart-animation-easing: var(--animation-ease-smooth, ease-out); --bh-trend-chart-fade-duration: 0.6s; --bh-trend-chart-line-draw-duration: 1.2s; --bh-trend-chart-bg-fill-duration: 0.8s; --bh-trend-chart-line-only-duration: 4s; --bh-trend-chart-animation-delay: 0.3s; } } @layer bh-base { .trend-chart { position: relative; display: inline-block; width: fit-content; height: fit-content; } .trend-chart:not(.trend-chart-animated) .chart-line { stroke-dasharray: none; } .trend-chart:not(.trend-chart-animated) .chart-background { opacity: 1; } .chart-svg { overflow: visible; } } @layer bh-variants { .trend-chart-animated { animation: chartFadeIn var(--bh-trend-chart-fade-duration) var(--bh-trend-chart-animation-easing) forwards; } .trend-chart-animated .chart-line { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: pathDraw var(--bh-trend-chart-line-draw-duration) var(--bh-trend-chart-animation-easing) var(--bh-trend-chart-animation-delay) forwards; } .trend-chart-animated .chart-background { transform-origin: bottom; animation: backgroundFill var(--bh-trend-chart-bg-fill-duration) var(--bh-trend-chart-animation-easing) var(--bh-trend-chart-animation-delay) forwards; opacity: 0; } .trend-chart-animated { } .trend-chart-animated.trend-chart-line-only .chart-line { animation: pathDrawSlow var(--bh-trend-chart-line-only-duration) var(--bh-trend-chart-animation-easing) var(--bh-trend-chart-animation-delay) forwards; } } @layer bh-utilities { @keyframes chartFadeIn { from { opacity: 0; transform: translateY(10px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes backgroundFill { from { opacity: 0; transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); } } @keyframes pathDraw { to { stroke-dashoffset: 0; } } @keyframes pathDrawSlow { to { stroke-dashoffset: 0; } } @media (prefers-reduced-motion: reduce) { .trend-chart-animated, .trend-chart-animated .chart-line, .trend-chart-animated .chart-background { animation: none; opacity: 1; transform: none; stroke-dasharray: none; } } }'}},[513,"bh-trend-chart",{trend:[1],data:[16],animated:[4],variant:[1],width:[2],height:[2]}]),d=h,b=function(){"undefined"!=typeof customElements&&["bh-trend-chart"].forEach((r=>{"bh-trend-chart"===r&&(customElements.get(s(r))||customElements.define(s(r),h))}))};export{d as BhTrendChart,b as defineCustomElement}
|
package/components/index.d.ts
CHANGED
|
@@ -51,6 +51,8 @@ export { BhChecklistTaskGroup as BhChecklistTaskGroup } from '../dist/types/comp
|
|
|
51
51
|
export { defineCustomElement as defineCustomElementBhChecklistTaskGroup } from './bh-checklist-task-group';
|
|
52
52
|
export { BhCloseButton as BhCloseButton } from '../dist/types/components/bh-close-button/bh-close-button';
|
|
53
53
|
export { defineCustomElement as defineCustomElementBhCloseButton } from './bh-close-button';
|
|
54
|
+
export { BhCommandBar as BhCommandBar } from '../dist/types/components/bh-command-bar/bh-command-bar';
|
|
55
|
+
export { defineCustomElement as defineCustomElementBhCommandBar } from './bh-command-bar';
|
|
54
56
|
export { BhContainer as BhContainer } from '../dist/types/components/bh-container/bh-container';
|
|
55
57
|
export { defineCustomElement as defineCustomElementBhContainer } from './bh-container';
|
|
56
58
|
export { BhContainerFooter as BhContainerFooter } from '../dist/types/components/bh-container/bh-container-footer/bh-container-footer';
|
|
@@ -119,6 +121,8 @@ export { BhInputText as BhInputText } from '../dist/types/components/bh-input/bh
|
|
|
119
121
|
export { defineCustomElement as defineCustomElementBhInputText } from './bh-input-text';
|
|
120
122
|
export { BhInputVerification as BhInputVerification } from '../dist/types/components/bh-input/bh-input-verification/bh-input-verification';
|
|
121
123
|
export { defineCustomElement as defineCustomElementBhInputVerification } from './bh-input-verification';
|
|
124
|
+
export { BhKbd as BhKbd } from '../dist/types/components/bh-kbd/bh-kbd';
|
|
125
|
+
export { defineCustomElement as defineCustomElementBhKbd } from './bh-kbd';
|
|
122
126
|
export { BhLabel as BhLabel } from '../dist/types/components/bh-label/bh-label';
|
|
123
127
|
export { defineCustomElement as defineCustomElementBhLabel } from './bh-label';
|
|
124
128
|
export { BhLineChart as BhLineChart } from '../dist/types/components/bh-chart/bh-line-chart/bh-line-chart';
|
|
@@ -145,6 +149,8 @@ export { BhMultiSelect as BhMultiSelect } from '../dist/types/components/bh-mult
|
|
|
145
149
|
export { defineCustomElement as defineCustomElementBhMultiSelect } from './bh-multi-select';
|
|
146
150
|
export { BhNavItem as BhNavItem } from '../dist/types/components/bh-sidebar/bh-nav-item/bh-nav-item';
|
|
147
151
|
export { defineCustomElement as defineCustomElementBhNavItem } from './bh-nav-item';
|
|
152
|
+
export { BhNotificationCenter as BhNotificationCenter } from '../dist/types/components/bh-appbar/bh-notification-center/bh-notification-center';
|
|
153
|
+
export { defineCustomElement as defineCustomElementBhNotificationCenter } from './bh-notification-center';
|
|
148
154
|
export { BhPageHeader as BhPageHeader } from '../dist/types/components/bh-page-header/bh-page-header';
|
|
149
155
|
export { defineCustomElement as defineCustomElementBhPageHeader } from './bh-page-header';
|
|
150
156
|
export { BhPageNavigation as BhPageNavigation } from '../dist/types/components/bh-page-navigation/bh-page-navigation';
|
package/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-YZi6LqIt.js";export{BhDataGridFilterBuilder,defineCustomElement as defineCustomElementBhDataGridFilterBuilder,i as isFilterCondition,a as isFilterGroup,b as isLocalDataSource,c as isRemoteDataSource}from"./bh-data-grid-filter-builder.js";export{M as MetricNames,m as metrics}from"./p-BJXjqxlX.js";export{BhAccordion,defineCustomElement as defineCustomElementBhAccordion}from"./bh-accordion.js";export{BhAccordionItem,defineCustomElement as defineCustomElementBhAccordionItem}from"./bh-accordion-item.js";export{BhActivityFeed,defineCustomElement as defineCustomElementBhActivityFeed}from"./bh-activity-feed.js";export{BhAlert,defineCustomElement as defineCustomElementBhAlert}from"./bh-alert.js";export{BhAppbar,defineCustomElement as defineCustomElementBhAppbar}from"./bh-appbar.js";export{BhAutocompleteMenu,defineCustomElement as defineCustomElementBhAutocompleteMenu}from"./bh-autocomplete-menu.js";export{BhAvatar,defineCustomElement as defineCustomElementBhAvatar}from"./bh-avatar.js";export{BhAvatarAdd,defineCustomElement as defineCustomElementBhAvatarAdd}from"./bh-avatar-add.js";export{BhAvatarStacked,defineCustomElement as defineCustomElementBhAvatarStacked}from"./bh-avatar-stacked.js";export{BhBadge,defineCustomElement as defineCustomElementBhBadge}from"./bh-badge.js";export{BhBadgeDot,defineCustomElement as defineCustomElementBhBadgeDot}from"./bh-badge-dot.js";export{BhBanner,defineCustomElement as defineCustomElementBhBanner}from"./bh-banner.js";export{BhBarChart,defineCustomElement as defineCustomElementBhBarChart}from"./bh-bar-chart.js";export{BhBreadcrumbs,defineCustomElement as defineCustomElementBhBreadcrumbs}from"./bh-breadcrumbs.js";export{BhButton,defineCustomElement as defineCustomElementBhButton}from"./bh-button.js";export{BhButtonIcon,defineCustomElement as defineCustomElementBhButtonIcon}from"./bh-button-icon.js";export{BhCard,defineCustomElement as defineCustomElementBhCard}from"./bh-card.js";export{BhCardContent,defineCustomElement as defineCustomElementBhCardContent}from"./bh-card-content.js";export{BhCardFooter,defineCustomElement as defineCustomElementBhCardFooter}from"./bh-card-footer.js";export{BhCardHeader,defineCustomElement as defineCustomElementBhCardHeader}from"./bh-card-header.js";export{BhChartTooltip,defineCustomElement as defineCustomElementBhChartTooltip}from"./bh-chart-tooltip.js";export{BhChatMessage,defineCustomElement as defineCustomElementBhChatMessage}from"./bh-chat-message.js";export{BhChatReaction,defineCustomElement as defineCustomElementBhChatReaction}from"./bh-chat-reaction.js";export{BhCheckbox,defineCustomElement as defineCustomElementBhCheckbox}from"./bh-checkbox.js";export{BhChecklistTaskGroup,defineCustomElement as defineCustomElementBhChecklistTaskGroup}from"./bh-checklist-task-group.js";export{BhCloseButton,defineCustomElement as defineCustomElementBhCloseButton}from"./bh-close-button.js";export{BhContainer,defineCustomElement as defineCustomElementBhContainer}from"./bh-container.js";export{BhContainerFooter,defineCustomElement as defineCustomElementBhContainerFooter}from"./bh-container-footer.js";export{BhCreditCard,defineCustomElement as defineCustomElementBhCreditCard}from"./bh-credit-card.js";export{BhDataGrid,defineCustomElement as defineCustomElementBhDataGrid}from"./bh-data-grid.js";export{BhDataGridBody,defineCustomElement as defineCustomElementBhDataGridBody}from"./bh-data-grid-body.js";export{BhDataGridChangePreview,defineCustomElement as defineCustomElementBhDataGridChangePreview}from"./bh-data-grid-change-preview.js";export{BhDataGridFooter,defineCustomElement as defineCustomElementBhDataGridFooter}from"./bh-data-grid-footer.js";export{BhDataGridHeader,defineCustomElement as defineCustomElementBhDataGridHeader}from"./bh-data-grid-header.js";export{BhDataGridToolbar,defineCustomElement as defineCustomElementBhDataGridToolbar}from"./bh-data-grid-toolbar.js";export{BhDatePicker,defineCustomElement as defineCustomElementBhDatePicker}from"./bh-date-picker.js";export{BhDatePickerContent,defineCustomElement as defineCustomElementBhDatePickerContent}from"./bh-date-picker-content.js";export{BhDateRangePicker,defineCustomElement as defineCustomElementBhDateRangePicker}from"./bh-date-range-picker.js";export{BhDateRangePickerContent,defineCustomElement as defineCustomElementBhDateRangePickerContent}from"./bh-date-range-picker-content.js";export{BhDivider,defineCustomElement as defineCustomElementBhDivider}from"./bh-divider.js";export{BhDropdown,defineCustomElement as defineCustomElementBhDropdown}from"./bh-dropdown.js";export{BhDropdownMenu,defineCustomElement as defineCustomElementBhDropdownMenu}from"./bh-dropdown-menu.js";export{BhEmojiPicker,defineCustomElement as defineCustomElementBhEmojiPicker}from"./bh-emoji-picker.js";export{BhEmptyState,defineCustomElement as defineCustomElementBhEmptyState}from"./bh-empty-state.js";export{BhFab,defineCustomElement as defineCustomElementBhFab}from"./bh-fab.js";export{BhFeaturedIcon,defineCustomElement as defineCustomElementBhFeaturedIcon}from"./bh-featured-icon.js";export{BhFeedItem,defineCustomElement as defineCustomElementBhFeedItem}from"./bh-feed-item.js";export{BhGaugeChart,defineCustomElement as defineCustomElementBhGaugeChart}from"./bh-gauge-chart.js";export{BhGuidedChecklist,defineCustomElement as defineCustomElementBhGuidedChecklist}from"./bh-guided-checklist.js";export{BhHtmlEditor,defineCustomElement as defineCustomElementBhHtmlEditor}from"./bh-html-editor.js";export{BhHtmlEditorBubbleMenu,defineCustomElement as defineCustomElementBhHtmlEditorBubbleMenu}from"./bh-html-editor-bubble-menu.js";export{BhHtmlEditorToolbar,defineCustomElement as defineCustomElementBhHtmlEditorToolbar}from"./bh-html-editor-toolbar.js";export{BhIllustrations,defineCustomElement as defineCustomElementBhIllustrations}from"./bh-illustrations.js";export{BhInlineCta,defineCustomElement as defineCustomElementBhInlineCta}from"./bh-inline-cta.js";export{BhInputAutocomplete,defineCustomElement as defineCustomElementBhInputAutocomplete}from"./bh-input-autocomplete.js";export{BhInputNumber,defineCustomElement as defineCustomElementBhInputNumber}from"./bh-input-number.js";export{BhInputPassword,defineCustomElement as defineCustomElementBhInputPassword}from"./bh-input-password.js";export{BhInputText,defineCustomElement as defineCustomElementBhInputText}from"./bh-input-text.js";export{BhInputVerification,defineCustomElement as defineCustomElementBhInputVerification}from"./bh-input-verification.js";export{BhLabel,defineCustomElement as defineCustomElementBhLabel}from"./bh-label.js";export{BhLineChart,defineCustomElement as defineCustomElementBhLineChart}from"./bh-line-chart.js";export{BhLoaderSpinner,defineCustomElement as defineCustomElementBhLoaderSpinner}from"./bh-loader-spinner.js";export{BhLogoBox,defineCustomElement as defineCustomElementBhLogoBox}from"./bh-logo-box.js";export{BhMenu,defineCustomElement as defineCustomElementBhMenu}from"./bh-menu.js";export{BhMenuItem,defineCustomElement as defineCustomElementBhMenuItem}from"./bh-menu-item.js";export{BhModal,defineCustomElement as defineCustomElementBhModal}from"./bh-modal.js";export{BhModalActions,defineCustomElement as defineCustomElementBhModalActions}from"./bh-modal-actions.js";export{BhModalHeader,defineCustomElement as defineCustomElementBhModalHeader}from"./bh-modal-header.js";export{BhMonthPicker,defineCustomElement as defineCustomElementBhMonthPicker}from"./bh-month-picker.js";export{BhMonthPickerContent,defineCustomElement as defineCustomElementBhMonthPickerContent}from"./bh-month-picker-content.js";export{BhMultiSelect,defineCustomElement as defineCustomElementBhMultiSelect}from"./bh-multi-select.js";export{BhNavItem,defineCustomElement as defineCustomElementBhNavItem}from"./bh-nav-item.js";export{BhPageHeader,defineCustomElement as defineCustomElementBhPageHeader}from"./bh-page-header.js";export{BhPageNavigation,defineCustomElement as defineCustomElementBhPageNavigation}from"./bh-page-navigation.js";export{BhPageNavigationChild,defineCustomElement as defineCustomElementBhPageNavigationChild}from"./bh-page-navigation-child.js";export{BhPageNavigationMultiLevel,defineCustomElement as defineCustomElementBhPageNavigationMultiLevel}from"./bh-page-navigation-multi-level.js";export{BhPageNavigationSingleLevel,defineCustomElement as defineCustomElementBhPageNavigationSingleLevel}from"./bh-page-navigation-single-level.js";export{BhPagination,defineCustomElement as defineCustomElementBhPagination}from"./bh-pagination.js";export{BhPickerMenu,defineCustomElement as defineCustomElementBhPickerMenu}from"./bh-picker-menu.js";export{BhPieChart,defineCustomElement as defineCustomElementBhPieChart}from"./bh-pie-chart.js";export{BhPivotGrid,defineCustomElement as defineCustomElementBhPivotGrid}from"./bh-pivot-grid.js";export{BhPivotGridFieldChooser,defineCustomElement as defineCustomElementBhPivotGridFieldChooser}from"./bh-pivot-grid-field-chooser.js";export{BhPopover,defineCustomElement as defineCustomElementBhPopover}from"./bh-popover.js";export{BhProductSwitcher,defineCustomElement as defineCustomElementBhProductSwitcher}from"./bh-product-switcher.js";export{BhProgressBar,defineCustomElement as defineCustomElementBhProgressBar}from"./bh-progress-bar.js";export{BhProgressRing,defineCustomElement as defineCustomElementBhProgressRing}from"./bh-progress-ring.js";export{BhPropertySwitcher,defineCustomElement as defineCustomElementBhPropertySwitcher}from"./bh-property-switcher.js";export{BhRadarChart,defineCustomElement as defineCustomElementBhRadarChart}from"./bh-radar-chart.js";export{BhRadioButton,defineCustomElement as defineCustomElementBhRadioButton}from"./bh-radio-button.js";export{BhRadioGroup,defineCustomElement as defineCustomElementBhRadioGroup}from"./bh-radio-group.js";export{BhRangeSlider,defineCustomElement as defineCustomElementBhRangeSlider}from"./bh-range-slider.js";export{BhSectionFooter,defineCustomElement as defineCustomElementBhSectionFooter}from"./bh-section-footer.js";export{BhSectionHeader,defineCustomElement as defineCustomElementBhSectionHeader}from"./bh-section-header.js";export{BhSelect,defineCustomElement as defineCustomElementBhSelect}from"./bh-select.js";export{BhSelectionGroup,defineCustomElement as defineCustomElementBhSelectionGroup}from"./bh-selection-group.js";export{BhSelectionGroupItem,defineCustomElement as defineCustomElementBhSelectionGroupItem}from"./bh-selection-group-item.js";export{BhSidePanel,defineCustomElement as defineCustomElementBhSidePanel}from"./bh-side-panel.js";export{BhSidePanelFooter,defineCustomElement as defineCustomElementBhSidePanelFooter}from"./bh-side-panel-footer.js";export{BhSidePanelHeader,defineCustomElement as defineCustomElementBhSidePanelHeader}from"./bh-side-panel-header.js";export{BhSidebar,defineCustomElement as defineCustomElementBhSidebar}from"./bh-sidebar.js";export{BhSkeletonLoader,defineCustomElement as defineCustomElementBhSkeletonLoader}from"./bh-skeleton-loader.js";export{BhStepper,defineCustomElement as defineCustomElementBhStepper}from"./bh-stepper.js";export{BhTabItem,defineCustomElement as defineCustomElementBhTabItem}from"./bh-tab-item.js";export{BhTableHeader,defineCustomElement as defineCustomElementBhTableHeader}from"./bh-table-header.js";export{BhTabs,defineCustomElement as defineCustomElementBhTabs}from"./bh-tabs.js";export{BhTag,defineCustomElement as defineCustomElementBhTag}from"./bh-tag.js";export{BhTagGroup,defineCustomElement as defineCustomElementBhTagGroup}from"./bh-tag-group.js";export{BhTagInput,defineCustomElement as defineCustomElementBhTagInput}from"./bh-tag-input.js";export{BhTextarea,defineCustomElement as defineCustomElementBhTextarea}from"./bh-textarea.js";export{BhToast,defineCustomElement as defineCustomElementBhToast}from"./bh-toast.js";export{BhToastContainer,defineCustomElement as defineCustomElementBhToastContainer}from"./bh-toast-container.js";export{BhToggle,defineCustomElement as defineCustomElementBhToggle}from"./bh-toggle.js";export{BhTooltip,defineCustomElement as defineCustomElementBhTooltip}from"./bh-tooltip.js";export{BhTrendChart,defineCustomElement as defineCustomElementBhTrendChart}from"./bh-trend-chart.js";
|
|
1
|
+
export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-YZi6LqIt.js";export{BhDataGridFilterBuilder,defineCustomElement as defineCustomElementBhDataGridFilterBuilder,i as isFilterCondition,a as isFilterGroup,b as isLocalDataSource,c as isRemoteDataSource}from"./bh-data-grid-filter-builder.js";export{M as MetricNames,m as metrics}from"./p-BJXjqxlX.js";export{BhAccordion,defineCustomElement as defineCustomElementBhAccordion}from"./bh-accordion.js";export{BhAccordionItem,defineCustomElement as defineCustomElementBhAccordionItem}from"./bh-accordion-item.js";export{BhActivityFeed,defineCustomElement as defineCustomElementBhActivityFeed}from"./bh-activity-feed.js";export{BhAlert,defineCustomElement as defineCustomElementBhAlert}from"./bh-alert.js";export{BhAppbar,defineCustomElement as defineCustomElementBhAppbar}from"./bh-appbar.js";export{BhAutocompleteMenu,defineCustomElement as defineCustomElementBhAutocompleteMenu}from"./bh-autocomplete-menu.js";export{BhAvatar,defineCustomElement as defineCustomElementBhAvatar}from"./bh-avatar.js";export{BhAvatarAdd,defineCustomElement as defineCustomElementBhAvatarAdd}from"./bh-avatar-add.js";export{BhAvatarStacked,defineCustomElement as defineCustomElementBhAvatarStacked}from"./bh-avatar-stacked.js";export{BhBadge,defineCustomElement as defineCustomElementBhBadge}from"./bh-badge.js";export{BhBadgeDot,defineCustomElement as defineCustomElementBhBadgeDot}from"./bh-badge-dot.js";export{BhBanner,defineCustomElement as defineCustomElementBhBanner}from"./bh-banner.js";export{BhBarChart,defineCustomElement as defineCustomElementBhBarChart}from"./bh-bar-chart.js";export{BhBreadcrumbs,defineCustomElement as defineCustomElementBhBreadcrumbs}from"./bh-breadcrumbs.js";export{BhButton,defineCustomElement as defineCustomElementBhButton}from"./bh-button.js";export{BhButtonIcon,defineCustomElement as defineCustomElementBhButtonIcon}from"./bh-button-icon.js";export{BhCard,defineCustomElement as defineCustomElementBhCard}from"./bh-card.js";export{BhCardContent,defineCustomElement as defineCustomElementBhCardContent}from"./bh-card-content.js";export{BhCardFooter,defineCustomElement as defineCustomElementBhCardFooter}from"./bh-card-footer.js";export{BhCardHeader,defineCustomElement as defineCustomElementBhCardHeader}from"./bh-card-header.js";export{BhChartTooltip,defineCustomElement as defineCustomElementBhChartTooltip}from"./bh-chart-tooltip.js";export{BhChatMessage,defineCustomElement as defineCustomElementBhChatMessage}from"./bh-chat-message.js";export{BhChatReaction,defineCustomElement as defineCustomElementBhChatReaction}from"./bh-chat-reaction.js";export{BhCheckbox,defineCustomElement as defineCustomElementBhCheckbox}from"./bh-checkbox.js";export{BhChecklistTaskGroup,defineCustomElement as defineCustomElementBhChecklistTaskGroup}from"./bh-checklist-task-group.js";export{BhCloseButton,defineCustomElement as defineCustomElementBhCloseButton}from"./bh-close-button.js";export{BhCommandBar,defineCustomElement as defineCustomElementBhCommandBar}from"./bh-command-bar.js";export{BhContainer,defineCustomElement as defineCustomElementBhContainer}from"./bh-container.js";export{BhContainerFooter,defineCustomElement as defineCustomElementBhContainerFooter}from"./bh-container-footer.js";export{BhCreditCard,defineCustomElement as defineCustomElementBhCreditCard}from"./bh-credit-card.js";export{BhDataGrid,defineCustomElement as defineCustomElementBhDataGrid}from"./bh-data-grid.js";export{BhDataGridBody,defineCustomElement as defineCustomElementBhDataGridBody}from"./bh-data-grid-body.js";export{BhDataGridChangePreview,defineCustomElement as defineCustomElementBhDataGridChangePreview}from"./bh-data-grid-change-preview.js";export{BhDataGridFooter,defineCustomElement as defineCustomElementBhDataGridFooter}from"./bh-data-grid-footer.js";export{BhDataGridHeader,defineCustomElement as defineCustomElementBhDataGridHeader}from"./bh-data-grid-header.js";export{BhDataGridToolbar,defineCustomElement as defineCustomElementBhDataGridToolbar}from"./bh-data-grid-toolbar.js";export{BhDatePicker,defineCustomElement as defineCustomElementBhDatePicker}from"./bh-date-picker.js";export{BhDatePickerContent,defineCustomElement as defineCustomElementBhDatePickerContent}from"./bh-date-picker-content.js";export{BhDateRangePicker,defineCustomElement as defineCustomElementBhDateRangePicker}from"./bh-date-range-picker.js";export{BhDateRangePickerContent,defineCustomElement as defineCustomElementBhDateRangePickerContent}from"./bh-date-range-picker-content.js";export{BhDivider,defineCustomElement as defineCustomElementBhDivider}from"./bh-divider.js";export{BhDropdown,defineCustomElement as defineCustomElementBhDropdown}from"./bh-dropdown.js";export{BhDropdownMenu,defineCustomElement as defineCustomElementBhDropdownMenu}from"./bh-dropdown-menu.js";export{BhEmojiPicker,defineCustomElement as defineCustomElementBhEmojiPicker}from"./bh-emoji-picker.js";export{BhEmptyState,defineCustomElement as defineCustomElementBhEmptyState}from"./bh-empty-state.js";export{BhFab,defineCustomElement as defineCustomElementBhFab}from"./bh-fab.js";export{BhFeaturedIcon,defineCustomElement as defineCustomElementBhFeaturedIcon}from"./bh-featured-icon.js";export{BhFeedItem,defineCustomElement as defineCustomElementBhFeedItem}from"./bh-feed-item.js";export{BhGaugeChart,defineCustomElement as defineCustomElementBhGaugeChart}from"./bh-gauge-chart.js";export{BhGuidedChecklist,defineCustomElement as defineCustomElementBhGuidedChecklist}from"./bh-guided-checklist.js";export{BhHtmlEditor,defineCustomElement as defineCustomElementBhHtmlEditor}from"./bh-html-editor.js";export{BhHtmlEditorBubbleMenu,defineCustomElement as defineCustomElementBhHtmlEditorBubbleMenu}from"./bh-html-editor-bubble-menu.js";export{BhHtmlEditorToolbar,defineCustomElement as defineCustomElementBhHtmlEditorToolbar}from"./bh-html-editor-toolbar.js";export{BhIllustrations,defineCustomElement as defineCustomElementBhIllustrations}from"./bh-illustrations.js";export{BhInlineCta,defineCustomElement as defineCustomElementBhInlineCta}from"./bh-inline-cta.js";export{BhInputAutocomplete,defineCustomElement as defineCustomElementBhInputAutocomplete}from"./bh-input-autocomplete.js";export{BhInputNumber,defineCustomElement as defineCustomElementBhInputNumber}from"./bh-input-number.js";export{BhInputPassword,defineCustomElement as defineCustomElementBhInputPassword}from"./bh-input-password.js";export{BhInputText,defineCustomElement as defineCustomElementBhInputText}from"./bh-input-text.js";export{BhInputVerification,defineCustomElement as defineCustomElementBhInputVerification}from"./bh-input-verification.js";export{BhKbd,defineCustomElement as defineCustomElementBhKbd}from"./bh-kbd.js";export{BhLabel,defineCustomElement as defineCustomElementBhLabel}from"./bh-label.js";export{BhLineChart,defineCustomElement as defineCustomElementBhLineChart}from"./bh-line-chart.js";export{BhLoaderSpinner,defineCustomElement as defineCustomElementBhLoaderSpinner}from"./bh-loader-spinner.js";export{BhLogoBox,defineCustomElement as defineCustomElementBhLogoBox}from"./bh-logo-box.js";export{BhMenu,defineCustomElement as defineCustomElementBhMenu}from"./bh-menu.js";export{BhMenuItem,defineCustomElement as defineCustomElementBhMenuItem}from"./bh-menu-item.js";export{BhModal,defineCustomElement as defineCustomElementBhModal}from"./bh-modal.js";export{BhModalActions,defineCustomElement as defineCustomElementBhModalActions}from"./bh-modal-actions.js";export{BhModalHeader,defineCustomElement as defineCustomElementBhModalHeader}from"./bh-modal-header.js";export{BhMonthPicker,defineCustomElement as defineCustomElementBhMonthPicker}from"./bh-month-picker.js";export{BhMonthPickerContent,defineCustomElement as defineCustomElementBhMonthPickerContent}from"./bh-month-picker-content.js";export{BhMultiSelect,defineCustomElement as defineCustomElementBhMultiSelect}from"./bh-multi-select.js";export{BhNavItem,defineCustomElement as defineCustomElementBhNavItem}from"./bh-nav-item.js";export{BhNotificationCenter,defineCustomElement as defineCustomElementBhNotificationCenter}from"./bh-notification-center.js";export{BhPageHeader,defineCustomElement as defineCustomElementBhPageHeader}from"./bh-page-header.js";export{BhPageNavigation,defineCustomElement as defineCustomElementBhPageNavigation}from"./bh-page-navigation.js";export{BhPageNavigationChild,defineCustomElement as defineCustomElementBhPageNavigationChild}from"./bh-page-navigation-child.js";export{BhPageNavigationMultiLevel,defineCustomElement as defineCustomElementBhPageNavigationMultiLevel}from"./bh-page-navigation-multi-level.js";export{BhPageNavigationSingleLevel,defineCustomElement as defineCustomElementBhPageNavigationSingleLevel}from"./bh-page-navigation-single-level.js";export{BhPagination,defineCustomElement as defineCustomElementBhPagination}from"./bh-pagination.js";export{BhPickerMenu,defineCustomElement as defineCustomElementBhPickerMenu}from"./bh-picker-menu.js";export{BhPieChart,defineCustomElement as defineCustomElementBhPieChart}from"./bh-pie-chart.js";export{BhPivotGrid,defineCustomElement as defineCustomElementBhPivotGrid}from"./bh-pivot-grid.js";export{BhPivotGridFieldChooser,defineCustomElement as defineCustomElementBhPivotGridFieldChooser}from"./bh-pivot-grid-field-chooser.js";export{BhPopover,defineCustomElement as defineCustomElementBhPopover}from"./bh-popover.js";export{BhProductSwitcher,defineCustomElement as defineCustomElementBhProductSwitcher}from"./bh-product-switcher.js";export{BhProgressBar,defineCustomElement as defineCustomElementBhProgressBar}from"./bh-progress-bar.js";export{BhProgressRing,defineCustomElement as defineCustomElementBhProgressRing}from"./bh-progress-ring.js";export{BhPropertySwitcher,defineCustomElement as defineCustomElementBhPropertySwitcher}from"./bh-property-switcher.js";export{BhRadarChart,defineCustomElement as defineCustomElementBhRadarChart}from"./bh-radar-chart.js";export{BhRadioButton,defineCustomElement as defineCustomElementBhRadioButton}from"./bh-radio-button.js";export{BhRadioGroup,defineCustomElement as defineCustomElementBhRadioGroup}from"./bh-radio-group.js";export{BhRangeSlider,defineCustomElement as defineCustomElementBhRangeSlider}from"./bh-range-slider.js";export{BhSectionFooter,defineCustomElement as defineCustomElementBhSectionFooter}from"./bh-section-footer.js";export{BhSectionHeader,defineCustomElement as defineCustomElementBhSectionHeader}from"./bh-section-header.js";export{BhSelect,defineCustomElement as defineCustomElementBhSelect}from"./bh-select.js";export{BhSelectionGroup,defineCustomElement as defineCustomElementBhSelectionGroup}from"./bh-selection-group.js";export{BhSelectionGroupItem,defineCustomElement as defineCustomElementBhSelectionGroupItem}from"./bh-selection-group-item.js";export{BhSidePanel,defineCustomElement as defineCustomElementBhSidePanel}from"./bh-side-panel.js";export{BhSidePanelFooter,defineCustomElement as defineCustomElementBhSidePanelFooter}from"./bh-side-panel-footer.js";export{BhSidePanelHeader,defineCustomElement as defineCustomElementBhSidePanelHeader}from"./bh-side-panel-header.js";export{BhSidebar,defineCustomElement as defineCustomElementBhSidebar}from"./bh-sidebar.js";export{BhSkeletonLoader,defineCustomElement as defineCustomElementBhSkeletonLoader}from"./bh-skeleton-loader.js";export{BhStepper,defineCustomElement as defineCustomElementBhStepper}from"./bh-stepper.js";export{BhTabItem,defineCustomElement as defineCustomElementBhTabItem}from"./bh-tab-item.js";export{BhTableHeader,defineCustomElement as defineCustomElementBhTableHeader}from"./bh-table-header.js";export{BhTabs,defineCustomElement as defineCustomElementBhTabs}from"./bh-tabs.js";export{BhTag,defineCustomElement as defineCustomElementBhTag}from"./bh-tag.js";export{BhTagGroup,defineCustomElement as defineCustomElementBhTagGroup}from"./bh-tag-group.js";export{BhTagInput,defineCustomElement as defineCustomElementBhTagInput}from"./bh-tag-input.js";export{BhTextarea,defineCustomElement as defineCustomElementBhTextarea}from"./bh-textarea.js";export{BhToast,defineCustomElement as defineCustomElementBhToast}from"./bh-toast.js";export{BhToastContainer,defineCustomElement as defineCustomElementBhToastContainer}from"./bh-toast-container.js";export{BhToggle,defineCustomElement as defineCustomElementBhToggle}from"./bh-toggle.js";export{BhTooltip,defineCustomElement as defineCustomElementBhTooltip}from"./bh-tooltip.js";export{BhTrendChart,defineCustomElement as defineCustomElementBhTrendChart}from"./bh-trend-chart.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,h as a,d as o,t as r}from"./p-YZi6LqIt.js";import{d as s}from"./p-
|
|
1
|
+
import{p as e,H as t,h as a,d as o,t as r}from"./p-YZi6LqIt.js";import{d as s}from"./p-CClVva-u.js";import{d as n}from"./p-BbPrWlsw.js";const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}ariaLabel="Close";darkBackground=!1;disabled=!1;render(){return a(o,{key:"1b329426bf09f1fee1b00e20c5ebf5f76e7d471d"},a("bh-button-icon",{key:"91098fe34d4b19eca617dd8e1da33113ebd4161e",ariaLabel:this.ariaLabel,disabled:this.disabled,hierarchy:"quaternary",iconName:"close",size:"sm"}))}static get style(){return"@layer bh-tokens,bh-base; @layer bh-tokens{:host{display:contents}}@layer bh-base{:host([dark-background]) bh-button-icon{--bh-button-icon-quaternary-color:var(--color-text-inverse);--bh-button-icon-quaternary-color-hover:var(--color-text-inverse);--bh-button-icon-quaternary-bg-hover:rgba(255, 255, 255, 0.1);--bh-button-icon-quaternary-bg-active:rgba(255, 255, 255, 0.2)}}"}},[513,"bh-close-button",{ariaLabel:[1,"aria-label"],darkBackground:[516,"dark-background"],disabled:[4]}]);function c(){"undefined"!=typeof customElements&&["bh-close-button","bh-button-icon","bh-loader-spinner"].forEach((e=>{switch(e){case"bh-close-button":customElements.get(r(e))||customElements.define(r(e),b);break;case"bh-button-icon":customElements.get(r(e))||s();break;case"bh-loader-spinner":customElements.get(r(e))||n()}}))}export{b as B,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as a,H as o,c as r,h as e,d as i,t as n}from"./p-YZi6LqIt.js";import{d as l}from"./p-1SkDR91n.js";import{c as t,m as s,M as c,r as g}from"./p-BJXjqxlX.js";import{c as h}from"./p-YdVz1TeW.js";import{a as d}from"./p-BqJRACkO.js";const p=a(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=r(this,"bhItemClick")}logger=t("bh-page-navigation-child");label;badge;showBadge=!0;isActive=!1;bhItemClick;focusState=h();focusVersion=0;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),s.increment(c.COMPONENT_ERROR,{component:"bh-page-navigation-child",error_type:a instanceof Error?a.name:"unknown"}),g("bh-page-navigation-child",a)}handleClick=()=>{this.bhItemClick.emit()};handleKeyDown=a=>{d(a)&&(a.preventDefault(),this.handleClick())};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};getItemClasses(){return{"page-navigation-child":!0,active:this.isActive,focused:this.focusState.isFocused,hovered:this.focusState.isHovered}}render(){return e(i,{key:"719c94c0c3d7bae9e42ae39a7a3b4dfb53b9c6f6"},e("div",{key:"b7b500d8a742e645eed91bf2a300799dc0af4574","aria-current":this.isActive?"page":void 0,class:this.getItemClasses(),"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container",role:"button",tabIndex:0},e("div",{key:"27f71f2ef1c220e0cf329df28d2a021d2a214baa",class:"page-navigation-child-content",part:"content"},e("span",{key:"b7f71ccb6b696608f22ff9a149a91a51c8cd2a96",class:"page-navigation-child-label",part:"label"},this.label),void 0!==this.badge&&this.showBadge&&e("bh-badge",{key:"ad4fe867519d283abb1b0d6ae16bb69820d62c18",class:"page-navigation-child-badge",emphasis:"medium",label:String(this.badge),part:"badge",size:"sm",variant:"gray"}))))}static get style(){return' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { *, *::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-page-navigation-child-padding-xs: var(--spacing-xs); --bh-page-navigation-child-padding-sm: var(--spacing-sm); --bh-page-navigation-child-padding-md: var(--spacing-md); --bh-page-navigation-child-gap-md: var(--spacing-md); --bh-page-navigation-child-margin-xs: var(--spacing-xs); --bh-page-navigation-child-margin-none: var(--spacing-none); --bh-page-navigation-child-font-family: var(--font-inter); --bh-page-navigation-child-bg-hover: var(--color-bg-secondary); --bh-page-navigation-child-bg-active-hover: var( --color-bg-interactive-light ); --bh-page-navigation-child-line-color: var(--color-border-secondary); --bh-page-navigation-child-active-line-color: var(--color-text-interactive); --bh-page-navigation-child-active-color: var(--color-text-interactive); --bh-page-navigation-child-min-height: var(--spacing-4xl); --bh-page-navigation-child-line-inset: var(--spacing-xl); --bh-page-navigation-child-content-inset: 38px; } } @layer bh-base { .page-navigation-child { display: flex; align-items: center; padding: 0 var(--bh-page-navigation-child-padding-md) 0 var(--bh-page-navigation-child-content-inset); cursor: pointer; gap: var(--bh-page-navigation-child-gap-md); position: relative; transition: background-color var(--animation-duration-fast) ease; min-height: var(--bh-page-navigation-child-min-height); box-sizing: border-box; border-radius: var(--radius-sm); margin: 0; background-color: transparent; } .page-navigation-child::before { content: ""; position: absolute; left: var(--bh-page-navigation-child-line-inset); top: 0; bottom: 0; width: 2px; background-color: var(--bh-page-navigation-child-line-color); } .page-navigation-child-content { display: flex; align-items: center; gap: var(--bh-page-navigation-child-gap-md); width: 100%; } .page-navigation-child-label { font-family: var(--bh-page-navigation-child-font-family); font-size: var(--text-sm-size); font-weight: var(--weight-medium); line-height: var(--line-height-normal); color: var(--color-text-secondary); flex: 1; transition: color var(--animation-duration-fast) ease, font-weight var(--animation-duration-fast) ease; } .page-navigation-child-badge { display: inline-flex; margin-left: auto; flex-shrink: 0; } } @layer bh-states { .page-navigation-child { } .page-navigation-child:hover:not(.active) { background-color: var(--bh-page-navigation-child-bg-hover); } .page-navigation-child { } .page-navigation-child.active { background-color: transparent; } .page-navigation-child.active:hover, .page-navigation-child.active.focused { background-color: var(--bh-page-navigation-child-bg-active-hover); } .page-navigation-child.active { } .page-navigation-child.active::after { content: ""; position: absolute; left: var(--bh-page-navigation-child-line-inset); top: 50%; transform: translateY(-50%); width: 2px; height: 20px; background-color: var(--bh-page-navigation-child-active-line-color); } .page-navigation-child.active .page-navigation-child-label { color: var(--bh-page-navigation-child-active-color); font-weight: var(--weight-semibold); } }'}},[513,"bh-page-navigation-child",{label:[1],badge:[8],showBadge:[4,"show-badge"],isActive:[4,"is-active"],focusVersion:[32]}]);function b(){"undefined"!=typeof customElements&&["bh-page-navigation-child","bh-badge"].forEach((a=>{switch(a){case"bh-page-navigation-child":customElements.get(n(a))||customElements.define(n(a),p);break;case"bh-badge":customElements.get(n(a))||l()}}))}export{p as B,b as d}
|
|
1
|
+
import{p as a,H as o,c as r,h as e,d as i,t as l}from"./p-YZi6LqIt.js";import{d as n}from"./p-DUm7JrA0.js";import{c as t,m as s,M as c,r as g}from"./p-BJXjqxlX.js";import{c as h}from"./p-YdVz1TeW.js";import{a as d}from"./p-BqJRACkO.js";const p=a(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=r(this,"bhItemClick")}logger=t("bh-page-navigation-child");label;badge;showBadge=!0;isActive=!1;bhItemClick;focusState=h();focusVersion=0;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),s.increment(c.COMPONENT_ERROR,{component:"bh-page-navigation-child",error_type:a instanceof Error?a.name:"unknown"}),g("bh-page-navigation-child",a)}handleClick=()=>{this.bhItemClick.emit()};handleKeyDown=a=>{d(a)&&(a.preventDefault(),this.handleClick())};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};getItemClasses(){return{"page-navigation-child":!0,active:this.isActive,focused:this.focusState.isFocused,hovered:this.focusState.isHovered}}render(){return e(i,{key:"7ca3756e57ce7523707ac6398e009a41251b5773"},e("div",{key:"9d17db048c227e3d53d5d2adcacf5d06ebdb529e","aria-current":this.isActive?"page":void 0,class:this.getItemClasses(),"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container",role:"button",tabIndex:0},e("div",{key:"6e73d0d8e106d4712b45671d8501dd743925702d",class:"page-navigation-child-content",part:"content"},e("span",{key:"6c7b32b203015fbf3eb2dfc9e41ae2a569c77c63",class:"page-navigation-child-label",part:"label"},this.label),void 0!==this.badge&&this.showBadge&&e("bh-badge",{key:"a8510c3e2b9d0fd265f94273afbb09f9ca259361",class:"page-navigation-child-badge",emphasis:"medium",label:String(this.badge),part:"badge",size:"sm",variant:"gray"}))))}static get style(){return' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { *, *::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-page-navigation-child-padding-xs: var(--spacing-xs); --bh-page-navigation-child-padding-sm: var(--spacing-sm); --bh-page-navigation-child-padding-md: var(--spacing-md); --bh-page-navigation-child-gap-md: var(--spacing-md); --bh-page-navigation-child-margin-xs: var(--spacing-xs); --bh-page-navigation-child-margin-none: var(--spacing-none); --bh-page-navigation-child-font-family: var(--font-inter); --bh-page-navigation-child-bg-hover: var(--color-bg-secondary); --bh-page-navigation-child-bg-active-hover: var( --color-bg-interactive-light ); --bh-page-navigation-child-line-color: var(--color-border-secondary); --bh-page-navigation-child-active-line-color: var(--color-text-interactive); --bh-page-navigation-child-active-color: var(--color-text-interactive); --bh-page-navigation-child-min-height: var(--spacing-4xl); --bh-page-navigation-child-line-inset: var(--spacing-xl); --bh-page-navigation-child-content-inset: 38px; } } @layer bh-base { .page-navigation-child { display: flex; align-items: center; padding: 0 var(--bh-page-navigation-child-padding-md) 0 var(--bh-page-navigation-child-content-inset); cursor: pointer; gap: var(--bh-page-navigation-child-gap-md); position: relative; transition: background-color var(--animation-duration-fast) ease; min-height: var(--bh-page-navigation-child-min-height); box-sizing: border-box; border-radius: var(--radius-sm); margin: 0; background-color: transparent; } .page-navigation-child::before { content: ""; position: absolute; left: var(--bh-page-navigation-child-line-inset); top: 0; bottom: 0; width: 2px; background-color: var(--bh-page-navigation-child-line-color); } .page-navigation-child-content { display: flex; align-items: center; gap: var(--bh-page-navigation-child-gap-md); width: 100%; } .page-navigation-child-label { font-family: var(--bh-page-navigation-child-font-family); font-size: var(--text-sm-size); font-weight: var(--weight-medium); line-height: var(--line-height-normal); color: var(--color-text-secondary); flex: 1; transition: color var(--animation-duration-fast) ease, font-weight var(--animation-duration-fast) ease; } .page-navigation-child-badge { display: inline-flex; margin-left: auto; flex-shrink: 0; } } @layer bh-states { .page-navigation-child { } .page-navigation-child:hover:not(.active) { background-color: var(--bh-page-navigation-child-bg-hover); } .page-navigation-child { } .page-navigation-child.active { background-color: transparent; } .page-navigation-child.active:hover, .page-navigation-child.active.focused { background-color: var(--bh-page-navigation-child-bg-active-hover); } .page-navigation-child.active { } .page-navigation-child.active::after { content: ""; position: absolute; left: var(--bh-page-navigation-child-line-inset); top: 50%; transform: translateY(-50%); width: 2px; height: 20px; background-color: var(--bh-page-navigation-child-active-line-color); } .page-navigation-child.active .page-navigation-child-label { color: var(--bh-page-navigation-child-active-color); font-weight: var(--weight-semibold); } }'}},[513,"bh-page-navigation-child",{label:[1],badge:[8],showBadge:[4,"show-badge"],isActive:[4,"is-active"],focusVersion:[32]}]);function v(){"undefined"!=typeof customElements&&["bh-page-navigation-child","bh-badge"].forEach((a=>{switch(a){case"bh-page-navigation-child":customElements.get(l(a))||customElements.define(l(a),p);break;case"bh-badge":customElements.get(l(a))||n()}}))}export{p as B,v as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,c as i,h as b,d as s,t as a}from"./p-YZi6LqIt.js";import{i as n,T as o,B as r}from"./p-vsM-NcS2.js";import{c as h,m as l,M as u,r as d}from"./p-BJXjqxlX.js";import{B as c,r as m}from"./p-BNVOtH-1.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhLinkRequest=i(this,"bhLinkRequest")}logger=h("bh-html-editor-bubble-menu");selectionListener;i18nUnsubscribe;selectionUpdateFrame;selectionUpdatePending=!1;updatePositionFrame;outsideClickListener;get el(){return this}editor;targetEl;ariaLabel="Text formatting";visible=!1;posX=0;posY=0;placeBelow=!1;activeStates={};_i18nVersion=0;bhLinkRequest;async insertLink(t){this.editor&&n(t)&&(this.editor.chain().focus().extendMarkRange("link").setLink({href:t}).run(),this.updateActiveStates())}componentWillLoad(){this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.editor&&(this.selectionListener=()=>this.handleSelectionUpdate(),this.editor.on("selectionUpdate",this.selectionListener),this.editor.on("transaction",this.selectionListener))}disconnectedCallback(){this.selectionListener&&this.editor&&(this.editor.off("selectionUpdate",this.selectionListener),this.editor.off("transaction",this.selectionListener)),this.selectionUpdateFrame&&(cancelAnimationFrame(this.selectionUpdateFrame),this.selectionUpdateFrame=void 0),this.updatePositionFrame&&(cancelAnimationFrame(this.updatePositionFrame),this.updatePositionFrame=void 0),this.selectionUpdatePending=!1,this.removeOutsideClickListener(),this.i18nUnsubscribe?.()}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),l.increment(u.COMPONENT_ERROR,{component:"bh-html-editor-bubble-menu"}),d("bh-html-editor-bubble-menu",t)}handleSelectionUpdate(){this.selectionUpdatePending||(this.selectionUpdatePending=!0,this.selectionUpdateFrame=requestAnimationFrame((()=>{this.selectionUpdatePending=!1,this.selectionUpdateFrame=void 0,this.processSelectionUpdate()})))}processSelectionUpdate(){if(!this.editor)return;const{empty:t}=this.editor.state.selection;t?this.setVisible(!1):(this.setVisible(!0),this.updateActiveStates(),this.updatePosition())}updateActiveStates(){if(!this.editor)return;const t=o.filter((t=>r.includes(t.action))),e={};for(const i of t)e[i.action]=i.isActive?.(this.editor)??!1;this.activeStates=e}updatePosition(){this.updatePositionFrame&&cancelAnimationFrame(this.updatePositionFrame),this.updatePositionFrame=requestAnimationFrame((()=>{if(!this.editor||!this.visible)return;const{from:t,to:e}=this.editor.state.selection,i=this.editor.view.coordsAtPos(t),b=this.editor.view.coordsAtPos(e),s=this.el.shadowRoot?.querySelector(".bubble-menu"),a=s?.getBoundingClientRect(),n=a?.width??0,o=a?.height??0,r=window.innerWidth,h=window.innerHeight,l=n/2,u=r-n/2,d=u<l?r/2:this.clamp((i.left+b.right)/2,l,u),c=i.top-8,m=c-o<0,p=m?b.bottom+8:c,v=m?0:o,g=m?Math.max(0,h-o):h,f=this.clamp(p,v,g);this.placeBelow=m,this.posX=d,this.posY=f}))}clamp(t,e,i){return i<e?e:Math.min(Math.max(t,e),i)}setVisible(t){this.visible!==t&&(this.visible=t,t?this.addOutsideClickListener():this.removeOutsideClickListener())}addOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=t=>{this.visible&&(t.composedPath().includes(this.el)||this.setVisible(!1))},document.addEventListener("mousedown",this.outsideClickListener))}removeOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("mousedown",this.outsideClickListener),this.outsideClickListener=void 0)}handleMenuKeyDown=t=>{"Escape"===t.key&&(t.preventDefault(),this.setVisible(!1))};handleAction=t=>{if(!this.editor)return;if("link"===t)return void(this.editor.isActive("link")?(this.editor.chain().focus().unsetLink().run(),this.updateActiveStates()):this.bhLinkRequest.emit());const e=o.find((e=>e.action===t));e&&(e.command(this.editor),this.updateActiveStates())};render(){const t=o.filter((t=>r.includes(t.action)));return b(s,{key:"
|
|
1
|
+
import{p as t,H as e,c as i,h as b,d as s,t as a}from"./p-YZi6LqIt.js";import{i as n,T as o,B as r}from"./p-vsM-NcS2.js";import{c as h,m as l,M as u,r as d}from"./p-BJXjqxlX.js";import{B as c,r as m}from"./p-BNVOtH-1.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhLinkRequest=i(this,"bhLinkRequest")}logger=h("bh-html-editor-bubble-menu");selectionListener;i18nUnsubscribe;selectionUpdateFrame;selectionUpdatePending=!1;updatePositionFrame;outsideClickListener;get el(){return this}editor;targetEl;ariaLabel="Text formatting";visible=!1;posX=0;posY=0;placeBelow=!1;activeStates={};_i18nVersion=0;bhLinkRequest;async insertLink(t){this.editor&&n(t)&&(this.editor.chain().focus().extendMarkRange("link").setLink({href:t}).run(),this.updateActiveStates())}componentWillLoad(){this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.editor&&(this.selectionListener=()=>this.handleSelectionUpdate(),this.editor.on("selectionUpdate",this.selectionListener),this.editor.on("transaction",this.selectionListener))}disconnectedCallback(){this.selectionListener&&this.editor&&(this.editor.off("selectionUpdate",this.selectionListener),this.editor.off("transaction",this.selectionListener)),this.selectionUpdateFrame&&(cancelAnimationFrame(this.selectionUpdateFrame),this.selectionUpdateFrame=void 0),this.updatePositionFrame&&(cancelAnimationFrame(this.updatePositionFrame),this.updatePositionFrame=void 0),this.selectionUpdatePending=!1,this.removeOutsideClickListener(),this.i18nUnsubscribe?.()}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),l.increment(u.COMPONENT_ERROR,{component:"bh-html-editor-bubble-menu"}),d("bh-html-editor-bubble-menu",t)}handleSelectionUpdate(){this.selectionUpdatePending||(this.selectionUpdatePending=!0,this.selectionUpdateFrame=requestAnimationFrame((()=>{this.selectionUpdatePending=!1,this.selectionUpdateFrame=void 0,this.processSelectionUpdate()})))}processSelectionUpdate(){if(!this.editor)return;const{empty:t}=this.editor.state.selection;t?this.setVisible(!1):(this.setVisible(!0),this.updateActiveStates(),this.updatePosition())}updateActiveStates(){if(!this.editor)return;const t=o.filter((t=>r.includes(t.action))),e={};for(const i of t)e[i.action]=i.isActive?.(this.editor)??!1;this.activeStates=e}updatePosition(){this.updatePositionFrame&&cancelAnimationFrame(this.updatePositionFrame),this.updatePositionFrame=requestAnimationFrame((()=>{if(!this.editor||!this.visible)return;const{from:t,to:e}=this.editor.state.selection,i=this.editor.view.coordsAtPos(t),b=this.editor.view.coordsAtPos(e),s=this.el.shadowRoot?.querySelector(".bubble-menu"),a=s?.getBoundingClientRect(),n=a?.width??0,o=a?.height??0,r=window.innerWidth,h=window.innerHeight,l=n/2,u=r-n/2,d=u<l?r/2:this.clamp((i.left+b.right)/2,l,u),c=i.top-8,m=c-o<0,p=m?b.bottom+8:c,v=m?0:o,g=m?Math.max(0,h-o):h,f=this.clamp(p,v,g);this.placeBelow=m,this.posX=d,this.posY=f}))}clamp(t,e,i){return i<e?e:Math.min(Math.max(t,e),i)}setVisible(t){this.visible!==t&&(this.visible=t,t?this.addOutsideClickListener():this.removeOutsideClickListener())}addOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=t=>{this.visible&&(t.composedPath().includes(this.el)||this.setVisible(!1))},document.addEventListener("mousedown",this.outsideClickListener))}removeOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("mousedown",this.outsideClickListener),this.outsideClickListener=void 0)}handleMenuKeyDown=t=>{"Escape"===t.key&&(t.preventDefault(),this.setVisible(!1))};handleAction=t=>{if(!this.editor)return;if("link"===t)return void(this.editor.isActive("link")?(this.editor.chain().focus().unsetLink().run(),this.updateActiveStates()):this.bhLinkRequest.emit());const e=o.find((e=>e.action===t));e&&(e.command(this.editor),this.updateActiveStates())};render(){const t=o.filter((t=>r.includes(t.action)));return b(s,{key:"930a76dd3b887abf2bdf9b97fff737cc4c88a68c"},b("div",{key:"875162d7eb90aa6fec2c167e72d6755d8e01f4b8","aria-label":m("bh-html-editor-bubble-menu","ariaLabel",this.ariaLabel,"Text formatting"),class:{"bubble-menu":!0,"bubble-menu-below":this.placeBelow,"bubble-menu-visible":this.visible},onKeyDown:this.handleMenuKeyDown,part:"bubble-menu",role:"toolbar",style:{left:`${this.posX}px`,top:`${this.posY}px`},tabIndex:this.visible?0:-1},b("div",{key:"1e99daa2ba37aefd844b0060bb2e04b7472c0cde",class:"bubble-menu-content"},t.map((t=>b("button",{"aria-label":t.label,"aria-pressed":String(this.activeStates[t.action]??!1),class:{"bubble-btn":!0,"bubble-btn-active":this.activeStates[t.action]??!1},key:t.action,onClick:()=>this.handleAction(t.action),title:t.label,type:"button"},b("span",{class:"material-symbols-outlined"},t.icon))))),b("div",{key:"c1f72ec97177e2c042e4b0070e1f54778d13c17d",class:"bubble-arrow"})))}static get style(){return"@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; position: absolute; z-index: var(--bh-z-index-dropdown); pointer-events: none; --bh-bubble-bg: var(--color-bg-inverse); --bh-bubble-radius: var(--radius-md); --bh-bubble-padding: var(--spacing-md); --bh-bubble-btn-size: var(--bh-button-height-sm); --bh-bubble-btn-color: var(--color-white); --bh-bubble-btn-bg-hover: var(--overlay-white-light); --bh-bubble-btn-bg-active: var(--overlay-white-medium); --bh-bubble-gap: var(--spacing-xs); --bh-bubble-arrow-size: 12px; --bh-bubble-icon-size: var(--icon-size-md); } } @layer bh-base { .bubble-menu { position: fixed; transform: translate(-50%, -100%); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--animation-duration-fast) ease, visibility var(--animation-duration-fast) ease; } .bubble-menu-visible { opacity: 1; visibility: visible; pointer-events: auto; } .bubble-menu-below { transform: translate(-50%, 0); } .bubble-menu-below .bubble-arrow { top: -6px; bottom: auto; } .bubble-menu-content { display: flex; align-items: center; gap: var(--bh-bubble-gap); padding: var(--bh-bubble-padding); background: var(--bh-bubble-bg); border-radius: var(--bh-bubble-radius); box-shadow: var(--shadow-popup); } .bubble-btn { display: inline-flex; align-items: center; justify-content: center; width: var(--bh-bubble-btn-size); height: var(--bh-bubble-btn-size); padding: 0; margin: 0; border: none; border-radius: var(--radius-sm); background: transparent; color: var(--bh-bubble-btn-color); cursor: pointer; transition: background-color var(--animation-duration-fast) ease; } .bubble-btn .material-symbols-outlined { font-size: var(--bh-bubble-icon-size); } .bubble-arrow { position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%) rotate(45deg); width: var(--bh-bubble-arrow-size); height: var(--bh-bubble-arrow-size); background: var(--bh-bubble-bg); } } @layer bh-states { .bubble-btn:hover { background: var(--bh-bubble-btn-bg-hover); } .bubble-btn:focus-visible { outline: 2px solid var(--color-border-interactive); outline-offset: 1px; } .bubble-btn-active { background: var(--bh-bubble-btn-bg-active); } .bubble-btn-active:hover { background: var(--bh-bubble-btn-bg-active); } } @layer bh-utilities { @media (max-width: 768px) { :host { --bh-bubble-btn-size: 28px; --bh-bubble-padding: var(--spacing-sm); --bh-bubble-gap: var(--spacing-xxs); --bh-bubble-icon-size: 18px; } } }"}},[513,"bh-html-editor-bubble-menu",{editor:[16],targetEl:[16],ariaLabel:[1,"aria-label"],visible:[32],posX:[32],posY:[32],placeBelow:[32],activeStates:[32],_i18nVersion:[32],insertLink:[64]}]);function v(){"undefined"!=typeof customElements&&["bh-html-editor-bubble-menu"].forEach((t=>{"bh-html-editor-bubble-menu"===t&&(customElements.get(a(t))||customElements.define(a(t),p))}))}export{p as B,v as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as t,c as a,h as i,d as r,t as s}from"./p-YZi6LqIt.js";import{a as o}from"./p-BqJRACkO.js";import{d as n}from"./p-DJlRFgcj.js";import{d}from"./p-Be6mIKzo.js";import{d as c}from"./p-Dzlsnb7d.js";import{c as m,m as l,M as h,r as f}from"./p-BJXjqxlX.js";const b="bh-feed-item",p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhClick=a(this,"bhClick")}logger=m(b);author="";timestamp="";content="";size="md";showConnector=!1;showDot=!1;showSubtext=!0;supportingContent="none";variant="user";icon;itemTitle;bhClick;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),l.increment(h.COMPONENT_ERROR,{component:b,error_type:e instanceof Error?e.name:"unknown"}),f(b,e)}getInitials(){return this.author.split(" ").map((e=>e.charAt(0))).join("").toUpperCase().slice(0,2)}handleClick=()=>{this.bhClick.emit()};handleKeyDown=e=>{o(e)&&(e.preventDefault(),this.bhClick.emit())};render(){const e="none"!==this.supportingContent;return i(r,{key:"c236a43e36605b1769858667ff7046ca659dbf8a"},i("div",{key:"b3bbc51636b33ab2db63bc3ae049ec683d344159","aria-label":"system"===this.variant?this.itemTitle||"Notification":this.author?`Feed item from ${this.author}`:"Feed item",class:{"feed-item":!0,[`feed-item-${this.size}`]:!0},onClick:this.handleClick,onKeyDown:this.handleKeyDown,part:"container",role:"article",tabindex:0},"system"===this.variant?this.icon&&i("div",{class:"feed-item-icon-col",part:"icon-column"},i("bh-featured-icon",{class:"feed-item-icon",color:"brand",icon:this.icon,part:"icon",size:"sm"===this.size?"sm":"md"})):i("div",{class:{"feed-item-avatar-col":!0,"feed-item-avatar-col-connector":this.showConnector},part:"avatar-column"},i("div",{class:"feed-item-avatar",part:"avatar"},i("slot",{name:"avatar"},this.author&&i("bh-avatar",{size:"sm"===this.size?"sm":"md",text:this.getInitials(),variant:"text"}))),this.showConnector&&i("div",{class:"feed-item-connector",part:"connector"})),i("div",{key:"45bf8238ad5b012d7cb66127e5b519c56a28fbd0",class:{"feed-item-content":!0,"feed-item-content-with-connector":this.showConnector&&e,"feed-item-content-no-supporting":!e},part:"content"},i("div",{key:"bc295befb3b4c2d1596499c1e4611c4f7d8eb959",class:"feed-item-header",part:"header"},i("div",{key:"7c2253540cae0b97cb205fe1753c5dbaaa3b5e83",class:"feed-item-meta",part:"meta"},(this.itemTitle||this.author)&&i("span",{key:"16990d09e3e477031180420c53d56fa9093a4397",class:"feed-item-author",part:"author"},this.itemTitle||this.author),this.showSubtext&&this.timestamp&&i("span",{key:"7c31c0e8e80d85c12351ec061d88a0e3a5238296",class:"feed-item-timestamp",part:"timestamp"},this.timestamp)),i("div",{key:"70f12d1eb6c8af4e2a421859e631b7c073d721fd",class:"feed-item-text",part:"text"},i("slot",{key:"064ca607229d49a25477d9166abc6ecd515d8213"},this.content))),e&&i("div",{key:"8c334fcf61af0f2084b85ea3ab960f3d8740246b",class:`feed-item-supporting feed-item-supporting-${this.supportingContent}`,part:"supporting"},i("slot",{key:"c2e97890f6b6787c72c522c4c8af4fa88be3715e",name:"supporting"}))),this.showDot&&i("div",{key:"fc40de69cc7312dd15f103f606e0797bfb1de003",class:"feed-item-dot",part:"dot"},i("bh-badge-dot",{key:"e7a4fde08499915ffee1a2b6145fbcf7176168f1",color:"success",size:this.size}))))}static get style(){return"@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-feed-item-author-color:var(--color-text-primary);--bh-feed-item-timestamp-color:var(--color-text-tertiary);--bh-feed-item-text-color:var(--color-text-secondary);--bh-feed-item-connector-color:var(--color-border-secondary);--bh-feed-item-connector-width:2px;--bh-feed-item-bubble-border:var(--color-border-secondary);--bh-feed-item-bubble-shadow:var(--shadow-xs)}}@layer bh-base{.feed-item{display:flex;align-items:flex-start;gap:var(--spacing-lg);position:relative;width:100%}.feed-item-avatar-col{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.feed-item-icon-col{display:flex;align-items:flex-start;flex-shrink:0}.feed-item-avatar-col-connector{align-self:stretch;padding-bottom:var(--spacing-xs)}.feed-item-avatar{flex-shrink:0}.feed-item-connector{flex:1;width:var(--bh-feed-item-connector-width);min-height:1px;background:var(--bh-feed-item-connector-color);border-radius:var(--spacing-xxs)}.feed-item-content{display:flex;flex-direction:column;flex:1;min-width:0;min-height:1px;gap:var(--spacing-lg)}.feed-item-content-with-connector{padding-bottom:var(--spacing-4xl)}.feed-item-content-no-supporting{gap:0}.feed-item-header{display:flex;flex-direction:column;gap:0;width:100%}.feed-item-meta{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.feed-item-author{font-size:var(--text-sm-size);font-weight:var(--weight-medium);line-height:var(--line-height-normal);color:var(--bh-feed-item-author-color);flex-shrink:0}.feed-item-timestamp{font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--text-xs-line);color:var(--bh-feed-item-timestamp-color);flex-shrink:0}.feed-item-text{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-feed-item-text-color);width:100%;word-wrap:break-word}.feed-item-supporting{width:100%}.feed-item-dot{flex-shrink:0;display:flex;align-items:flex-start;padding-top:var(--spacing-xs)}}@layer bh-variants{.feed-item-sm .feed-item-avatar ::slotted(*){width:var(--bh-avatar-size-sm);height:var(--bh-avatar-size-sm)}.feed-item-md .feed-item-avatar ::slotted(*){width:var(--bh-avatar-size-md);height:var(--bh-avatar-size-md)}.feed-item-supporting-text ::slotted(*){border:1px solid var(--bh-feed-item-bubble-border);border-radius:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);padding:var(--spacing-lg);box-shadow:var(--bh-feed-item-bubble-shadow);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.feed-item-supporting-file ::slotted(*){display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background:var(--color-bg-primary)}.feed-item-supporting-labels ::slotted(*){display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}}@layer bh-states{.feed-item{cursor:pointer}}"}},[769,"bh-feed-item",{author:[1],timestamp:[1],content:[1],size:[513],showConnector:[4,"show-connector"],showDot:[4,"show-dot"],showSubtext:[4,"show-subtext"],supportingContent:[1,"supporting-content"],variant:[513],icon:[1],itemTitle:[1,"item-title"]}]);function g(){"undefined"!=typeof customElements&&["bh-feed-item","bh-avatar","bh-badge-dot","bh-featured-icon"].forEach((e=>{switch(e){case"bh-feed-item":customElements.get(s(e))||customElements.define(s(e),p);break;case"bh-avatar":customElements.get(s(e))||n();break;case"bh-badge-dot":customElements.get(s(e))||d();break;case"bh-featured-icon":customElements.get(s(e))||c()}}))}export{p as B,g as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as r,h as s,d as t,t as o}from"./p-YZi6LqIt.js";const a=e(class e extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}value=0;size=50;static MIN_SIZE=48;get effectiveSize(){return Math.max(this.size,e.MIN_SIZE)}strokeWidth=3;get clampedValue(){return Math.min(100,Math.max(0,this.value))}render(){const e=this.clampedValue,r=this.effectiveSize/2,o=Math.max(0,r-this.strokeWidth-1),a=2*Math.PI*o,i=a*(1-e/100);return s(t,{key:"
|
|
1
|
+
import{p as e,H as r,h as s,d as t,t as o}from"./p-YZi6LqIt.js";const a=e(class e extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}value=0;size=50;static MIN_SIZE=48;get effectiveSize(){return Math.max(this.size,e.MIN_SIZE)}strokeWidth=3;get clampedValue(){return Math.min(100,Math.max(0,this.value))}render(){const e=this.clampedValue,r=this.effectiveSize/2,o=Math.max(0,r-this.strokeWidth-1),a=2*Math.PI*o,i=a*(1-e/100);return s(t,{key:"ba84b91c7271b2bd8dac8754bb1b5cd0a7516deb",class:{"progress-ring-complete":e>=100}},s("svg",{key:"0dbc1d81c4c0021999003eb181901e22b1b3df35","aria-label":`Progress: ${e}%`,"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":`${e}`,height:`${this.effectiveSize}`,role:"progressbar",viewBox:`0 0 ${this.effectiveSize} ${this.effectiveSize}`,width:`${this.effectiveSize}`},s("circle",{key:"b3f0cbd98a0afa880aedd279bb9a66ba8b419d51",class:"progress-ring-bg",cx:`${r}`,cy:`${r}`,fill:"none",r:`${o}`,"stroke-width":`${this.strokeWidth}`}),s("circle",{key:"bec1347c035e0ebdc6a3e37b30149009604232e6",class:"progress-ring-fg",cx:`${r}`,cy:`${r}`,fill:"none",r:`${o}`,"stroke-dasharray":`${a}`,"stroke-dashoffset":`${i}`,"stroke-linecap":"round","stroke-width":`${this.strokeWidth}`,transform:`rotate(-90 ${r} ${r})`}),s("text",{key:"a3fbed3bb2dcaa09fcca00ae06e588d74071ce7c",class:"progress-ring-text","dominant-baseline":"central","text-anchor":"middle",x:"50%",y:"50%"},e,"%")))}static get style(){return'@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}}'}},[513,"bh-progress-ring",{value:[2],size:[2],strokeWidth:[2,"stroke-width"]}]);function i(){"undefined"!=typeof customElements&&["bh-progress-ring"].forEach((e=>{"bh-progress-ring"===e&&(customElements.get(o(e))||customElements.define(o(e),a))}))}export{a as B,i as d}
|