@actabldesign/bellhop-core 0.0.8 → 0.0.12
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/README.md +132 -33
- package/components/bh-accordion-item.js +1 -1
- package/components/bh-avatar-add.js +1 -1
- package/components/bh-avatar-stacked.js +3 -3
- package/components/bh-avatar.js +1 -1
- package/components/bh-button.js +1 -1
- package/components/bh-card-header.js +1 -1
- package/components/bh-card.js +1 -1
- package/components/bh-checkbox-group-item.js +5 -5
- package/components/bh-checkbox.js +1 -1
- package/components/bh-data-grid.js +140 -67
- package/components/bh-data-grid.js.map +1 -1
- package/components/bh-date-picker-content.js +1 -1
- package/components/bh-date-picker.js +24 -19
- package/components/bh-date-picker.js.map +1 -1
- package/components/bh-date-range-picker-content.js +1 -1
- package/components/bh-date-range-picker.js +9 -9
- package/components/bh-dropdown-menu.js +1 -1
- package/components/bh-dropdown.js +1 -1
- package/components/bh-empty-state.js +1 -1
- package/components/bh-featured-icon.js +1 -1
- package/components/bh-illustrations.js +3 -3
- package/components/bh-input-autocomplete.js +7 -7
- package/components/bh-input-number.js +3 -3
- package/components/bh-input-password.js +3 -3
- package/components/bh-input-text.js +1 -1
- package/components/bh-input-verification.js +3 -3
- package/components/bh-label.js +1 -1
- package/components/bh-logo-box.js +1 -1
- package/components/bh-modal-actions.js +2 -2
- package/components/bh-modal-header.js +5 -5
- package/components/bh-month-picker-content.js +1 -1
- package/components/bh-month-picker.js +8 -8
- package/components/bh-month-picker.js.map +1 -1
- package/components/bh-nav-item.js +1 -1
- package/components/bh-notification.js +3 -3
- 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 +5 -5
- 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-popover.js +18 -85
- package/components/bh-popover.js.map +1 -1
- package/components/bh-property-switcher.js +1 -1
- package/components/bh-radio-button.js +1 -1
- package/components/bh-sidebar.js +7 -7
- package/components/bh-skeleton-loader.js +1 -1
- package/components/bh-tab-item.js +2 -2
- package/components/bh-tabs.js +1 -1
- package/components/bh-tag.js +1 -1
- package/components/bh-textarea.js +3 -3
- package/components/bh-toggle.js +1 -1
- package/components/bh-tooltip.js +1 -1
- package/components/bh-trend-chart.js +2 -2
- package/components/index.d.ts +0 -4
- package/components/index.js +0 -2
- package/components/index.js.map +1 -1
- package/components/{p-8bOZFmdg.js → p--S10V0sf.js} +5 -5
- package/components/p--S10V0sf.js.map +1 -0
- package/components/{p-BLCjD0ux.js → p-7nrZFsG8.js} +3 -3
- package/components/{p-BLCjD0ux.js.map → p-7nrZFsG8.js.map} +1 -1
- package/components/{p-C_wf2KGn.js → p-B0ADeWoj.js} +3 -3
- package/components/{p-C_wf2KGn.js.map → p-B0ADeWoj.js.map} +1 -1
- package/components/{p-D9aamyuM.js → p-BEm39SYP.js} +4 -4
- package/components/{p-D9aamyuM.js.map → p-BEm39SYP.js.map} +1 -1
- package/components/{p-BkK6rWZn.js → p-BYRvQ4u7.js} +4 -4
- package/components/{p-BkK6rWZn.js.map → p-BYRvQ4u7.js.map} +1 -1
- package/components/{p-D0Ba0gOA.js → p-BqYBdZ7I.js} +4 -4
- package/components/{p-D0Ba0gOA.js.map → p-BqYBdZ7I.js.map} +1 -1
- package/components/{p-Df8KgHhe.js → p-BrIid8rr.js} +3 -3
- package/components/{p-Df8KgHhe.js.map → p-BrIid8rr.js.map} +1 -1
- package/components/p-BsHlTsAN.js.map +1 -1
- package/components/{p-Npcwl1Z8.js → p-CDmCw7LX.js} +4 -4
- package/components/p-CDmCw7LX.js.map +1 -0
- package/components/{p-BQKx1tGq.js → p-CHYn9whC.js} +6 -6
- package/components/p-CHYn9whC.js.map +1 -0
- package/components/{p-CdwyUif-.js → p-CNwZh1xz.js} +5 -5
- package/components/p-CNwZh1xz.js.map +1 -0
- package/components/{p-B02xFf1P.js → p-CiEBtN9j.js} +3 -3
- package/components/{p-B02xFf1P.js.map → p-CiEBtN9j.js.map} +1 -1
- package/components/{p-Cmo_S3fO.js → p-CiZSLZTA.js} +4 -4
- package/components/{p-Cmo_S3fO.js.map → p-CiZSLZTA.js.map} +1 -1
- package/components/{p-DYC2IZEs.js → p-CmEb-mj5.js} +6 -6
- package/components/{p-DYC2IZEs.js.map → p-CmEb-mj5.js.map} +1 -1
- package/components/{p-Do29ZTL9.js → p-CppjlSaO.js} +3 -3
- package/components/{p-Do29ZTL9.js.map → p-CppjlSaO.js.map} +1 -1
- package/components/{p-D3FuyNC4.js → p-CyFUHAY1.js} +7 -7
- package/components/{p-D3FuyNC4.js.map → p-CyFUHAY1.js.map} +1 -1
- package/components/{p-B0vRPcr5.js → p-D8L5XpBP.js} +3 -3
- package/components/{p-B0vRPcr5.js.map → p-D8L5XpBP.js.map} +1 -1
- package/components/p-DH86TJ99.js +232 -0
- package/components/p-DH86TJ99.js.map +1 -0
- package/components/{p-BJLHKnwL.js → p-DVBd-54W.js} +5 -5
- package/components/{p-BJLHKnwL.js.map → p-DVBd-54W.js.map} +1 -1
- package/components/{p-CMoGgYqw.js → p-DmELCHDa.js} +3 -3
- package/components/p-DmELCHDa.js.map +1 -0
- package/components/{p-Bu0BcHwL.js → p-Du_cCBR7.js} +6 -6
- package/components/{p-Bu0BcHwL.js.map → p-Du_cCBR7.js.map} +1 -1
- package/components/{p-h6juyPoa.js → p-JJSN-gZI.js} +3 -3
- package/components/{p-h6juyPoa.js.map → p-JJSN-gZI.js.map} +1 -1
- package/components/{p-wPu4WTba.js → p-dsE158cF.js} +3 -3
- package/components/{p-wPu4WTba.js.map → p-dsE158cF.js.map} +1 -1
- package/components/{p-C0fcjlnS.js → p-eYcfeTFU.js} +3 -3
- package/components/{p-C0fcjlnS.js.map → p-eYcfeTFU.js.map} +1 -1
- package/components/{p-BSok41i-.js → p-oyeucMe6.js} +3 -3
- package/components/{p-BSok41i-.js.map → p-oyeucMe6.js.map} +1 -1
- package/dist/bellhop-core/bellhop-core.esm.js +1 -1
- package/dist/bellhop-core/bellhop-core.esm.js.map +1 -1
- package/dist/bellhop-core/bh-avatar.entry.esm.js.map +1 -1
- package/dist/bellhop-core/bh-button.bh-loader-spinner.entry.esm.js.map +1 -1
- package/dist/bellhop-core/bh-data-grid.entry.esm.js.map +1 -1
- package/dist/bellhop-core/bh-date-picker-content.entry.esm.js.map +1 -1
- package/dist/bellhop-core/bh-date-picker.entry.esm.js.map +1 -1
- package/dist/bellhop-core/bh-empty-state.bh-pagination.bh-skeleton-loader.entry.esm.js.map +1 -1
- package/dist/bellhop-core/bh-input-text.bh-picker-menu.entry.esm.js.map +1 -1
- package/dist/bellhop-core/bh-label.bh-tooltip.entry.esm.js.map +1 -1
- package/dist/bellhop-core/bh-month-picker-content.entry.esm.js.map +1 -1
- package/dist/bellhop-core/bh-month-picker.entry.esm.js.map +1 -1
- package/dist/bellhop-core/bh-popover.entry.esm.js.map +1 -1
- package/dist/bellhop-core/index.esm.js +1 -1
- package/dist/bellhop-core/index.esm.js.map +1 -1
- package/dist/bellhop-core/{p-Ck1gRAmI.js → p-04a00da6.entry.js} +2 -2
- package/dist/bellhop-core/p-04a00da6.entry.js.map +1 -0
- package/dist/bellhop-core/{p-bd00d5ad.entry.js → p-06b0ba5f.entry.js} +2 -2
- package/dist/bellhop-core/{p-4a8844ff.entry.js → p-0a232a85.entry.js} +2 -2
- package/dist/bellhop-core/p-0d5ce369.entry.js +13 -0
- package/dist/bellhop-core/p-0d5ce369.entry.js.map +1 -0
- package/dist/bellhop-core/{p-67956598.entry.js → p-0e773f4b.entry.js} +2 -2
- package/dist/bellhop-core/{p-df4498cd.entry.js → p-11e84742.entry.js} +2 -2
- package/dist/bellhop-core/{p-a41b3673.entry.js → p-20e65b2b.entry.js} +2 -2
- package/dist/bellhop-core/{p-a30e22f7.entry.js → p-2349cd39.entry.js} +2 -2
- package/dist/bellhop-core/{p-3a1c52a9.entry.js → p-2cc352e8.entry.js} +2 -2
- package/dist/bellhop-core/{p-defe9916.entry.js → p-31f60dac.entry.js} +2 -2
- package/dist/bellhop-core/{p-defe9916.entry.js.map → p-31f60dac.entry.js.map} +1 -1
- package/dist/bellhop-core/{p-f85a9eaa.entry.js → p-439f8477.entry.js} +2 -2
- package/dist/bellhop-core/{p-a42e8ddb.entry.js → p-4bc0e720.entry.js} +2 -2
- package/dist/bellhop-core/{p-a42e8ddb.entry.js.map → p-4bc0e720.entry.js.map} +1 -1
- package/dist/bellhop-core/{p-21bc4f77.entry.js → p-4cf74f24.entry.js} +2 -2
- package/dist/bellhop-core/p-53dbd8bd.entry.js +2 -0
- package/dist/bellhop-core/p-53dbd8bd.entry.js.map +1 -0
- package/dist/bellhop-core/p-59e4c008.entry.js +2 -0
- package/dist/bellhop-core/p-59e4c008.entry.js.map +1 -0
- package/dist/bellhop-core/{p-62235d6e.entry.js → p-5a0b2d81.entry.js} +2 -2
- package/dist/bellhop-core/{p-07c9b7fa.entry.js → p-6626f089.entry.js} +2 -2
- package/dist/bellhop-core/{p-36166900.entry.js → p-6b428841.entry.js} +2 -2
- package/dist/bellhop-core/{p-6bc81ebb.entry.js → p-6d4c6b6f.entry.js} +2 -2
- package/dist/bellhop-core/{p-c0e36166.entry.js → p-6dad737e.entry.js} +2 -2
- package/dist/bellhop-core/{p-5c4f74b8.entry.js → p-738f24c8.entry.js} +2 -2
- package/dist/bellhop-core/{p-49edd1bb.entry.js → p-7534a8d4.entry.js} +2 -2
- package/dist/bellhop-core/p-7b0a4c99.entry.js +2 -0
- package/dist/bellhop-core/{p-7a85db89.entry.js.map → p-7b0a4c99.entry.js.map} +1 -1
- package/dist/bellhop-core/{p-7b0cba50.entry.js → p-84ecaf3b.entry.js} +2 -2
- package/dist/bellhop-core/{p-DY76Ee-p.js → p-940af1e0.entry.js} +2 -2
- package/dist/bellhop-core/p-940af1e0.entry.js.map +1 -0
- package/dist/bellhop-core/p-c0dfca99.entry.js +2 -0
- package/dist/bellhop-core/{p-4e483d25.entry.js.map → p-c0dfca99.entry.js.map} +1 -1
- package/dist/bellhop-core/{p-d5bf49ab.entry.js → p-cad28e7e.entry.js} +2 -2
- package/dist/bellhop-core/{p-1540001e.entry.js → p-cb0e4e35.entry.js} +2 -2
- package/dist/bellhop-core/{p-091171da.entry.js → p-ce2aaf37.entry.js} +2 -2
- package/dist/bellhop-core/p-d64525f4.entry.js +2 -0
- package/dist/bellhop-core/p-d64525f4.entry.js.map +1 -0
- package/dist/bellhop-core/{p-a9c914ee.entry.js → p-e0f7b6d1.entry.js} +2 -2
- package/dist/bellhop-core/{p-b0dda4df.entry.js → p-e83a86d6.entry.js} +2 -2
- package/dist/bellhop-core/{p-2db7990e.entry.js → p-e96e5aa3.entry.js} +2 -2
- package/dist/bellhop-core/{p-c70d11a2.entry.js → p-ed780663.entry.js} +2 -2
- package/dist/bellhop-core/p-f30af956.entry.js +2 -0
- package/dist/bellhop-core/{p-ffb29d95.entry.js.map → p-f30af956.entry.js.map} +1 -1
- package/dist/bellhop-core/{p-0e34250c.entry.js → p-f4dd33af.entry.js} +2 -2
- package/dist/bellhop-core/{p-1be3e908.entry.js → p-fe7d5dcb.entry.js} +2 -2
- package/dist/bellhop-core/p-nAAobRRQ.js.map +1 -1
- package/dist/cjs/bellhop-core.cjs.js +1 -1
- package/dist/cjs/bellhop-core.cjs.js.map +1 -1
- package/dist/cjs/bh-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/bh-autocomplete-menu_2.cjs.entry.js +1 -1
- package/dist/cjs/bh-avatar.cjs.entry.js +1 -1
- package/dist/cjs/bh-avatar.entry.cjs.js.map +1 -1
- package/dist/cjs/bh-button.bh-loader-spinner.entry.cjs.js.map +1 -1
- package/dist/cjs/bh-button_2.cjs.entry.js +110 -2
- package/dist/cjs/bh-card.cjs.entry.js +1 -1
- package/dist/cjs/bh-data-grid.cjs.entry.js +132 -59
- package/dist/cjs/bh-data-grid.entry.cjs.js.map +1 -1
- package/dist/cjs/bh-date-picker-content.cjs.entry.js +2 -2
- package/dist/cjs/bh-date-picker-content.entry.cjs.js.map +1 -1
- package/dist/cjs/bh-date-picker.cjs.entry.js +15 -12
- package/dist/cjs/bh-date-picker.entry.cjs.js.map +1 -1
- package/dist/cjs/bh-date-range-picker-content.cjs.entry.js +1 -1
- package/dist/cjs/bh-date-range-picker.cjs.entry.js +1 -1
- package/dist/cjs/bh-dropdown_3.cjs.entry.js +4 -4
- package/dist/cjs/bh-empty-state.bh-pagination.bh-skeleton-loader.entry.cjs.js.map +1 -1
- package/dist/cjs/bh-empty-state_3.cjs.entry.js +199 -6
- package/dist/cjs/bh-featured-icon.cjs.entry.js +1 -1
- package/dist/cjs/bh-illustrations.cjs.entry.js +3 -3
- package/dist/cjs/bh-input-autocomplete.cjs.entry.js +2 -2
- package/dist/cjs/bh-input-number.cjs.entry.js +1 -1
- package/dist/cjs/bh-input-password.cjs.entry.js +1 -1
- package/dist/cjs/bh-input-text.bh-picker-menu.entry.cjs.js.map +1 -1
- package/dist/cjs/bh-input-text_2.cjs.entry.js +2 -2
- package/dist/cjs/bh-input-verification.cjs.entry.js +1 -1
- package/dist/cjs/bh-label.bh-tooltip.entry.cjs.js.map +1 -1
- package/dist/cjs/bh-label_2.cjs.entry.js +104 -3
- package/dist/cjs/bh-modal-actions.cjs.entry.js +1 -1
- package/dist/cjs/bh-modal-header.cjs.entry.js +4 -4
- package/dist/cjs/bh-month-picker-content.cjs.entry.js +2 -2
- package/dist/cjs/bh-month-picker-content.entry.cjs.js.map +1 -1
- package/dist/cjs/bh-month-picker.cjs.entry.js +2 -2
- package/dist/cjs/bh-month-picker.entry.cjs.js.map +1 -1
- package/dist/cjs/bh-notification.cjs.entry.js +1 -1
- package/dist/cjs/bh-page-navigation-child.cjs.entry.js +1 -1
- package/dist/cjs/bh-page-navigation-multi-level_2.cjs.entry.js +3 -3
- package/dist/cjs/bh-page-navigation.cjs.entry.js +1 -1
- package/dist/cjs/bh-pie-chart.cjs.entry.js +1 -1
- package/dist/cjs/bh-popover.cjs.entry.js +14 -76
- package/dist/cjs/bh-popover.entry.cjs.js.map +1 -1
- package/dist/cjs/bh-property-switcher.cjs.entry.js +1 -1
- package/dist/cjs/bh-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/bh-tab-item.cjs.entry.js +2 -2
- package/dist/cjs/bh-tabs.cjs.entry.js +1 -1
- package/dist/cjs/bh-textarea.cjs.entry.js +1 -1
- package/dist/cjs/bh-toggle.cjs.entry.js +1 -1
- package/dist/cjs/bh-trend-chart.cjs.entry.js +2 -2
- package/dist/cjs/index-DQwSUT6k.js +42 -50
- package/dist/cjs/index-DQwSUT6k.js.map +1 -1
- package/dist/cjs/index.cjs.js +0 -31
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -3
- package/dist/collection/components/bh-accordion/bh-accordion.js +1 -1
- package/dist/collection/components/bh-accordion-item/bh-accordion-item.js +1 -1
- package/dist/collection/components/bh-appbar/bh-appbar.js +2 -2
- package/dist/collection/components/bh-autocomplete-menu/bh-autocomplete-menu.js +2 -2
- package/dist/collection/components/bh-avatar/bh-avatar.css +0 -1
- package/dist/collection/components/bh-avatar/bh-avatar.js +3 -3
- package/dist/collection/components/bh-avatar-add/bh-avatar-add.js +1 -1
- package/dist/collection/components/bh-avatar-stacked/bh-avatar-stacked.js +1 -1
- package/dist/collection/components/bh-badge/bh-badge.js +3 -3
- package/dist/collection/components/bh-badge-dot/bh-badge-dot.js +2 -2
- package/dist/collection/components/bh-bar-chart/bh-bar-chart.js +3 -3
- package/dist/collection/components/bh-breadcrumbs/bh-breadcrumbs.js +2 -2
- package/dist/collection/components/bh-button/bh-button.js +7 -7
- package/dist/collection/components/bh-button/bh-button.js.map +1 -1
- package/dist/collection/components/bh-button-icon/bh-button-icon.js +3 -3
- package/dist/collection/components/bh-card/bh-card.js +1 -1
- package/dist/collection/components/bh-card-footer/bh-card-footer.js +1 -1
- package/dist/collection/components/bh-card-header/bh-card-header.js +2 -2
- package/dist/collection/components/bh-chart-tooltip/bh-chart-tooltip.js +1 -1
- package/dist/collection/components/bh-checkbox/bh-checkbox.js +1 -1
- package/dist/collection/components/bh-checkbox-group/bh-checkbox-group.js +1 -1
- package/dist/collection/components/bh-checkbox-group-item/bh-checkbox-group-item.js +2 -2
- package/dist/collection/components/bh-data-grid/bh-data-grid.css +86 -68
- package/dist/collection/components/bh-data-grid/bh-data-grid.js +132 -59
- package/dist/collection/components/bh-data-grid/bh-data-grid.js.map +1 -1
- package/dist/collection/components/bh-date-picker/bh-date-picker.css +24 -214
- package/dist/collection/components/bh-date-picker/bh-date-picker.js +22 -12
- package/dist/collection/components/bh-date-picker/bh-date-picker.js.map +1 -1
- package/dist/collection/components/bh-date-picker-content/bh-date-picker-content.css +0 -206
- package/dist/collection/components/bh-date-picker-content/bh-date-picker-content.js +7 -7
- package/dist/collection/components/bh-date-range-picker/bh-date-range-picker.js +2 -2
- package/dist/collection/components/bh-date-range-picker-content/bh-date-range-picker-content.js +4 -4
- package/dist/collection/components/bh-dropdown/bh-dropdown.js +5 -5
- package/dist/collection/components/bh-dropdown-menu/bh-dropdown-menu.js +3 -3
- package/dist/collection/components/bh-empty-state/bh-empty-state.js +2 -2
- package/dist/collection/components/bh-featured-icon/bh-featured-icon.js +4 -4
- package/dist/collection/components/bh-illustrations/bh-illustrations.js +4 -4
- package/dist/collection/components/bh-input-autocomplete/bh-input-autocomplete.js +3 -3
- package/dist/collection/components/bh-input-number/bh-input-number.js +1 -1
- package/dist/collection/components/bh-input-password/bh-input-password.js +1 -1
- package/dist/collection/components/bh-input-text/bh-input-text.js +1 -1
- package/dist/collection/components/bh-input-verification/bh-input-verification.js +3 -3
- package/dist/collection/components/bh-label/bh-label.js +1 -1
- package/dist/collection/components/bh-loader-spinner/bh-loader-spinner.js +2 -2
- package/dist/collection/components/bh-logo-box/bh-logo-box.js +2 -2
- package/dist/collection/components/bh-modal/bh-modal.js +1 -1
- package/dist/collection/components/bh-modal-actions/bh-modal-actions.js +2 -2
- package/dist/collection/components/bh-modal-header/bh-modal-header.js +4 -4
- package/dist/collection/components/bh-month-picker/bh-month-picker.css +0 -206
- package/dist/collection/components/bh-month-picker/bh-month-picker.js +2 -2
- package/dist/collection/components/bh-month-picker-content/bh-month-picker-content.css +0 -206
- package/dist/collection/components/bh-month-picker-content/bh-month-picker-content.js +5 -5
- package/dist/collection/components/bh-notification/bh-notification.js +2 -2
- package/dist/collection/components/bh-page-navigation/bh-page-navigation.js +2 -2
- package/dist/collection/components/bh-page-navigation-child/bh-page-navigation-child.js +1 -1
- package/dist/collection/components/bh-page-navigation-multi-level/bh-page-navigation-multi-level.js +3 -3
- package/dist/collection/components/bh-page-navigation-single-level/bh-page-navigation-single-level.js +1 -1
- package/dist/collection/components/bh-pagination/bh-pagination.css +122 -58
- package/dist/collection/components/bh-pagination/bh-pagination.js +74 -30
- package/dist/collection/components/bh-pagination/bh-pagination.js.map +1 -1
- package/dist/collection/components/bh-picker-menu/bh-picker-menu.css +1 -3
- package/dist/collection/components/bh-pie-chart/bh-pie-chart.js +3 -3
- package/dist/collection/components/bh-popover/bh-popover.css +77 -260
- package/dist/collection/components/bh-popover/bh-popover.js +33 -238
- package/dist/collection/components/bh-popover/bh-popover.js.map +1 -1
- package/dist/collection/components/bh-product-switcher/bh-product-switcher.js +3 -3
- package/dist/collection/components/bh-property-switcher/bh-property-switcher.js +3 -3
- package/dist/collection/components/bh-radio-button/bh-radio-button.js +1 -1
- package/dist/collection/components/bh-sidebar/bh-nav-item.js +1 -1
- package/dist/collection/components/bh-sidebar/bh-sidebar.js +4 -4
- package/dist/collection/components/bh-skeleton-loader/bh-skeleton-loader.css +9 -22
- package/dist/collection/components/bh-skeleton-loader/bh-skeleton-loader.js +2 -2
- package/dist/collection/components/bh-skeleton-loader/bh-skeleton-loader.js.map +1 -1
- package/dist/collection/components/bh-tab-item/bh-tab-item.js +2 -2
- package/dist/collection/components/bh-tabs/bh-tabs.js +3 -3
- package/dist/collection/components/bh-tag/bh-tag.js +3 -3
- package/dist/collection/components/bh-textarea/bh-textarea.js +2 -2
- package/dist/collection/components/bh-toggle/bh-toggle.js +2 -2
- package/dist/collection/components/bh-tooltip/bh-tooltip.js +3 -3
- package/dist/collection/components/bh-trend-chart/bh-trend-chart.js +4 -4
- package/dist/collection/index.js +1 -23
- package/dist/collection/index.js.map +1 -1
- package/dist/esm/bellhop-core.js +1 -1
- package/dist/esm/bellhop-core.js.map +1 -1
- package/dist/esm/bh-accordion-item.entry.js +1 -1
- package/dist/esm/bh-autocomplete-menu_2.entry.js +1 -1
- package/dist/esm/bh-avatar.entry.js +1 -1
- package/dist/esm/bh-avatar.entry.js.map +1 -1
- package/dist/esm/bh-button.bh-loader-spinner.entry.js.map +1 -1
- package/dist/esm/bh-button_2.entry.js +111 -3
- package/dist/esm/bh-card.entry.js +1 -1
- package/dist/esm/bh-data-grid.entry.js +132 -59
- package/dist/esm/bh-data-grid.entry.js.map +1 -1
- package/dist/esm/bh-date-picker-content.entry.js +2 -2
- package/dist/esm/bh-date-picker-content.entry.js.map +1 -1
- package/dist/esm/bh-date-picker.entry.js +16 -13
- package/dist/esm/bh-date-picker.entry.js.map +1 -1
- package/dist/esm/bh-date-range-picker-content.entry.js +1 -1
- package/dist/esm/bh-date-range-picker.entry.js +1 -1
- package/dist/esm/bh-dropdown_3.entry.js +4 -4
- package/dist/esm/bh-empty-state.bh-pagination.bh-skeleton-loader.entry.js.map +1 -1
- package/dist/esm/bh-empty-state_3.entry.js +199 -6
- package/dist/esm/bh-featured-icon.entry.js +1 -1
- package/dist/esm/bh-illustrations.entry.js +3 -3
- package/dist/esm/bh-input-autocomplete.entry.js +2 -2
- package/dist/esm/bh-input-number.entry.js +1 -1
- package/dist/esm/bh-input-password.entry.js +1 -1
- package/dist/esm/bh-input-text.bh-picker-menu.entry.js.map +1 -1
- package/dist/esm/bh-input-text_2.entry.js +2 -2
- package/dist/esm/bh-input-verification.entry.js +1 -1
- package/dist/esm/bh-label.bh-tooltip.entry.js.map +1 -1
- package/dist/esm/bh-label_2.entry.js +105 -4
- package/dist/esm/bh-modal-actions.entry.js +1 -1
- package/dist/esm/bh-modal-header.entry.js +4 -4
- package/dist/esm/bh-month-picker-content.entry.js +2 -2
- package/dist/esm/bh-month-picker-content.entry.js.map +1 -1
- package/dist/esm/bh-month-picker.entry.js +2 -2
- package/dist/esm/bh-month-picker.entry.js.map +1 -1
- package/dist/esm/bh-notification.entry.js +1 -1
- package/dist/esm/bh-page-navigation-child.entry.js +1 -1
- package/dist/esm/bh-page-navigation-multi-level_2.entry.js +3 -3
- package/dist/esm/bh-page-navigation.entry.js +1 -1
- package/dist/esm/bh-pie-chart.entry.js +1 -1
- package/dist/esm/bh-popover.entry.js +15 -77
- package/dist/esm/bh-popover.entry.js.map +1 -1
- package/dist/esm/bh-property-switcher.entry.js +1 -1
- package/dist/esm/bh-sidebar.entry.js +1 -1
- package/dist/esm/bh-tab-item.entry.js +2 -2
- package/dist/esm/bh-tabs.entry.js +1 -1
- package/dist/esm/bh-textarea.entry.js +1 -1
- package/dist/esm/bh-toggle.entry.js +1 -1
- package/dist/esm/bh-trend-chart.entry.js +2 -2
- package/dist/esm/index-nAAobRRQ.js +42 -50
- package/dist/esm/index-nAAobRRQ.js.map +1 -1
- package/dist/esm/index.js +1 -15
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/bh-date-picker/bh-date-picker.d.ts +11 -1
- package/dist/types/components/bh-pagination/bh-pagination.d.ts +7 -7
- package/dist/types/components/bh-popover/bh-popover.d.ts +9 -49
- package/dist/types/components.d.ts +43 -193
- package/dist/types/index.d.ts +13 -13
- package/hydrate/index.js +283 -297
- package/hydrate/index.mjs +283 -297
- package/llms.txt +22000 -1428
- package/package.json +1 -1
- package/components/bh-container-footer.d.ts +0 -11
- package/components/bh-container-footer.js +0 -73
- package/components/bh-container-footer.js.map +0 -1
- package/components/bh-container.d.ts +0 -11
- package/components/bh-container.js +0 -48
- package/components/bh-container.js.map +0 -1
- package/components/p-8bOZFmdg.js.map +0 -1
- package/components/p-BQKx1tGq.js.map +0 -1
- package/components/p-CMoGgYqw.js.map +0 -1
- package/components/p-CdwyUif-.js.map +0 -1
- package/components/p-Npcwl1Z8.js.map +0 -1
- package/components/p-WibqGBGu.js +0 -182
- package/components/p-WibqGBGu.js.map +0 -1
- package/dist/bellhop-core/bh-container-footer.entry.esm.js.map +0 -1
- package/dist/bellhop-core/bh-container.entry.esm.js.map +0 -1
- package/dist/bellhop-core/p-233540f9.entry.js +0 -13
- package/dist/bellhop-core/p-233540f9.entry.js.map +0 -1
- package/dist/bellhop-core/p-3194a87d.entry.js +0 -2
- package/dist/bellhop-core/p-3194a87d.entry.js.map +0 -1
- package/dist/bellhop-core/p-43c41dfb.entry.js +0 -2
- package/dist/bellhop-core/p-43c41dfb.entry.js.map +0 -1
- package/dist/bellhop-core/p-4e483d25.entry.js +0 -2
- package/dist/bellhop-core/p-5514d7fb.entry.js +0 -2
- package/dist/bellhop-core/p-5514d7fb.entry.js.map +0 -1
- package/dist/bellhop-core/p-7a85db89.entry.js +0 -2
- package/dist/bellhop-core/p-80e07b3d.entry.js +0 -2
- package/dist/bellhop-core/p-80e07b3d.entry.js.map +0 -1
- package/dist/bellhop-core/p-8962e1a6.entry.js +0 -2
- package/dist/bellhop-core/p-8962e1a6.entry.js.map +0 -1
- package/dist/bellhop-core/p-CSYwm_Ke.js +0 -2
- package/dist/bellhop-core/p-CSYwm_Ke.js.map +0 -1
- package/dist/bellhop-core/p-Ck1gRAmI.js.map +0 -1
- package/dist/bellhop-core/p-DY76Ee-p.js.map +0 -1
- package/dist/bellhop-core/p-b878539a.entry.js +0 -2
- package/dist/bellhop-core/p-b878539a.entry.js.map +0 -1
- package/dist/bellhop-core/p-c33f6e73.entry.js +0 -2
- package/dist/bellhop-core/p-c33f6e73.entry.js.map +0 -1
- package/dist/bellhop-core/p-ffb29d95.entry.js +0 -2
- package/dist/cjs/bh-button-DD0c0ODJ.js +0 -117
- package/dist/cjs/bh-button-DD0c0ODJ.js.map +0 -1
- package/dist/cjs/bh-container-footer.cjs.entry.js +0 -38
- package/dist/cjs/bh-container-footer.entry.cjs.js.map +0 -1
- package/dist/cjs/bh-container.cjs.entry.js +0 -26
- package/dist/cjs/bh-container.entry.cjs.js.map +0 -1
- package/dist/cjs/bh-label-MpXjm9k0.js +0 -110
- package/dist/cjs/bh-label-MpXjm9k0.js.map +0 -1
- package/dist/cjs/bh-pagination-CgER63yz.js +0 -152
- package/dist/cjs/bh-pagination-CgER63yz.js.map +0 -1
- package/dist/collection/components/bh-container/bh-container.css +0 -21
- package/dist/collection/components/bh-container/bh-container.js +0 -51
- package/dist/collection/components/bh-container/bh-container.js.map +0 -1
- package/dist/collection/components/bh-container-footer/bh-container-footer.css +0 -22
- package/dist/collection/components/bh-container-footer/bh-container-footer.js +0 -106
- package/dist/collection/components/bh-container-footer/bh-container-footer.js.map +0 -1
- package/dist/esm/bh-button-ImGVvXaj.js +0 -115
- package/dist/esm/bh-button-ImGVvXaj.js.map +0 -1
- package/dist/esm/bh-container-footer.entry.js +0 -36
- package/dist/esm/bh-container-footer.entry.js.map +0 -1
- package/dist/esm/bh-container.entry.js +0 -24
- package/dist/esm/bh-container.entry.js.map +0 -1
- package/dist/esm/bh-label-PLT7t4We.js +0 -108
- package/dist/esm/bh-label-PLT7t4We.js.map +0 -1
- package/dist/esm/bh-pagination-CUeRSYsV.js +0 -150
- package/dist/esm/bh-pagination-CUeRSYsV.js.map +0 -1
- package/dist/types/components/bh-container/bh-container.d.ts +0 -7
- package/dist/types/components/bh-container-footer/bh-container-footer.d.ts +0 -18
- /package/dist/bellhop-core/{p-bd00d5ad.entry.js.map → p-06b0ba5f.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-4a8844ff.entry.js.map → p-0a232a85.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-67956598.entry.js.map → p-0e773f4b.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-df4498cd.entry.js.map → p-11e84742.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-a41b3673.entry.js.map → p-20e65b2b.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-a30e22f7.entry.js.map → p-2349cd39.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-3a1c52a9.entry.js.map → p-2cc352e8.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-f85a9eaa.entry.js.map → p-439f8477.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-21bc4f77.entry.js.map → p-4cf74f24.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-62235d6e.entry.js.map → p-5a0b2d81.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-07c9b7fa.entry.js.map → p-6626f089.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-36166900.entry.js.map → p-6b428841.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-6bc81ebb.entry.js.map → p-6d4c6b6f.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-c0e36166.entry.js.map → p-6dad737e.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-5c4f74b8.entry.js.map → p-738f24c8.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-49edd1bb.entry.js.map → p-7534a8d4.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-7b0cba50.entry.js.map → p-84ecaf3b.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-d5bf49ab.entry.js.map → p-cad28e7e.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-1540001e.entry.js.map → p-cb0e4e35.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-091171da.entry.js.map → p-ce2aaf37.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-a9c914ee.entry.js.map → p-e0f7b6d1.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-b0dda4df.entry.js.map → p-e83a86d6.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-2db7990e.entry.js.map → p-e96e5aa3.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-c70d11a2.entry.js.map → p-ed780663.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-0e34250c.entry.js.map → p-f4dd33af.entry.js.map} +0 -0
- /package/dist/bellhop-core/{p-1be3e908.entry.js.map → p-fe7d5dcb.entry.js.map} +0 -0
package/hydrate/index.js
CHANGED
|
@@ -3568,7 +3568,7 @@ class BhAccordionItem {
|
|
|
3568
3568
|
'accordion-item-animating': this.isAnimating,
|
|
3569
3569
|
};
|
|
3570
3570
|
const iconName = this.expanded ? 'expand_less' : 'expand_more';
|
|
3571
|
-
return (hAsync(Host, { key: '
|
|
3571
|
+
return (hAsync(Host, { key: 'f842ac74a60bbaebc9c6d8a1c847b8a5dc2611de', class: hostClasses }, hAsync("div", { key: '92262b9e3fec2035888b1bc761f1b0df08a50714', class: "accordion-header", part: "header", role: "button", tabindex: this.disabled ? -1 : 0, "aria-expanded": this.expanded ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": `content-${this.value}`, onClick: this.handleHeaderClick, onKeyDown: this.handleKeyDown }, hAsync("div", { key: '2f2a94ab802a808f74201feb321e2cd3ea509ea7', class: "accordion-header-content" }, hAsync("span", { key: '7af3dc170f4249ac8d968482c9cb66bab5d9a68e', class: "accordion-title", part: "title" }, this.header)), hAsync("span", { key: '75be6a39b8fa1a64316e3853ddfbc0dd6030a4b0', class: "accordion-icon material-symbols-outlined", part: "icon" }, iconName)), hAsync("div", { key: '7449ddf43d5921bddf50e4798934002003e8a3d7', id: `content-${this.value}`, class: "accordion-content", part: "content", role: "region", "aria-labelledby": `header-${this.value}`, "aria-hidden": !this.expanded ? 'true' : 'false' }, hAsync("div", { key: 'd5451eea049596360358354bbe3df957e40c1df4', class: "accordion-content-inner" }, hAsync("slot", { key: 'a09a01d6f299fb52ff7c2c28bf72fcf286b31a97' })))));
|
|
3572
3572
|
}
|
|
3573
3573
|
static get watchers() { return {
|
|
3574
3574
|
"expanded": ["handleExpandedChange"]
|
|
@@ -3816,7 +3816,7 @@ class BhAutocompleteMenu {
|
|
|
3816
3816
|
}; }
|
|
3817
3817
|
}
|
|
3818
3818
|
|
|
3819
|
-
const bhAvatarCss = ":host{display:inline-block}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-neutral-100);flex-shrink:0}.avatar-xxs{width:16px;height:16px}.avatar-xs{width:24px;height:24px}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:48px;height:48px}.avatar-xl{width:56px;height:56px}.avatar-2xl{width:64px;height:64px}.avatar-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;pointer-events:none
|
|
3819
|
+
const bhAvatarCss = ":host{display:inline-block}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-neutral-100);flex-shrink:0}.avatar-xxs{width:16px;height:16px}.avatar-xs{width:24px;height:24px}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:48px;height:48px}.avatar-xl{width:56px;height:56px}.avatar-2xl{width:64px;height:64px}.avatar-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;pointer-events:none}.avatar-xs .avatar-border,.avatar-sm .avatar-border{border:0.5px solid var(--color-neutral-400)}.avatar-md .avatar-border,.avatar-lg .avatar-border,.avatar-xl .avatar-border,.avatar-2xl .avatar-border{border:0.75px solid var(--color-neutral-400)}.avatar-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;z-index:0}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;aspect-ratio:1 / 1}.avatar-placeholder-icon{color:var(--color-neutral-500);line-height:1;display:flex;align-items:center;justify-content:center}.avatar-text{color:var(--color-neutral-500);font-family:var(--font-inter);font-weight:var(--weight-semibold);text-align:center;line-height:1}.text-xxs{font-size:10px;line-height:1.6em}.text-xs{font-size:12px;line-height:1.5em}.text-sm{font-size:var(--text-sm-size);line-height:var(--text-sm-line)}.text-md{font-size:var(--text-md-size);line-height:var(--text-md-line)}.text-lg{font-size:18px;line-height:1.56em}.text-xl{font-size:20px;line-height:1.5em}.text-2xl{font-size:24px;line-height:1.33em}.icon-sm{font-size:16px}.icon-md{font-size:20px}.icon-lg{font-size:24px}.icon-xl{font-size:28px}.icon-2xl{font-size:32px}.icon-3xl{font-size:36px}.icon-4xl{font-size:40px}.avatar-status{position:absolute;border-radius:50%;background-color:var(--color-success-500);border:1.5px solid var(--color-white);z-index:2}.avatar-status-online{background-color:var(--color-success-500)}.avatar-status-offline{background-color:var(--color-neutral-400)}.avatar-status-xxs{width:4px;height:4px;bottom:0;right:0}.avatar-status-xs{width:6px;height:6px;bottom:0;right:0}.avatar-status-sm{width:8px;height:8px;bottom:0;right:0}.avatar-status-md{width:10px;height:10px;bottom:0;right:0}.avatar-status-lg{width:12px;height:12px;bottom:0;right:0}.avatar-status-xl{width:14px;height:14px;bottom:0;right:0}.avatar-status-2xl{width:16px;height:16px;bottom:0;right:0}";
|
|
3820
3820
|
|
|
3821
3821
|
class BhAvatar {
|
|
3822
3822
|
constructor(hostRef) {
|
|
@@ -4541,7 +4541,7 @@ class BhButton {
|
|
|
4541
4541
|
/**
|
|
4542
4542
|
* The size of the button
|
|
4543
4543
|
*/
|
|
4544
|
-
size = '
|
|
4544
|
+
size = 'sm';
|
|
4545
4545
|
/**
|
|
4546
4546
|
* Fallback text label (used only if no slot content is provided)
|
|
4547
4547
|
*/
|
|
@@ -4767,7 +4767,7 @@ class BhCard {
|
|
|
4767
4767
|
const contentStyle = {
|
|
4768
4768
|
minHeight: `${this.contentMinHeight}px`,
|
|
4769
4769
|
};
|
|
4770
|
-
return (hAsync(Host, { key: '
|
|
4770
|
+
return (hAsync(Host, { key: '31c722ab510a95909c875f389116ff547f3fb119' }, hAsync("div", { key: 'b5390ca668bd29974154f7b0b831a4ce98b45394', class: "card" }, this.showHeader && (hAsync("div", { key: 'df7f16b333cb5b8f651175c6c8299b35b90e16f2', class: "card-header-slot" }, hAsync("slot", { key: '978b518b1ae6087bcb96846aa5c802524748bd14', name: "header" }))), hAsync("div", { key: '7a1b7437e801d9b547d7bcd45639baf0774c34d7', class: "card-content", style: contentStyle }, hAsync("slot", { key: '6c22feff58b21f0aec25c6f547d1443bf1f88f9d' }), !this.hasContent && (hAsync("div", { key: '4b42011a00526f859a967a07fefd028cf9903f41', class: "card-content-placeholder" }, hAsync("span", { key: '25fc157be159aae504164dd4dcb0faa9df632756', class: "card-placeholder-text" }, this.placeholderText)))), this.showFooter && (hAsync("div", { key: '115e111772a1446b874e6f02f025fde54becd0a3', class: "card-footer-slot" }, hAsync("slot", { key: '2cd029465310d2db438a684a3f6009e234b14c1b', name: "footer" }))))));
|
|
4771
4771
|
}
|
|
4772
4772
|
static get style() { return bhCardCss; }
|
|
4773
4773
|
static get cmpMeta() { return {
|
|
@@ -5461,79 +5461,6 @@ class BhCheckboxGroupItem {
|
|
|
5461
5461
|
}; }
|
|
5462
5462
|
}
|
|
5463
5463
|
|
|
5464
|
-
const bhContainerCss = ":host{display:block}.container{display:flex;flex-direction:column;gap:var(--spacing-2xl);padding:var(--spacing-2xl);background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);width:fit-content;font-family:var(--font-inter)}.container-with-footer{border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) var(--radius-none) var(--radius-none)}";
|
|
5465
|
-
|
|
5466
|
-
class BhContainer {
|
|
5467
|
-
constructor(hostRef) {
|
|
5468
|
-
registerInstance(this, hostRef);
|
|
5469
|
-
}
|
|
5470
|
-
/**
|
|
5471
|
-
* Whether the container has a footer attached (removes bottom border radius and border)
|
|
5472
|
-
*/
|
|
5473
|
-
withFooter = false;
|
|
5474
|
-
render() {
|
|
5475
|
-
const containerClasses = {
|
|
5476
|
-
'container': true,
|
|
5477
|
-
'container-with-footer': this.withFooter,
|
|
5478
|
-
};
|
|
5479
|
-
return (hAsync("div", { key: '096e9dd4d72f0cf782ce816dc340f78778e2b635', class: containerClasses }, hAsync("slot", { key: '436351398c2377581596f9956df6b7681d9c8aac' })));
|
|
5480
|
-
}
|
|
5481
|
-
static get style() { return bhContainerCss; }
|
|
5482
|
-
static get cmpMeta() { return {
|
|
5483
|
-
"$flags$": 777,
|
|
5484
|
-
"$tagName$": "bh-container",
|
|
5485
|
-
"$members$": {
|
|
5486
|
-
"withFooter": [4, "with-footer"]
|
|
5487
|
-
},
|
|
5488
|
-
"$listeners$": undefined,
|
|
5489
|
-
"$lazyBundleId$": "-",
|
|
5490
|
-
"$attrsToReflect$": []
|
|
5491
|
-
}; }
|
|
5492
|
-
}
|
|
5493
|
-
|
|
5494
|
-
const bhContainerFooterCss = ".container-footer{background:var(--color-white);border:1px solid var(--color-neutral-200);border-top:1px solid var(--color-neutral-200);border-radius:var(--radius-none) var(--radius-none) var(--radius-xl)\n var(--radius-xl);box-sizing:border-box;width:100%}.container-footer-content{display:flex;justify-content:flex-end;align-items:center;padding:var(--spacing-md) var(--spacing-2xl)}.container-footer-minimal .container-footer-content{padding:var(--spacing-sm) var(--spacing-2xl)}";
|
|
5495
|
-
|
|
5496
|
-
class BhContainerFooter {
|
|
5497
|
-
constructor(hostRef) {
|
|
5498
|
-
registerInstance(this, hostRef);
|
|
5499
|
-
this.bhButtonClick = createEvent(this, "bhButtonClick");
|
|
5500
|
-
}
|
|
5501
|
-
/**
|
|
5502
|
-
* Size variant of the footer
|
|
5503
|
-
*/
|
|
5504
|
-
size = 'standard';
|
|
5505
|
-
/**
|
|
5506
|
-
* Label for the footer button
|
|
5507
|
-
*/
|
|
5508
|
-
buttonLabel = 'View report';
|
|
5509
|
-
/**
|
|
5510
|
-
* Event emitted when the button is clicked
|
|
5511
|
-
*/
|
|
5512
|
-
bhButtonClick;
|
|
5513
|
-
handleButtonClick = () => {
|
|
5514
|
-
this.bhButtonClick.emit();
|
|
5515
|
-
};
|
|
5516
|
-
render() {
|
|
5517
|
-
const footerClasses = {
|
|
5518
|
-
'container-footer': true,
|
|
5519
|
-
[`container-footer-${this.size}`]: true,
|
|
5520
|
-
};
|
|
5521
|
-
return (hAsync("div", { key: '88f782bfc7a086e8facafa3450e19eb0b354e842', class: footerClasses }, hAsync("div", { key: '02e63532e246742d155a5f74b4e8f777482711ca', class: "container-footer-content" }, hAsync("bh-button", { key: '83aa00d05a1c0fa98fedca50724ce1fb3d293f8a', hierarchy: "quaternary", size: "sm", label: this.buttonLabel, onClick: this.handleButtonClick }))));
|
|
5522
|
-
}
|
|
5523
|
-
static get style() { return bhContainerFooterCss; }
|
|
5524
|
-
static get cmpMeta() { return {
|
|
5525
|
-
"$flags$": 777,
|
|
5526
|
-
"$tagName$": "bh-container-footer",
|
|
5527
|
-
"$members$": {
|
|
5528
|
-
"size": [1],
|
|
5529
|
-
"buttonLabel": [1, "button-label"]
|
|
5530
|
-
},
|
|
5531
|
-
"$listeners$": undefined,
|
|
5532
|
-
"$lazyBundleId$": "-",
|
|
5533
|
-
"$attrsToReflect$": []
|
|
5534
|
-
}; }
|
|
5535
|
-
}
|
|
5536
|
-
|
|
5537
5464
|
/**
|
|
5538
5465
|
* table-core
|
|
5539
5466
|
*
|
|
@@ -8943,7 +8870,7 @@ function getSortedRowModel() {
|
|
|
8943
8870
|
}, getMemoOptions(table.options, 'debugTable', 'getSortedRowModel', () => table._autoResetPageIndex()));
|
|
8944
8871
|
}
|
|
8945
8872
|
|
|
8946
|
-
const bhDataGridCss = ":host{display:block;font-family:var(--font-family-body, 'Inter', sans-serif)}.data-grid{display:flex;flex-direction:column;background-color:var(--color-white, #fff);
|
|
8873
|
+
const bhDataGridCss = ":host{display:block;font-family:var(--font-family-body, 'Inter', sans-serif)}.data-grid{display:flex;flex-direction:column;background-color:var(--color-white, #fff);overflow:hidden}.data-grid-container{position:relative;overflow:auto}.data-grid-table{display:table;width:100%;border-collapse:collapse}.data-grid-compact .data-grid-header-cell,.data-grid-compact .data-grid-cell{padding:var(--sp-1-5, 6px) var(--sp-2, 8px);font-size:0.875rem}.data-grid-compact .data-grid-row{height:40px}.data-grid-default .data-grid-header-cell,.data-grid-default .data-grid-cell{padding:var(--sp-2, 8px) var(--sp-3, 12px);font-size:0.875rem}.data-grid-default .data-grid-row{height:48px}.data-grid-relaxed .data-grid-header-cell,.data-grid-relaxed .data-grid-cell{padding:var(--sp-3, 12px) var(--sp-4, 16px);font-size:0.875rem}.data-grid-relaxed .data-grid-row{height:64px}.data-grid-bordered .data-grid-cell,.data-grid-bordered .data-grid-header-cell,.data-grid-bordered .data-grid-filter-cell{border:1px solid var(--color-neutral-200, #e2e4eb)}.data-grid-bordered .data-grid-header-cell{border-bottom-width:2px}.data-grid-striped .data-grid-row-striped{background-color:var(--color-neutral-50, #fafafc)}.data-grid-caption{padding:var(--sp-3, 12px) var(--sp-4, 16px);font-size:0.875rem;font-weight:500;color:var(--color-neutral-700, #4d5266)}.data-grid-caption-top{border-bottom:1px solid var(--color-neutral-200, #e2e4eb)}.data-grid-caption-bottom{border-top:1px solid var(--color-neutral-200, #e2e4eb)}.data-grid-global-filter{position:relative;display:flex;align-items:center;gap:var(--sp-2, 8px);padding:var(--sp-3, 12px) var(--sp-4, 16px);border-bottom:1px solid var(--color-neutral-200, #e2e4eb)}.data-grid-search-icon{position:absolute;font-size:20px;color:var(--color-neutral-400, #939ab4);left:var(--sp-5);top:50%;transform:translateY(-50%);pointer-events:none}.data-grid-global-filter-input{padding:var(--sp-2, 8px) var(--sp-3, 12px) var(--sp-2, 8px) var(--sp-8, 32px);border:1px solid var(--color-neutral-300, #c0c4d4);border-radius:var(--radius-sm, 4px);font-size:0.875rem;color:var(--color-neutral-900, #141624);background-color:var(--color-white, #fff);transition:border-color 0.15s ease, box-shadow 0.15s ease}.data-grid-global-filter-input:focus{outline:none;border-color:var(--color-brand-500, #6366f1);box-shadow:0 0 0 3px var(--color-brand-100, #e0e1fc)}.data-grid-global-filter-input::placeholder{color:var(--color-neutral-400, #939ab4);padding-right:var(--sp-10, 40px)}.data-grid-header{display:table-header-group;background-color:var(--color-white, #ffffff)}.data-grid-header-sticky{position:sticky;top:0;z-index:10}.data-grid-header-row{display:table-row}.data-grid-header-cell{display:table-cell;vertical-align:middle;text-align:left;font-weight:600;color:var(--color-neutral-700, #4d5266);border-bottom:1px solid var(--color-neutral-200, #e2e4eb);white-space:nowrap;user-select:none}.data-grid-header-cell-sortable{cursor:pointer;transition:background-color 0.2s ease}.data-grid-header-cell-sortable:hover{background-color:var(--color-neutral-50, #fafafc)}.data-grid-header-cell-sorted{color:var(--color-neutral-900, #141624)}.data-grid-header-text{display:inline-flex;align-items:center;gap:var(--sp-2)}.data-grid-sort-icon.material-symbols-outlined{font-size:16px !important;color:var(--color-neutral-700, #4d5266);vertical-align:middle;padding:var(--sp-0) var(--sp-0) var(--sp-0-5) var(--sp-0-5)}.data-grid-filter-row{display:table-row;background:var(--color-white, #ffffff);height:28px}.data-grid-filter-cell{position:relative;height:28px;padding:var(--sp-0, 0px);display:table-cell;vertical-align:middle;border-bottom:1px solid var(--color-neutral-200, #e2e4eb)}.data-grid-filter-input{width:100%;height:100%;padding:var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-8);border:none;outline:none;font-size:0.875rem;color:var(--color-neutral-900, #141624);background:var(--color-white, #ffffff);transition:background 0.15s ease}.data-grid-filter-icon{position:absolute;font-size:20px !important;color:var(--color-neutral-400, #939ab4);left:var(--sp-2);top:50%;transform:translateY(-50%);pointer-events:none}.data-grid-filter-input:focus{background:var(--color-brand-25)}.data-grid-filter-input::placeholder{color:var(--color-neutral-400, #939ab4);padding-right:var(--sp-8)}.data-grid-body{display:table-row-group}.data-grid-row{display:table-row;transition:background-color 0.1s ease}.data-grid-row-hover,.data-grid-row:hover{background-color:var(--color-neutral-25)}.data-grid-row-selected{background-color:var(--color-brand-50, #eef2ff) !important}.data-grid-row-selected:hover{background-color:var(--color-brand-100, #e0e7ff) !important}.data-grid-row-clickable{cursor:pointer}.data-grid-row-editing{background-color:var(--color-brand-50) !important}.data-grid-cell{display:table-cell;vertical-align:middle;color:var(--color-neutral-900, #141624);border-bottom:1px solid var(--color-neutral-100, #f0f1f5)}.data-grid-cell-align-left{text-align:left}.data-grid-cell-align-center{text-align:center}.data-grid-cell-align-right{text-align:right}.data-grid-cell-type-number{font-variant-numeric:tabular-nums}.data-grid-cell-editable{cursor:cell}.data-grid-cell-editable:hover{background-color:var(--color-brand-25, #f5f8ff)}.data-grid-cell-editing{padding:var(--sp-1, 4px) !important}.data-grid-cell-error{position:relative}.data-grid-cell-error-text{position:absolute;bottom:2px;left:4px;font-size:0.625rem;color:var(--color-error-600, #dc2626)}.data-grid-cell-select{width:40px;min-width:40px;max-width:40px;text-align:center}.data-grid-cell-expand{width:40px;min-width:40px;max-width:40px;text-align:center}.data-grid-cell-actions{width:80px;min-width:80px;max-width:80px;text-align:center}.data-grid-expand-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-md, 6px);background-color:transparent;color:var(--color-neutral-500, #6b7280);cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease}.data-grid-expand-btn:hover{background-color:var(--color-neutral-100, #f0f1f5);color:var(--color-neutral-700, #4d5266)}.data-grid-expand-btn .material-symbols-outlined{font-size:20px;transition:transform 0.15s ease}.data-grid-row-expanded .data-grid-expand-btn .material-symbols-outlined{transform:rotate(45deg)}.data-grid-row-expansion{display:table-row;background-color:var(--color-neutral-50, #fafafc)}.data-grid-row-expansion>*{display:table-cell;padding:var(--sp-4, 16px);border-bottom:1px solid var(--color-neutral-200, #e2e4eb)}.data-grid-row-group{background-color:var(--color-neutral-50);cursor:pointer}.data-grid-row-group:hover{background-color:var(--color-neutral-100)}.data-grid-cell-group-label{display:flex;align-items:center;gap:var(--sp-2, 8px);font-weight:500}.data-grid-group-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-neutral-600, #5c627a);cursor:pointer}.data-grid-group-toggle .material-symbols-outlined{font-size:20px;transition:transform 0.15s ease}.data-grid-row-group-expanded .data-grid-group-toggle .material-symbols-outlined{transform:rotate(90deg)}.data-grid-group-label{display:inline-flex;align-items:center;gap:var(--sp-1, 4px)}.data-grid-group-column{color:var(--color-neutral-600, #5c627a)}.data-grid-group-value{color:var(--color-neutral-900, #141624);font-weight:600}.data-grid-group-count{color:var(--color-neutral-400, #939ab4);font-size:0.75rem;font-weight:400}.data-grid-edit-input{width:100%;padding:var(--sp-1-5, 6px) var(--sp-2, 8px);border:1px solid var(--color-brand-400, #818cf8);border-radius:var(--radius-sm, 4px);font-size:inherit;color:var(--color-neutral-900, #141624);background-color:var(--color-white, #fff);box-shadow:0 0 0 3px var(--color-brand-100, #e0e1fc)}.data-grid-edit-input:focus{outline:none;border-color:var(--color-brand-500, #6366f1)}.data-grid-edit-actions{display:flex;align-items:center;justify-content:center;gap:var(--sp-1, 4px)}.data-grid-empty{display:table-row;width:100%}.data-grid-empty>*{display:table-cell;text-align:center;padding:var(--sp-12, 48px) var(--sp-4, 16px);width:100%}.data-grid-empty .empty-state-wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding:20px 0;}.data-grid-loading{position:relative}.data-grid-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:rgba(255, 255, 255, 0.8);z-index:20}.data-grid-skeleton .data-grid-cell{position:relative;padding:var(--sp-2, 8px) var(--sp-3, 12px)}.data-grid-skeleton-bar{display:inline-block;height:12px;background-color:var(--color-neutral-200, #e2e4eb);border-radius:var(--radius-sm, 4px);animation:skeleton-pulse 1.5s ease-in-out infinite}.data-grid-row-skeleton .hydrated{width:80%}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.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;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'liga';font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}@media (max-width: 640px){.data-grid-global-filter{padding:var(--sp-2, 8px)}.data-grid-header-cell,.data-grid-cell,.data-grid-filter-cell{padding:var(--sp-2, 8px) !important;font-size:0.75rem !important}.data-grid-cell-select,.data-grid-cell-expand{width:32px;min-width:32px;max-width:32px}.data-grid-cell-actions{width:60px;min-width:60px;max-width:60px}}";
|
|
8947
8874
|
|
|
8948
8875
|
class BhDataGrid {
|
|
8949
8876
|
constructor(hostRef) {
|
|
@@ -9114,7 +9041,9 @@ class BhDataGrid {
|
|
|
9114
9041
|
handleSelectedRowIdsChange(newValue) {
|
|
9115
9042
|
if (this.table) {
|
|
9116
9043
|
const selection = {};
|
|
9117
|
-
newValue.forEach(id => {
|
|
9044
|
+
newValue.forEach((id) => {
|
|
9045
|
+
selection[id] = true;
|
|
9046
|
+
});
|
|
9118
9047
|
this.table.setRowSelection(selection);
|
|
9119
9048
|
}
|
|
9120
9049
|
}
|
|
@@ -9129,7 +9058,9 @@ class BhDataGrid {
|
|
|
9129
9058
|
handleExpandedRowIdsChange(newValue) {
|
|
9130
9059
|
if (this.table) {
|
|
9131
9060
|
const expanded = {};
|
|
9132
|
-
newValue.forEach(id => {
|
|
9061
|
+
newValue.forEach((id) => {
|
|
9062
|
+
expanded[id] = true;
|
|
9063
|
+
});
|
|
9133
9064
|
this.table.setExpanded(expanded);
|
|
9134
9065
|
}
|
|
9135
9066
|
}
|
|
@@ -9179,14 +9110,24 @@ class BhDataGrid {
|
|
|
9179
9110
|
},
|
|
9180
9111
|
getCoreRowModel: getCoreRowModel(),
|
|
9181
9112
|
getSortedRowModel: this.enableSorting ? getSortedRowModel() : undefined,
|
|
9182
|
-
getFilteredRowModel: this.enableFiltering || this.enableGlobalFilter
|
|
9183
|
-
|
|
9184
|
-
|
|
9185
|
-
|
|
9186
|
-
|
|
9113
|
+
getFilteredRowModel: this.enableFiltering || this.enableGlobalFilter
|
|
9114
|
+
? getFilteredRowModel()
|
|
9115
|
+
: undefined,
|
|
9116
|
+
getPaginationRowModel: this.enablePagination
|
|
9117
|
+
? getPaginationRowModel()
|
|
9118
|
+
: undefined,
|
|
9119
|
+
getExpandedRowModel: this.enableExpansion || this.enableGrouping
|
|
9120
|
+
? getExpandedRowModel()
|
|
9121
|
+
: undefined,
|
|
9122
|
+
getGroupedRowModel: this.enableGrouping
|
|
9123
|
+
? getGroupedRowModel()
|
|
9124
|
+
: undefined,
|
|
9125
|
+
getRowId: this.getRowId ||
|
|
9126
|
+
((row, index) => String(row.id ?? index)),
|
|
9187
9127
|
getSubRows: this.getSubRows,
|
|
9188
9128
|
enableRowSelection: this.selectionMode !== 'none',
|
|
9189
|
-
enableMultiRowSelection: this.selectionMode === 'multiple-click' ||
|
|
9129
|
+
enableMultiRowSelection: this.selectionMode === 'multiple-click' ||
|
|
9130
|
+
this.selectionMode === 'multiple-checkbox',
|
|
9190
9131
|
enableSorting: this.enableSorting,
|
|
9191
9132
|
enableFilters: this.enableFiltering || this.enableGlobalFilter,
|
|
9192
9133
|
enableExpanding: this.enableExpansion || this.enableGrouping,
|
|
@@ -9201,7 +9142,7 @@ class BhDataGrid {
|
|
|
9201
9142
|
this.tableState = newState;
|
|
9202
9143
|
// Update table options with new state
|
|
9203
9144
|
if (this.table) {
|
|
9204
|
-
this.table.setOptions(prev => ({
|
|
9145
|
+
this.table.setOptions((prev) => ({
|
|
9205
9146
|
...prev,
|
|
9206
9147
|
state: newState,
|
|
9207
9148
|
}));
|
|
@@ -9211,7 +9152,8 @@ class BhDataGrid {
|
|
|
9211
9152
|
this.sortState = newState.sorting;
|
|
9212
9153
|
this.bhSortChange.emit({ sorting: newState.sorting });
|
|
9213
9154
|
}
|
|
9214
|
-
if (JSON.stringify(oldState.columnFilters) !==
|
|
9155
|
+
if (JSON.stringify(oldState.columnFilters) !==
|
|
9156
|
+
JSON.stringify(newState.columnFilters) ||
|
|
9215
9157
|
oldState.globalFilter !== newState.globalFilter) {
|
|
9216
9158
|
this.filterState = newState.columnFilters;
|
|
9217
9159
|
this.globalFilter = newState.globalFilter;
|
|
@@ -9220,10 +9162,11 @@ class BhDataGrid {
|
|
|
9220
9162
|
globalFilter: newState.globalFilter,
|
|
9221
9163
|
});
|
|
9222
9164
|
}
|
|
9223
|
-
if (JSON.stringify(oldState.rowSelection) !==
|
|
9224
|
-
|
|
9165
|
+
if (JSON.stringify(oldState.rowSelection) !==
|
|
9166
|
+
JSON.stringify(newState.rowSelection)) {
|
|
9167
|
+
const selectedIds = Object.keys(newState.rowSelection).filter((id) => newState.rowSelection[id]);
|
|
9225
9168
|
this.selectedRowIds = selectedIds;
|
|
9226
|
-
const selectedRows = this.table?.getSelectedRowModel().rows.map(r => r.original) ?? [];
|
|
9169
|
+
const selectedRows = this.table?.getSelectedRowModel().rows.map((r) => r.original) ?? [];
|
|
9227
9170
|
this.bhSelectionChange.emit({
|
|
9228
9171
|
selectedRowIds: selectedIds,
|
|
9229
9172
|
selectedRows,
|
|
@@ -9241,19 +9184,25 @@ class BhDataGrid {
|
|
|
9241
9184
|
}
|
|
9242
9185
|
buildRowSelection() {
|
|
9243
9186
|
const selection = {};
|
|
9244
|
-
this.selectedRowIds.forEach(id => {
|
|
9187
|
+
this.selectedRowIds.forEach((id) => {
|
|
9188
|
+
selection[id] = true;
|
|
9189
|
+
});
|
|
9245
9190
|
return selection;
|
|
9246
9191
|
}
|
|
9247
9192
|
buildExpanded() {
|
|
9248
9193
|
const expanded = {};
|
|
9249
|
-
this.expandedRowIds.forEach(id => {
|
|
9194
|
+
this.expandedRowIds.forEach((id) => {
|
|
9195
|
+
expanded[id] = true;
|
|
9196
|
+
});
|
|
9250
9197
|
return expanded;
|
|
9251
9198
|
}
|
|
9252
9199
|
buildColumnVisibility() {
|
|
9253
9200
|
// Hide grouped columns
|
|
9254
9201
|
const visibility = {};
|
|
9255
9202
|
if (this.enableGrouping) {
|
|
9256
|
-
this.groupBy.forEach(colId => {
|
|
9203
|
+
this.groupBy.forEach((colId) => {
|
|
9204
|
+
visibility[colId] = false;
|
|
9205
|
+
});
|
|
9257
9206
|
}
|
|
9258
9207
|
return visibility;
|
|
9259
9208
|
}
|
|
@@ -9333,10 +9282,10 @@ class BhDataGrid {
|
|
|
9333
9282
|
if (!this.enableEditing)
|
|
9334
9283
|
return;
|
|
9335
9284
|
this.editingRowId = row.id;
|
|
9336
|
-
this.editingColumnId = this.editMode === 'cell' ?
|
|
9285
|
+
this.editingColumnId = this.editMode === 'cell' ? columnId || null : null;
|
|
9337
9286
|
// Initialize editing values from current row
|
|
9338
9287
|
const values = {};
|
|
9339
|
-
this.columns.forEach(col => {
|
|
9288
|
+
this.columns.forEach((col) => {
|
|
9340
9289
|
const colId = col.accessorKey || col.id;
|
|
9341
9290
|
if (colId) {
|
|
9342
9291
|
values[colId] = row.original[colId];
|
|
@@ -9447,8 +9396,8 @@ class BhDataGrid {
|
|
|
9447
9396
|
}
|
|
9448
9397
|
};
|
|
9449
9398
|
moveToNextEditableCell = (currentColumnId, reverse) => {
|
|
9450
|
-
const editableColumns = this.columns.filter(col => col.meta?.editable !== false);
|
|
9451
|
-
const currentIndex = editableColumns.findIndex(col => {
|
|
9399
|
+
const editableColumns = this.columns.filter((col) => col.meta?.editable !== false);
|
|
9400
|
+
const currentIndex = editableColumns.findIndex((col) => {
|
|
9452
9401
|
const colId = col.accessorKey || col.id;
|
|
9453
9402
|
return colId === currentColumnId;
|
|
9454
9403
|
});
|
|
@@ -9527,23 +9476,30 @@ class BhDataGrid {
|
|
|
9527
9476
|
if (!this.table)
|
|
9528
9477
|
return null;
|
|
9529
9478
|
const headerGroups = this.table.getHeaderGroups();
|
|
9530
|
-
return (hAsync("
|
|
9479
|
+
return (hAsync("thead", { class: {
|
|
9480
|
+
'data-grid-header': true,
|
|
9481
|
+
'data-grid-header-sticky': this.stickyHeader,
|
|
9482
|
+
} }, headerGroups.map((headerGroup) => (hAsync("tr", { class: "data-grid-header-row", role: "row", key: headerGroup.id }, this.renderSelectionHeader(), this.enableExpansion && !this.enableGrouping && (hAsync("th", { class: "data-grid-header-cell data-grid-cell-expand", role: "columnheader" })), headerGroup.headers.map((header) => this.renderHeaderCell(header)), this.enableEditing &&
|
|
9483
|
+
this.showEditActions &&
|
|
9484
|
+
this.editMode === 'row' && (hAsync("th", { class: "data-grid-header-cell data-grid-cell-actions", role: "columnheader", colSpan: 1 }))))), this.showFilterRow && this.renderFilterRow()));
|
|
9531
9485
|
}
|
|
9532
9486
|
renderSelectionHeader() {
|
|
9533
|
-
if (this.selectionMode === 'none' ||
|
|
9487
|
+
if (this.selectionMode === 'none' ||
|
|
9488
|
+
this.selectionMode === 'single-click' ||
|
|
9489
|
+
this.selectionMode === 'multiple-click') {
|
|
9534
9490
|
return null;
|
|
9535
9491
|
}
|
|
9536
9492
|
if (this.selectionMode === 'single-radio') {
|
|
9537
|
-
return hAsync("
|
|
9493
|
+
return (hAsync("th", { class: "data-grid-header-cell data-grid-cell-select", role: "columnheader", colSpan: 1 }));
|
|
9538
9494
|
}
|
|
9539
9495
|
// Multiple checkbox - show select all
|
|
9540
9496
|
const isAllSelected = this.table?.getIsAllRowsSelected();
|
|
9541
9497
|
const isSomeSelected = this.table?.getIsSomeRowsSelected();
|
|
9542
|
-
return (hAsync("
|
|
9498
|
+
return (hAsync("th", { class: "data-grid-header-cell data-grid-cell-select", role: "columnheader", colSpan: 1 }, hAsync("bh-checkbox", { size: "sm", checked: isAllSelected, indeterminate: isSomeSelected && !isAllSelected, onBhChange: () => this.table?.toggleAllRowsSelected() })));
|
|
9543
9499
|
}
|
|
9544
9500
|
renderHeaderCell(header) {
|
|
9545
9501
|
if (header.isPlaceholder) {
|
|
9546
|
-
return hAsync("
|
|
9502
|
+
return (hAsync("th", { class: "data-grid-header-cell", role: "columnheader", key: header.id, colSpan: 1 }));
|
|
9547
9503
|
}
|
|
9548
9504
|
const canSort = header.column.getCanSort();
|
|
9549
9505
|
const sortDirection = header.column.getIsSorted();
|
|
@@ -9557,21 +9513,32 @@ class BhDataGrid {
|
|
|
9557
9513
|
const style = header.column.getSize()
|
|
9558
9514
|
? { width: `${header.column.getSize()}px` }
|
|
9559
9515
|
: {};
|
|
9560
|
-
return (hAsync("
|
|
9516
|
+
return (hAsync("th", { class: cellClasses, style: style, role: "columnheader", "aria-sort": sortDirection === 'asc'
|
|
9517
|
+
? 'ascending'
|
|
9518
|
+
: sortDirection === 'desc'
|
|
9519
|
+
? 'descending'
|
|
9520
|
+
: 'none', onClick: () => canSort && this.handleHeaderClick(header), key: header.id, colSpan: 1 }, hAsync("span", { class: "data-grid-header-text" }, this.flexRender(header.column.columnDef.header, header.getContext())), canSort && sortDirection && (hAsync("span", { class: "data-grid-sort-icon material-symbols-outlined" }, sortDirection === 'asc' ? 'north' : 'south'))));
|
|
9561
9521
|
}
|
|
9562
9522
|
renderFilterRow() {
|
|
9563
9523
|
if (!this.table)
|
|
9564
9524
|
return null;
|
|
9565
9525
|
const headers = this.table.getHeaderGroups()[0]?.headers || [];
|
|
9566
|
-
return (hAsync("
|
|
9526
|
+
return (hAsync("tr", { class: "data-grid-filter-row", role: "row" }, (this.selectionMode === 'single-radio' ||
|
|
9527
|
+
this.selectionMode === 'multiple-checkbox') && (hAsync("td", { class: "data-grid-filter-cell data-grid-cell-select", role: "cell" })), this.enableExpansion && !this.enableGrouping && (hAsync("td", { class: "data-grid-filter-cell data-grid-cell-expand", role: "cell" })), headers.map((header) => {
|
|
9567
9528
|
const canFilter = header.column.getCanFilter();
|
|
9568
9529
|
const meta = header.column.columnDef.meta;
|
|
9569
9530
|
if (!canFilter || meta?.filterable === false) {
|
|
9570
|
-
return hAsync("div", { class: "data-grid-filter-cell", role: "cell", key: header.id });
|
|
9531
|
+
return (hAsync("div", { class: "data-grid-filter-cell", role: "cell", key: header.id }));
|
|
9571
9532
|
}
|
|
9572
9533
|
const filterValue = header.column.getFilterValue() ?? '';
|
|
9573
|
-
return (hAsync("
|
|
9574
|
-
|
|
9534
|
+
return (hAsync("td", { class: "data-grid-filter-cell", role: "cell", key: header.id }, hAsync("span", { class: "data-grid-filter-icon material-symbols-outlined" }, "search"), hAsync("input", { type: meta?.type === 'number'
|
|
9535
|
+
? 'number'
|
|
9536
|
+
: meta?.type === 'date'
|
|
9537
|
+
? 'date'
|
|
9538
|
+
: 'text', class: "data-grid-filter-input", placeholder: ``, value: filterValue, onInput: (e) => this.handleColumnFilterChange(header.column.id, e.target.value) })));
|
|
9539
|
+
}), this.enableEditing &&
|
|
9540
|
+
this.showEditActions &&
|
|
9541
|
+
this.editMode === 'row' && (hAsync("td", { class: "data-grid-filter-cell data-grid-cell-actions", role: "cell" }))));
|
|
9575
9542
|
}
|
|
9576
9543
|
renderBody() {
|
|
9577
9544
|
if (!this.table)
|
|
@@ -9585,7 +9552,7 @@ class BhDataGrid {
|
|
|
9585
9552
|
if (rows.length === 0) {
|
|
9586
9553
|
return this.renderEmptyState();
|
|
9587
9554
|
}
|
|
9588
|
-
return (hAsync("
|
|
9555
|
+
return (hAsync("tbody", { class: "data-grid-body", role: "rowgroup" }, rows.map((row) => {
|
|
9589
9556
|
if (row.getIsGrouped()) {
|
|
9590
9557
|
return this.renderGroupRow(row);
|
|
9591
9558
|
}
|
|
@@ -9603,27 +9570,38 @@ class BhDataGrid {
|
|
|
9603
9570
|
'data-grid-row-editing': isRowEditing,
|
|
9604
9571
|
'data-grid-row-hover': this.hoveredRowId === row.id,
|
|
9605
9572
|
'data-grid-row-striped': this.striped && row.index % 2 === 1,
|
|
9606
|
-
'data-grid-row-clickable': this.selectionMode === 'single-click' ||
|
|
9573
|
+
'data-grid-row-clickable': this.selectionMode === 'single-click' ||
|
|
9574
|
+
this.selectionMode === 'multiple-click',
|
|
9607
9575
|
};
|
|
9608
9576
|
return [
|
|
9609
|
-
hAsync("
|
|
9577
|
+
hAsync("tr", { class: rowClasses, role: "row", "aria-selected": isSelected ? 'true' : 'false', key: row.id, onClick: () => this.handleRowClick(row), onMouseEnter: () => {
|
|
9578
|
+
this.hoveredRowId = row.id;
|
|
9579
|
+
}, onMouseLeave: () => {
|
|
9580
|
+
this.hoveredRowId = null;
|
|
9581
|
+
} }, this.renderSelectionCell(row), this.enableExpansion && !this.enableGrouping && (hAsync("td", { class: "data-grid-cell data-grid-cell-expand", role: "cell", onClick: (e) => {
|
|
9582
|
+
e.stopPropagation();
|
|
9583
|
+
} }, row.getCanExpand() && (hAsync("button", { class: "data-grid-expand-btn", onClick: () => this.handleRowExpand(row), "aria-label": isExpanded ? 'Collapse row' : 'Expand row' }, hAsync("span", { class: "material-symbols-outlined" }, isExpanded ? 'expand_more' : 'chevron_right'))))), row.getVisibleCells().map((cell) => this.renderCell(row, cell)), this.enableEditing &&
|
|
9584
|
+
this.showEditActions &&
|
|
9585
|
+
this.editMode === 'row' && (hAsync("td", { class: "data-grid-cell data-grid-cell-actions", role: "cell", onClick: (e) => e.stopPropagation() }, isRowEditing ? (hAsync("div", { class: "data-grid-edit-actions" }, hAsync("bh-button", { hierarchy: "tertiary", kind: "success", size: "sm", icon: "only", iconName: "check", onClick: () => this.saveEditing(), title: "Save" }, "Save"), hAsync("bh-button", { hierarchy: "tertiary", kind: "destructive", size: "sm", icon: "only", iconName: "close", onClick: () => this.cancelEditing(), title: "Cancel" }, "Cancel"))) : (hAsync("bh-button", { hierarchy: "tertiary", size: "sm", icon: "only", iconName: "edit", onClick: () => this.startEditing(row), title: "Edit" }, hAsync("span", { class: "material-symbols-outlined" }, "edit")))))),
|
|
9610
9586
|
// Expanded content
|
|
9611
9587
|
isExpanded && this.enableExpansion && !this.enableGrouping && (hAsync("div", { class: "data-grid-row-expansion", key: `${row.id}-expansion` }, hAsync("slot", { name: "expanded-row" }))),
|
|
9612
9588
|
];
|
|
9613
9589
|
}
|
|
9614
9590
|
renderSelectionCell(row) {
|
|
9615
|
-
if (this.selectionMode === 'none' ||
|
|
9591
|
+
if (this.selectionMode === 'none' ||
|
|
9592
|
+
this.selectionMode === 'single-click' ||
|
|
9593
|
+
this.selectionMode === 'multiple-click') {
|
|
9616
9594
|
return null;
|
|
9617
9595
|
}
|
|
9618
9596
|
const isSelected = row.getIsSelected();
|
|
9619
9597
|
if (this.selectionMode === 'single-radio') {
|
|
9620
|
-
return (hAsync("
|
|
9598
|
+
return (hAsync("td", { class: "data-grid-cell data-grid-cell-select", role: "cell", onClick: (e) => e.stopPropagation() }, hAsync("bh-radio-button", { selected: isSelected, onBhChange: () => {
|
|
9621
9599
|
this.table?.resetRowSelection();
|
|
9622
9600
|
row.toggleSelected(true);
|
|
9623
9601
|
} })));
|
|
9624
9602
|
}
|
|
9625
9603
|
// Multiple checkbox
|
|
9626
|
-
return (hAsync("
|
|
9604
|
+
return (hAsync("td", { class: "data-grid-cell data-grid-cell-select", role: "cell", onClick: (e) => e.stopPropagation() }, hAsync("bh-checkbox", { size: "sm", checked: isSelected, onBhChange: () => row.toggleSelected() })));
|
|
9627
9605
|
}
|
|
9628
9606
|
renderCell(row, cell) {
|
|
9629
9607
|
const meta = cell.column.columnDef.meta;
|
|
@@ -9642,18 +9620,22 @@ class BhDataGrid {
|
|
|
9642
9620
|
const style = cell.column.getSize()
|
|
9643
9621
|
? { width: `${cell.column.getSize()}px` }
|
|
9644
9622
|
: {};
|
|
9645
|
-
return (hAsync("
|
|
9623
|
+
return (hAsync("td", { class: cellClasses, style: style, role: "cell", key: cell.id, onClick: (e) => {
|
|
9646
9624
|
e.stopPropagation();
|
|
9647
9625
|
this.handleCellClick(row, cell);
|
|
9648
9626
|
}, onDblClick: (e) => {
|
|
9649
9627
|
e.stopPropagation();
|
|
9650
9628
|
this.handleCellDoubleClick(row, cell);
|
|
9651
|
-
} }, isCellEditing
|
|
9629
|
+
} }, isCellEditing
|
|
9630
|
+
? this.renderEditInput(cell)
|
|
9631
|
+
: this.renderCellContent(cell), hasError && (hAsync("span", { class: "data-grid-cell-error-text" }, this.validationErrors[columnId]))));
|
|
9652
9632
|
}
|
|
9653
9633
|
renderCellContent(cell) {
|
|
9654
9634
|
const rendered = this.flexRender(cell.column.columnDef.cell, cell.getContext());
|
|
9655
9635
|
// If custom cell renderer returns something, use it
|
|
9656
|
-
if (rendered !== undefined &&
|
|
9636
|
+
if (rendered !== undefined &&
|
|
9637
|
+
rendered !== null &&
|
|
9638
|
+
rendered !== cell.getValue()) {
|
|
9657
9639
|
return rendered;
|
|
9658
9640
|
}
|
|
9659
9641
|
// Default formatting
|
|
@@ -9663,9 +9645,12 @@ class BhDataGrid {
|
|
|
9663
9645
|
const columnId = cell.column.id;
|
|
9664
9646
|
const meta = cell.column.columnDef.meta;
|
|
9665
9647
|
const currentValue = this.editingValues[columnId] ?? cell.getValue();
|
|
9666
|
-
const inputType = meta?.type === 'number'
|
|
9667
|
-
|
|
9668
|
-
|
|
9648
|
+
const inputType = meta?.type === 'number'
|
|
9649
|
+
? 'number'
|
|
9650
|
+
: meta?.type === 'date'
|
|
9651
|
+
? 'date'
|
|
9652
|
+
: meta?.type === 'boolean'
|
|
9653
|
+
? 'checkbox'
|
|
9669
9654
|
: 'text';
|
|
9670
9655
|
if (meta?.type === 'boolean') {
|
|
9671
9656
|
return (hAsync("bh-checkbox", { size: "sm", checked: Boolean(currentValue), onBhChange: (e) => this.handleEditValueChange(columnId, e.detail.checked) }));
|
|
@@ -9682,36 +9667,51 @@ class BhDataGrid {
|
|
|
9682
9667
|
const groupValue = row.groupingValue;
|
|
9683
9668
|
const leafRows = row.getLeafRows();
|
|
9684
9669
|
// Check if all leaf rows are selected for group selection
|
|
9685
|
-
const allSelected = leafRows.every(r => r.getIsSelected());
|
|
9686
|
-
const someSelected = leafRows.some(r => r.getIsSelected());
|
|
9670
|
+
const allSelected = leafRows.every((r) => r.getIsSelected());
|
|
9671
|
+
const someSelected = leafRows.some((r) => r.getIsSelected());
|
|
9687
9672
|
const rowClasses = {
|
|
9688
9673
|
'data-grid-row': true,
|
|
9689
9674
|
'data-grid-row-group': true,
|
|
9690
9675
|
'data-grid-row-group-expanded': isExpanded,
|
|
9691
9676
|
};
|
|
9692
9677
|
return [
|
|
9693
|
-
hAsync("
|
|
9694
|
-
leafRows.forEach(r => r.toggleSelected(!allSelected));
|
|
9678
|
+
hAsync("tr", { class: rowClasses, role: "row", "aria-expanded": isExpanded ? 'true' : 'false', key: row.id, onClick: () => this.handleGroupToggle(row) }, this.selectionMode === 'multiple-checkbox' && (hAsync("div", { class: "data-grid-cell data-grid-cell-select", role: "cell", onClick: (e) => e.stopPropagation() }, hAsync("bh-checkbox", { size: "sm", checked: allSelected, indeterminate: someSelected && !allSelected, onBhChange: () => {
|
|
9679
|
+
leafRows.forEach((r) => r.toggleSelected(!allSelected));
|
|
9695
9680
|
} }))), hAsync("div", { class: "data-grid-cell data-grid-cell-group-label", role: "cell" }, hAsync("button", { class: "data-grid-group-toggle", "aria-label": isExpanded ? 'Collapse group' : 'Expand group' }, hAsync("span", { class: "material-symbols-outlined" }, isExpanded ? 'expand_more' : 'chevron_right')), hAsync("span", { class: "data-grid-group-label" }, hAsync("span", { class: "data-grid-group-column" }, groupingColumnId, ": "), hAsync("span", { class: "data-grid-group-value" }, String(groupValue))), hAsync("span", { class: "data-grid-group-count" }, "(", leafRows.length, " ", leafRows.length === 1 ? 'item' : 'items', ")"))),
|
|
9696
9681
|
// Render child rows if expanded
|
|
9697
|
-
isExpanded &&
|
|
9698
|
-
|
|
9699
|
-
|
|
9700
|
-
|
|
9701
|
-
|
|
9702
|
-
|
|
9682
|
+
isExpanded &&
|
|
9683
|
+
row.subRows.map((subRow) => {
|
|
9684
|
+
if (subRow.getIsGrouped()) {
|
|
9685
|
+
return this.renderGroupRow(subRow);
|
|
9686
|
+
}
|
|
9687
|
+
return this.renderDataRow(subRow);
|
|
9688
|
+
}),
|
|
9703
9689
|
];
|
|
9704
9690
|
}
|
|
9705
9691
|
renderEmptyState() {
|
|
9706
|
-
|
|
9692
|
+
const columnCount = this.columns.length +
|
|
9693
|
+
(this.selectionMode === 'single-radio' ||
|
|
9694
|
+
this.selectionMode === 'multiple-checkbox'
|
|
9695
|
+
? 1
|
|
9696
|
+
: 0) +
|
|
9697
|
+
(this.enableExpansion && !this.enableGrouping ? 1 : 0) +
|
|
9698
|
+
(this.enableEditing && this.showEditActions && this.editMode === 'row'
|
|
9699
|
+
? 1
|
|
9700
|
+
: 0);
|
|
9701
|
+
return (hAsync("tbody", { class: "data-grid-body", role: "rowgroup" }, hAsync("tr", { class: "data-grid-empty", role: "row" }, hAsync("td", { role: "cell", colSpan: columnCount }, hAsync("div", { class: "empty-state-wrapper" }, hAsync("bh-empty-state", { emptyTitle: this.emptyTitle, description: this.emptyDescription }))))));
|
|
9707
9702
|
}
|
|
9708
9703
|
renderSkeleton() {
|
|
9709
9704
|
const skeletonRows = Array.from({ length: this.skeletonRowCount }, (_, i) => i);
|
|
9710
9705
|
const columnCount = this.columns.length +
|
|
9711
|
-
(this.selectionMode === 'single-radio' ||
|
|
9706
|
+
(this.selectionMode === 'single-radio' ||
|
|
9707
|
+
this.selectionMode === 'multiple-checkbox'
|
|
9708
|
+
? 1
|
|
9709
|
+
: 0) +
|
|
9712
9710
|
(this.enableExpansion && !this.enableGrouping ? 1 : 0) +
|
|
9713
|
-
(this.enableEditing && this.showEditActions && this.editMode === 'row'
|
|
9714
|
-
|
|
9711
|
+
(this.enableEditing && this.showEditActions && this.editMode === 'row'
|
|
9712
|
+
? 1
|
|
9713
|
+
: 0);
|
|
9714
|
+
return (hAsync("div", { class: "data-grid-body data-grid-skeleton", role: "rowgroup" }, skeletonRows.map((i) => (hAsync("div", { class: "data-grid-row data-grid-row-skeleton", role: "row", key: i }, Array.from({ length: columnCount }, (_, j) => (hAsync("div", { class: "data-grid-cell", role: "cell", key: j }, hAsync("bh-skeleton-loader", { width: "80%", height: "16px" })))))))));
|
|
9715
9715
|
}
|
|
9716
9716
|
renderLoadingOverlay() {
|
|
9717
9717
|
if (!this.loading || this.loadingType !== 'spinner')
|
|
@@ -9722,7 +9722,7 @@ class BhDataGrid {
|
|
|
9722
9722
|
if (!this.enablePagination || !this.table)
|
|
9723
9723
|
return null;
|
|
9724
9724
|
const rowCount = this.table.getFilteredRowModel().rows.length;
|
|
9725
|
-
return (hAsync("bh-pagination", { page: this.page, totalItems: rowCount, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onBhPageChange: this.handlePaginationChange, onBhPageSizeChange: this.handlePaginationChange }));
|
|
9725
|
+
return (hAsync("bh-pagination", { page: this.page, totalItems: rowCount, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, showItemCount: false, compact: true, onBhPageChange: this.handlePaginationChange, onBhPageSizeChange: this.handlePaginationChange }));
|
|
9726
9726
|
}
|
|
9727
9727
|
// ===========================================================================
|
|
9728
9728
|
// Main Render
|
|
@@ -9738,7 +9738,7 @@ class BhDataGrid {
|
|
|
9738
9738
|
const containerStyle = this.maxHeight
|
|
9739
9739
|
? { maxHeight: this.maxHeight, overflowY: 'auto' }
|
|
9740
9740
|
: {};
|
|
9741
|
-
return (hAsync("div", { key: '
|
|
9741
|
+
return (hAsync("div", { key: '42e71a54dc147533e05938275bf747919b89aed6', class: gridClasses, role: "grid", "aria-busy": this.loading ? 'true' : 'false' }, this.captionPosition === 'top' && this.renderCaption(), this.renderGlobalFilter(), hAsync("div", { key: 'f8aede627ce62a8195f439ff81aad478aa1544ba', class: "data-grid-container", style: containerStyle }, hAsync("table", { key: '528f578c5a756960d139a5a1a5cd171961c97ceb', class: "data-grid-table" }, this.renderHeader(), this.renderBody()), this.renderLoadingOverlay()), this.captionPosition === 'bottom' && this.renderCaption(), this.renderPagination()));
|
|
9742
9742
|
}
|
|
9743
9743
|
static get watchers() { return {
|
|
9744
9744
|
"data": ["handleDataChange"],
|
|
@@ -9807,7 +9807,7 @@ class BhDataGrid {
|
|
|
9807
9807
|
}; }
|
|
9808
9808
|
}
|
|
9809
9809
|
|
|
9810
|
-
const bhDatePickerCss = "
|
|
9810
|
+
const bhDatePickerCss = ":host{display:inline-block;position:relative}.date-picker-container{width:100%}.date-picker-trigger{cursor:pointer}.date-picker-trigger.input-field-container{position:relative}.calendar-icon-overlay{position:absolute;top:0;right:0;width:40px;height:100%;cursor:pointer;z-index:1}.date-picker-menu-container{position:absolute;left:0;z-index:1000;display:none;min-width:100%;}.date-picker-menu-container.is-open{display:block}.date-picker-menu-container:not(.open-upward){top:100%;margin-top:8px}.date-picker-menu-container.open-upward{bottom:100%;margin-bottom:8px}.date-picker-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:transparent}";
|
|
9811
9811
|
|
|
9812
9812
|
class BhDatePicker {
|
|
9813
9813
|
constructor(hostRef) {
|
|
@@ -9815,6 +9815,7 @@ class BhDatePicker {
|
|
|
9815
9815
|
this.bhChange = createEvent(this, "bhChange");
|
|
9816
9816
|
this.bhDateSelect = createEvent(this, "bhDateSelect");
|
|
9817
9817
|
}
|
|
9818
|
+
get el() { return getElement(this); }
|
|
9818
9819
|
/**
|
|
9819
9820
|
* Variant of the date picker trigger
|
|
9820
9821
|
*/
|
|
@@ -9863,6 +9864,8 @@ class BhDatePicker {
|
|
|
9863
9864
|
* Currently selected value
|
|
9864
9865
|
*/
|
|
9865
9866
|
value;
|
|
9867
|
+
menuStyles = {};
|
|
9868
|
+
openUpward = false;
|
|
9866
9869
|
selectedValue = null;
|
|
9867
9870
|
tempSelection = null;
|
|
9868
9871
|
isMenuOpen = false;
|
|
@@ -9875,6 +9878,7 @@ class BhDatePicker {
|
|
|
9875
9878
|
* Event emitted when a date is selected
|
|
9876
9879
|
*/
|
|
9877
9880
|
bhDateSelect;
|
|
9881
|
+
handleInputFocus;
|
|
9878
9882
|
handleValueChange(newValue) {
|
|
9879
9883
|
if (newValue !== undefined) {
|
|
9880
9884
|
this.selectedValue = newValue;
|
|
@@ -9898,19 +9902,14 @@ class BhDatePicker {
|
|
|
9898
9902
|
handleTriggerClick = () => {
|
|
9899
9903
|
if (this.disabled)
|
|
9900
9904
|
return;
|
|
9901
|
-
if (!this.isMenuOpen
|
|
9902
|
-
|
|
9905
|
+
if (!this.isMenuOpen) {
|
|
9906
|
+
const rect = this.el.getBoundingClientRect();
|
|
9907
|
+
const spaceBelow = window.innerHeight - rect.bottom;
|
|
9908
|
+
// Flip if there is less than 360px below
|
|
9909
|
+
this.openUpward = spaceBelow < 360 && rect.top > 360;
|
|
9903
9910
|
}
|
|
9904
9911
|
this.isMenuOpen = !this.isMenuOpen;
|
|
9905
9912
|
};
|
|
9906
|
-
handleInputFocus = () => {
|
|
9907
|
-
if (this.disabled)
|
|
9908
|
-
return;
|
|
9909
|
-
if (!this.isMenuOpen && this.showFooter) {
|
|
9910
|
-
this.tempSelection = this.selectedValue;
|
|
9911
|
-
}
|
|
9912
|
-
this.isMenuOpen = true;
|
|
9913
|
-
};
|
|
9914
9913
|
handleDateSelect = (event) => {
|
|
9915
9914
|
const date = event.detail;
|
|
9916
9915
|
if (this.showFooter && date) {
|
|
@@ -9966,7 +9965,11 @@ class BhDatePicker {
|
|
|
9966
9965
|
this.handleMenuCancel();
|
|
9967
9966
|
};
|
|
9968
9967
|
render() {
|
|
9969
|
-
return (hAsync(Host, { key: '
|
|
9968
|
+
return (hAsync(Host, { key: '1c760d0b895f98511016d78240276a54236c2e05' }, hAsync("div", { key: 'f3fc721a0bf8296fec06e227b9103ca5930bd411', class: "date-picker-container" }, this.variant === 'dropdown-outlined' && (hAsync("div", { key: 'fd8cc35dd5d9c8ecd8c8633cfd0843cfc37e204b', class: "date-picker-trigger", onClick: this.handleTriggerClick }, hAsync("bh-button", { key: '0c142f8d364de9a0905679735c7ceb040c635aaa', hierarchy: "secondary", size: "sm", icon: "trailing", label: this.getButtonLabel(), iconName: "expand_more", disabled: this.disabled }))), this.variant === 'dropdown-ghost' && (hAsync("div", { key: 'b6beba3f4cfae4de2a8be6d0e7da8562d829e75e', class: "date-picker-trigger", onClick: this.handleTriggerClick }, hAsync("bh-button", { key: '15a7b5d18cc2be3658410ac5aa3e48e1e0adb1de', hierarchy: "tertiary", size: "sm", icon: "trailing", label: this.getButtonLabel(), iconName: "expand_more", disabled: this.disabled }))), this.variant === 'input' && (hAsync("div", { key: '2d565e93b226d43111ef691e05d960856ca87dc5', class: "date-picker-trigger input-field-container" }, hAsync("bh-input-text", { key: '462b28593ed5445614a9e063dbf63f89cbe4b44b', label: this.label, placeholder: this.placeholder, value: this.getDisplayValue(), disabled: this.disabled, showTrailingIcon: true, trailingIcon: "calendar_today", showHelpIcon: false, showHintText: false, showLabel: this.showLabel, width: this.inputWidth, onBhFocus: this.handleInputFocus }), hAsync("div", { key: '1299f7f28b7936c1a70338bae5e0d35365871a13', class: "calendar-icon-overlay", onClick: this.handleTriggerClick }))), hAsync("div", { key: '84273fed1d286f1afc30939ad99ea88bce951195', class: {
|
|
9969
|
+
'date-picker-menu-container': true,
|
|
9970
|
+
'is-open': this.isMenuOpen,
|
|
9971
|
+
'open-upward': this.openUpward
|
|
9972
|
+
} }, hAsync("bh-picker-menu", { key: '728185522dec8a402500a09fc5fa13b95b41f48a', visible: this.isMenuOpen, showFooter: this.showFooter, showTodayButton: this.showFooter, disableApply: this.showFooter && this.tempSelection === null, onBhCancel: this.handleMenuCancel, onBhApply: this.handleMenuApply, onBhToday: this.handleToday }, hAsync("bh-date-picker-content", { key: 'a16aa867608bb0e7199cec725c62c9b6eb5cd4c7', minYear: this.minYear, maxYear: this.maxYear, disabled: this.disabled, disabledDates: this.disabledDates, showOtherMonthDays: this.showOtherMonthDays, value: this.tempSelection ?? this.selectedValue ?? undefined, onBhDateSelect: this.handleDateSelect })))), (this.isMenuOpen || this.isMenuClosing) && (hAsync("div", { key: 'a249f692dfdf55a6984cfa1cdba0c9b6869baf69', class: "date-picker-backdrop", onClick: this.handleBackdropClick }))));
|
|
9970
9973
|
}
|
|
9971
9974
|
static get watchers() { return {
|
|
9972
9975
|
"value": ["handleValueChange"]
|
|
@@ -9988,6 +9991,8 @@ class BhDatePicker {
|
|
|
9988
9991
|
"showFooter": [4, "show-footer"],
|
|
9989
9992
|
"showOtherMonthDays": [4, "show-other-month-days"],
|
|
9990
9993
|
"value": [16],
|
|
9994
|
+
"menuStyles": [32],
|
|
9995
|
+
"openUpward": [32],
|
|
9991
9996
|
"selectedValue": [32],
|
|
9992
9997
|
"tempSelection": [32],
|
|
9993
9998
|
"isMenuOpen": [32],
|
|
@@ -9999,7 +10004,7 @@ class BhDatePicker {
|
|
|
9999
10004
|
}; }
|
|
10000
10005
|
}
|
|
10001
10006
|
|
|
10002
|
-
const bhDatePickerContentCss = "@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'); :root{--color-white:hsl(0, 0%, 100%);--color-black:hsl(0, 0%, 0%);--color-transparent:hsla(0, 0%, 100%, 0);--color-neutral-25:hsl(240, 20%, 99%);--color-neutral-50:hsl(240, 20%, 98%);--color-neutral-100:hsl(240, 17%, 95%);--color-neutral-200:hsl(227, 25%, 89%);--color-neutral-300:hsl(224, 24%, 78%);--color-neutral-400:hsl(226, 24%, 59%);--color-neutral-500:hsl(226, 24%, 48%);--color-neutral-600:hsl(226, 24%, 38%);--color-neutral-700:hsl(226, 24%, 25%);--color-neutral-800:hsl(233, 33%, 10%);--color-neutral-900:hsl(231, 32%, 8%);--color-neutral-950:hsl(231, 32%, 8%);--color-brand-25:hsl(220, 82%, 98%);--color-brand-50:hsl(222, 87%, 97%);--color-brand-100:hsl(221, 94%, 94%);--color-brand-200:hsl(221, 92%, 86%);--color-brand-300:hsl(224, 95%, 77%);--color-brand-400:hsl(224, 94%, 72%);--color-brand-500:hsl(230, 67%, 58%);--color-brand-600:hsl(230, 69%, 48%);--color-brand-700:hsl(230, 75%, 34%);--color-brand-800:hsl(243, 86%, 44%);--color-brand-900:hsl(237, 69%, 24%);--color-brand-950:hsl(237, 61%, 20%);--color-error-25:hsl(12, 100%, 99%);--color-error-50:hsl(5, 86%, 97%);--color-error-100:hsl(4, 93%, 94%);--color-error-200:hsl(3, 96%, 89%);--color-error-300:hsl(4, 96%, 80%);--color-error-400:hsl(4, 92%, 69%);--color-error-500:hsl(4, 86%, 58%);--color-error-600:hsl(4, 74%, 49%);--color-error-700:hsl(4, 76%, 40%);--color-error-800:hsl(4, 72%, 33%);--color-error-900:hsl(8, 65%, 29%);--color-error-950:hsl(8, 75%, 19%);--color-warning-25:hsl(42, 100%, 98%);--color-warning-50:hsl(45, 100%, 96%);--color-warning-100:hsl(45, 96%, 89%);--color-warning-200:hsl(44, 98%, 77%);--color-warning-300:hsl(42, 99%, 65%);--color-warning-400:hsl(39, 98%, 56%);--color-warning-500:hsl(34, 94%, 50%);--color-warning-600:hsl(28, 97%, 44%);--color-warning-700:hsl(22, 92%, 37%);--color-warning-800:hsl(19, 84%, 31%);--color-warning-900:hsl(18, 79%, 27%);--color-warning-950:hsl(17, 79%, 17%);--color-success-25:hsl(142, 80%, 98%);--color-success-50:hsl(145, 81%, 96%);--color-success-100:hsl(140, 80%, 90%);--color-success-200:hsl(144, 78%, 80%);--color-success-300:hsl(148, 63%, 67%);--color-success-400:hsl(150, 57%, 54%);--color-success-500:hsl(152, 77%, 39%);--color-success-600:hsl(153, 91%, 30%);--color-success-700:hsl(155, 90%, 24%);--color-success-800:hsl(155, 84%, 20%);--color-success-900:hsl(156, 83%, 16%);--color-success-950:hsl(157, 82%, 11%);--font-inter:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',\n Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n '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),\n 0px 1px 2px rgba(16, 24, 40, 0.06);--shadow-md:0px 4px 8px -2px rgba(16, 24, 40, 0.1),\n 0px 2px 4px -2px rgba(16, 24, 40, 0.06);--shadow-lg:0px 12px 16px -4px rgba(16, 24, 40, 0.08),\n 0px 4px 6px -2px rgba(16, 24, 40, 0.03);--shadow-xl:0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n 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))}*,*::before,*::after{box-sizing:border-box}.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}:host{display:block}.date-picker-content{width:100%;font-family:var(--font-inter);display:flex;flex-direction:column}.month-navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.month-picker-inline{flex:1;overflow:hidden;max-height:270px;animation:fadeIn 150ms ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.month-picker-inline.animate-fade-out{animation:fadeOut 150ms ease-out}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.calendar-grid{padding:0 var(--spacing-md) var(--spacing-md);flex:1}.day-names{display:grid;grid-template-columns:repeat(7, 1fr);width:280px;gap:0;margin-bottom:var(--spacing-sm)}.day-name{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--font-inter);font-weight:var(--weight-medium);font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--color-neutral-500)}.date-cells{display:grid;grid-template-columns:repeat(7, 1fr);width:280px;row-gap:var(--spacing-xs, 4px);column-gap:0;justify-items:center;align-items:center}.calendar-cell{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:var(--radius-full);font-family:var(--font-inter);font-weight:var(--weight-medium);font-size:var(--text-sm-size);line-height:var(--text-sm-line);cursor:pointer;transition:all var(--animation-duration-fast, 0.1s) var(--animation-easing-ease, ease)}.calendar-cell.other-month .date-number{color:var(--color-neutral-400)}.calendar-cell.other-month.disabled .date-number{color:var(--color-neutral-300)}.calendar-cell.selectable .date-number{color:var(--color-neutral-500)}.calendar-cell.selectable:hover{background:var(--color-neutral-50)}.calendar-cell.selectable:hover .date-number{color:var(--color-neutral-800)}.calendar-cell.today{border:2px solid var(--color-brand-600)}.calendar-cell.today .date-number{color:var(--color-neutral-500)}.calendar-cell.today:hover{background:var(--color-brand-100)}.calendar-cell.today:hover .date-number{color:var(--color-brand-600)}.calendar-cell.selected{background:var(--color-brand-600)}.calendar-cell.selected .date-number{color:var(--color-white);font-weight:var(--weight-semibold)}.calendar-cell.selected:hover{background:var(--color-brand-800)}.calendar-cell.selected:hover .date-number{color:var(--color-white);font-weight:var(--weight-semibold)}.calendar-cell.in-range{background:var(--color-neutral-100);border-radius:0;position:relative}.calendar-cell.in-range .date-number{color:var(--color-neutral-800);font-weight:var(--weight-medium)}.calendar-cell.in-range:hover{background:var(--color-neutral-100)}.calendar-cell.in-range:hover .date-number{background:var(--color-neutral-200);border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.calendar-cell.range-start,.calendar-cell.range-end{position:relative}.calendar-cell.range-start .date-number,.calendar-cell.range-end .date-number{background:var(--color-brand-600);color:var(--color-white);font-weight:var(--weight-semibold);border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.calendar-cell.range-start:hover .date-number,.calendar-cell.range-start.selectable:hover .date-number,.calendar-cell.range-end:hover .date-number,.calendar-cell.range-end.selectable:hover .date-number{background:var(--color-brand-800);color:var(--color-white)}.calendar-cell.range-start{background:transparent}.calendar-cell.range-start::after{content:'';position:absolute;left:50%;top:0;width:50%;height:100%;background:var(--color-neutral-100);border-radius:var(--radius-full) 0 0 var(--radius-full);z-index:0}.calendar-cell.range-start:hover::after,.calendar-cell.range-start.selectable:hover::after{background:var(--color-neutral-200)}.calendar-cell.range-end{background:transparent}.calendar-cell.range-end::after{content:'';position:absolute;left:0;top:0;width:50%;height:100%;background:var(--color-neutral-100);border-radius:0 var(--radius-full) var(--radius-full) 0;z-index:0}.calendar-cell.range-end:hover::after,.calendar-cell.range-end.selectable:hover::after{background:var(--color-neutral-200)}.calendar-cell.range-start.range-end{background:transparent}.calendar-cell.range-start.range-end::after{display:none}.calendar-cell.range-start.range-end .date-number{border-radius:var(--radius-full)}.calendar-cell.range-start:not(.in-range):not(:has(~.range-end))::after{display:none}.calendar-cell.in-range:nth-child(7n+1){border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}.calendar-cell.in-range:nth-child(7n){border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}.calendar-cell.range-start:nth-child(7n)::after{display:none}.calendar-cell.range-end:nth-child(7n+1)::after{display:none}.calendar-cell.today.in-range{background:var(--color-brand-50)}.calendar-cell.today.in-range .date-number{color:var(--color-brand-600);font-weight:var(--weight-medium);background:transparent;border:2px solid var(--color-brand-600)}.calendar-cell.today.in-range:hover{background:var(--color-brand-100)}.calendar-cell.today.range-start .date-number,.calendar-cell.today.range-end .date-number{background:var(--color-brand-600);color:var(--color-white);border:none}.calendar-cell.disabled{cursor:not-allowed}.calendar-cell.disabled .date-number{color:var(--color-neutral-300)}.date-number{position:relative;z-index:1}";
|
|
10007
|
+
const bhDatePickerContentCss = ":host{display:block}.date-picker-content{width:100%;font-family:var(--font-inter);display:flex;flex-direction:column}.month-navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.month-picker-inline{flex:1;overflow:hidden;max-height:270px;animation:fadeIn 150ms ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.month-picker-inline.animate-fade-out{animation:fadeOut 150ms ease-out}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.calendar-grid{padding:0 var(--spacing-md) var(--spacing-md);flex:1}.day-names{display:grid;grid-template-columns:repeat(7, 1fr);width:280px;gap:0;margin-bottom:var(--spacing-sm)}.day-name{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--font-inter);font-weight:var(--weight-medium);font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--color-neutral-500)}.date-cells{display:grid;grid-template-columns:repeat(7, 1fr);width:280px;row-gap:var(--spacing-xs, 4px);column-gap:0;justify-items:center;align-items:center}.calendar-cell{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:var(--radius-full);font-family:var(--font-inter);font-weight:var(--weight-medium);font-size:var(--text-sm-size);line-height:var(--text-sm-line);cursor:pointer;transition:all var(--animation-duration-fast, 0.1s) var(--animation-easing-ease, ease)}.calendar-cell.other-month .date-number{color:var(--color-neutral-400)}.calendar-cell.other-month.disabled .date-number{color:var(--color-neutral-300)}.calendar-cell.selectable .date-number{color:var(--color-neutral-500)}.calendar-cell.selectable:hover{background:var(--color-neutral-50)}.calendar-cell.selectable:hover .date-number{color:var(--color-neutral-800)}.calendar-cell.today{border:2px solid var(--color-brand-600)}.calendar-cell.today .date-number{color:var(--color-neutral-500)}.calendar-cell.today:hover{background:var(--color-brand-100)}.calendar-cell.today:hover .date-number{color:var(--color-brand-600)}.calendar-cell.selected{background:var(--color-brand-600)}.calendar-cell.selected .date-number{color:var(--color-white);font-weight:var(--weight-semibold)}.calendar-cell.selected:hover{background:var(--color-brand-800)}.calendar-cell.selected:hover .date-number{color:var(--color-white);font-weight:var(--weight-semibold)}.calendar-cell.in-range{background:var(--color-neutral-100);border-radius:0;position:relative}.calendar-cell.in-range .date-number{color:var(--color-neutral-800);font-weight:var(--weight-medium)}.calendar-cell.in-range:hover{background:var(--color-neutral-100)}.calendar-cell.in-range:hover .date-number{background:var(--color-neutral-200);border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.calendar-cell.range-start,.calendar-cell.range-end{position:relative}.calendar-cell.range-start .date-number,.calendar-cell.range-end .date-number{background:var(--color-brand-600);color:var(--color-white);font-weight:var(--weight-semibold);border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.calendar-cell.range-start:hover .date-number,.calendar-cell.range-start.selectable:hover .date-number,.calendar-cell.range-end:hover .date-number,.calendar-cell.range-end.selectable:hover .date-number{background:var(--color-brand-800);color:var(--color-white)}.calendar-cell.range-start{background:transparent}.calendar-cell.range-start::after{content:'';position:absolute;left:50%;top:0;width:50%;height:100%;background:var(--color-neutral-100);border-radius:var(--radius-full) 0 0 var(--radius-full);z-index:0}.calendar-cell.range-start:hover::after,.calendar-cell.range-start.selectable:hover::after{background:var(--color-neutral-200)}.calendar-cell.range-end{background:transparent}.calendar-cell.range-end::after{content:'';position:absolute;left:0;top:0;width:50%;height:100%;background:var(--color-neutral-100);border-radius:0 var(--radius-full) var(--radius-full) 0;z-index:0}.calendar-cell.range-end:hover::after,.calendar-cell.range-end.selectable:hover::after{background:var(--color-neutral-200)}.calendar-cell.range-start.range-end{background:transparent}.calendar-cell.range-start.range-end::after{display:none}.calendar-cell.range-start.range-end .date-number{border-radius:var(--radius-full)}.calendar-cell.range-start:not(.in-range):not(:has(~.range-end))::after{display:none}.calendar-cell.in-range:nth-child(7n+1){border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}.calendar-cell.in-range:nth-child(7n){border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}.calendar-cell.range-start:nth-child(7n)::after{display:none}.calendar-cell.range-end:nth-child(7n+1)::after{display:none}.calendar-cell.today.in-range{background:var(--color-brand-50)}.calendar-cell.today.in-range .date-number{color:var(--color-brand-600);font-weight:var(--weight-medium);background:transparent;border:2px solid var(--color-brand-600)}.calendar-cell.today.in-range:hover{background:var(--color-brand-100)}.calendar-cell.today.range-start .date-number,.calendar-cell.today.range-end .date-number{background:var(--color-brand-600);color:var(--color-white);border:none}.calendar-cell.disabled{cursor:not-allowed}.calendar-cell.disabled .date-number{color:var(--color-neutral-300)}.date-number{position:relative;z-index:1}";
|
|
10003
10008
|
|
|
10004
10009
|
class BhDatePickerContent {
|
|
10005
10010
|
constructor(hostRef) {
|
|
@@ -10353,7 +10358,7 @@ class BhDatePickerContent {
|
|
|
10353
10358
|
}
|
|
10354
10359
|
render() {
|
|
10355
10360
|
const currentMonthYear = `${this.monthNames[this.currentMonth]} ${this.currentYear}`;
|
|
10356
|
-
return (hAsync(Host, { key: '
|
|
10361
|
+
return (hAsync(Host, { key: 'abd9b7bd2e320d2a1937b4f90834f911a7555161' }, hAsync("div", { key: 'c4cf2a0b540fe5553204d253edb78114b738c70e', class: "date-picker-content" }, hAsync("div", { key: 'e1e9b44378cd5fb33fca4f2c7d68e72620895822', class: "month-navigation" }, hAsync("bh-button-icon", { key: 'b852e0ebbc4d4468d6bf0c4269098b386107b0c0', hierarchy: "tertiary", size: "md", iconName: "chevron_left", onBhClick: this.handlePreviousMonth, disabled: this.disabled || (this.currentYear === this.minYear && this.currentMonth === 0) }), hAsync("bh-button", { key: 'df9f6e817dac1e879bb0b3f4a02ab70822e4ecbf', hierarchy: "tertiary", size: "sm", label: currentMonthYear, icon: "trailing", iconName: "expand_more", onBhClick: this.handleMonthDropdownToggle }), hAsync("bh-button-icon", { key: 'f21a890ee0ff49f0f0ac46763a499c369f2fa9a8', hierarchy: "tertiary", size: "md", iconName: "chevron_right", onBhClick: this.handleNextMonth, disabled: this.disabled || (this.currentYear === this.maxYear && this.currentMonth === 11) })), !this.isMonthDropdownOpen && (hAsync("div", { key: '65b9afd4711b422b178aa973a362893631ca61c4', class: "calendar-grid" }, hAsync("div", { key: 'e03b4234db822379ead64e0e2c510a56863799c0', class: "day-names" }, this.dayNames.map(dayName => (hAsync("div", { key: dayName, class: "day-name" }, dayName)))), hAsync("div", { key: '81f986da77879c365cd1645452e3b4c815d68366', class: "date-cells" }, this.calendarCells.map((cell, index) => (hAsync("div", { key: index, class: this.getCellClass(cell), onClick: () => this.handleCellClick(cell) }, hAsync("span", { class: "date-number" }, cell.day === 0 ? '' : cell.day))))))), (this.isMonthDropdownOpen || this.isMonthDropdownClosing) && (hAsync("div", { key: 'f859e133d3430e3e3f353099856aaf95210da7a5', class: `month-picker-inline ${this.isMonthDropdownClosing ? 'animate-fade-out' : ''}` }, hAsync("bh-month-picker-content", { key: '26b674a7b434d075c42a3df4812e28802e10f328', scrollable: true, height: "275px", selectedMonth: this.currentMonth, selectedYear: this.currentYear, onBhChange: this.handleMonthYearSelect, minYear: this.minYear, maxYear: this.maxYear }))))));
|
|
10357
10362
|
}
|
|
10358
10363
|
static get watchers() { return {
|
|
10359
10364
|
"value": ["handleValueChange"],
|
|
@@ -10542,7 +10547,7 @@ class BhDateRangePicker {
|
|
|
10542
10547
|
this.handleMenuCancel();
|
|
10543
10548
|
};
|
|
10544
10549
|
render() {
|
|
10545
|
-
return (hAsync(Host, { key: '
|
|
10550
|
+
return (hAsync(Host, { key: '8896f3e72f382983119d833acc59724beeac7139' }, hAsync("div", { key: 'ebc110342a2a5b64b8eec6b30a756ab497056306', class: "date-range-picker-container" }, this.variant === 'dropdown-outlined' && (hAsync("div", { key: 'e03302ea7cee8f85ab7e07c1e8a410b08ebcad48', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, hAsync("bh-button", { key: '1687f6a57a4037b2b19d53e49ec70f4e6f9682dc', hierarchy: "secondary", size: "sm", icon: "trailing", label: this.getButtonLabel(), iconName: "expand_more", disabled: this.disabled }))), this.variant === 'dropdown-ghost' && (hAsync("div", { key: '56b07ef6cc3d90ec3be4a9f79eaf58162ac900bd', class: "date-range-picker-trigger", onClick: this.handleTriggerClick }, hAsync("bh-button", { key: '94d67472ed207c5f51591b1db9d706cdd260a3ef', hierarchy: "tertiary", size: "sm", icon: "trailing", label: this.getButtonLabel(), iconName: "expand_more", disabled: this.disabled }))), this.variant === 'input' && (hAsync("div", { key: 'bde09b7f24cee5ef310234f4f0a888e1371299fc', class: "date-range-picker-trigger" }, hAsync("div", { key: '1b2c267606fc73cb6a077cde484e530230b7b1ed', class: "date-range-inputs", onClick: this.handleTriggerClick }, hAsync("bh-input-text", { key: 'bdb597e6c9c05e44ce555e4d7f4beb6c8897bf04', label: this.startLabel, placeholder: this.startPlaceholder, value: this.formatDate(this.selectedValue?.startDate || null), disabled: this.disabled, showTrailingIcon: true, trailingIcon: "calendar_today", showHelpIcon: false, showHintText: false, showLabel: this.showLabel, width: this.inputWidth, readOnly: true }), hAsync("bh-input-text", { key: 'e11c98f5a91f5c08af25137f5e8c424dacf3a995', label: this.endLabel, placeholder: this.endPlaceholder, value: this.formatDate(this.selectedValue?.endDate || null), disabled: this.disabled, showTrailingIcon: true, trailingIcon: "calendar_today", showHelpIcon: false, showHintText: false, showLabel: this.showLabel, width: this.inputWidth, readOnly: true })))), hAsync("div", { key: 'dbd547cf0d537493b3217922344ea0181dd1697b', class: "date-range-picker-menu-container" }, hAsync("bh-picker-menu", { key: 'ca14a25f564ab9d06f358f25ddd01569e5324b03', visible: this.isMenuOpen, showFooter: this.showFooter, disableApply: this.showFooter && (!this.tempSelection?.startDate || !this.tempSelection?.endDate), onBhCancel: this.handleMenuCancel, onBhApply: this.handleMenuApply }, hAsync("bh-date-range-picker-content", { key: '21b9f6399d4bec3302e1e62f48d1788604639874', minYear: this.minYear, maxYear: this.maxYear, disabled: this.disabled, disabledDates: this.disabledDates, showOtherMonthDays: this.showOtherMonthDays, value: this.tempSelection ?? this.selectedValue ?? undefined })))), (this.isMenuOpen || this.isMenuClosing) && (hAsync("div", { key: '5feaddf5c40b248e673c43fac218a33672c3ea67', class: "date-range-picker-backdrop", onClick: this.handleBackdropClick }))));
|
|
10546
10551
|
}
|
|
10547
10552
|
static get watchers() { return {
|
|
10548
10553
|
"value": ["handleValueChange"]
|
|
@@ -10714,7 +10719,7 @@ class BhDateRangePickerContent {
|
|
|
10714
10719
|
}
|
|
10715
10720
|
};
|
|
10716
10721
|
render() {
|
|
10717
|
-
return (hAsync(Host, { key: '
|
|
10722
|
+
return (hAsync(Host, { key: '7c35412bc77d4a6d92babf52bc4bdde39ec8d2ec' }, hAsync("div", { key: 'f8eac7735201591596f55e679add98994140befe', class: "date-range-picker-content" }, hAsync("div", { key: 'd6e8e2e8658a2dde6079cc0c7db386f631c06c3b', class: "date-pickers" }, hAsync("div", { key: 'b7aca7a97b0f76560c17161f9dddf1e2519765e1', class: "left-picker" }, hAsync("bh-date-picker-content", { key: '50a1b278d11b25a84dfb53380af94d399fcc519f', minYear: this.minYear, maxYear: this.maxYear, disabled: this.disabled, disabledDates: this.disabledDates, showOtherMonthDays: this.showOtherMonthDays, displayMonth: this.leftMonth, displayYear: this.leftYear, rangeStart: this.selectedRange?.startDate ?? undefined, rangeEnd: this.selectedRange?.endDate ?? undefined, onBhChange: this.handleLeftDateSelect, onBhMonthYearChange: this.handleLeftMonthYearChange })), hAsync("div", { key: 'c575d3c4b4f73c823a291a7ffb9b64acd2e72e24', class: "right-picker" }, hAsync("bh-date-picker-content", { key: 'c48fd925cf3b69784a85fc12aa1f20e684526ad1', minYear: this.minYear, maxYear: this.maxYear, disabled: this.disabled, disabledDates: this.disabledDates, showOtherMonthDays: this.showOtherMonthDays, displayMonth: this.rightMonth, displayYear: this.rightYear, rangeStart: this.selectedRange?.startDate ?? undefined, rangeEnd: this.selectedRange?.endDate ?? undefined, onBhChange: this.handleRightDateSelect, onBhMonthYearChange: this.handleRightMonthYearChange }))))));
|
|
10718
10723
|
}
|
|
10719
10724
|
static get watchers() { return {
|
|
10720
10725
|
"value": ["handleValueChange"]
|
|
@@ -12454,7 +12459,7 @@ class BhDropdown {
|
|
|
12454
12459
|
top: `${this.menuPosition.y}px`,
|
|
12455
12460
|
zIndex: '9999',
|
|
12456
12461
|
};
|
|
12457
|
-
return (hAsync("div", { key: '
|
|
12462
|
+
return (hAsync("div", { key: 'cb17c956defd409c4173f172ce056106b4f0ae2c', class: containerClasses }, !this.showAvatar && (hAsync("div", { key: '28ec3947e03a161bfc567de9b811a97468008784', ref: (el) => (this.triggerRef = el) }, hAsync("bh-button", { key: 'e92043521a1b545bc0e371a26487056f02fef67f', hierarchy: this.buttonHierarchy, icon: this.isIconOnly ? 'only' : 'trailing', size: this.size, label: this.isIconOnly ? '' : this.label, iconName: this.isIconOnly ? this.iconName : 'expand_more', disabled: this.disabled, onClick: this.toggleDropdown }))), this.showAvatar && (hAsync("div", { key: '40a34d155f736e78303a6defb41edce064ae99e2', ref: (el) => (this.triggerRef = el), class: avatarClasses, onClick: (e) => {
|
|
12458
12463
|
if (!this.disabled) {
|
|
12459
12464
|
e.stopPropagation();
|
|
12460
12465
|
this.toggleDropdown();
|
|
@@ -12464,7 +12469,7 @@ class BhDropdown {
|
|
|
12464
12469
|
e.preventDefault();
|
|
12465
12470
|
this.toggleDropdown();
|
|
12466
12471
|
}
|
|
12467
|
-
} }, hAsync("bh-avatar", { key: '
|
|
12472
|
+
} }, hAsync("bh-avatar", { key: '86952864755dd703231c93a5319cc5ff6a850735', type: "image", size: this.avatarSize, imageSrc: this.avatarSrc, alt: this.avatarAlt }))), hAsync("bh-dropdown-menu", { key: '1c45fc00783288986659d2a4a52f724ea129f5a8', ref: (el) => (this.menuRef = el), style: this.isOpen ? menuStyle : { display: 'none' }, visible: this.isOpen, showIcons: this.showIcons, menuItems: JSON.stringify(this.parsedMenuItems), header: this.parsedHeader ? JSON.stringify(this.parsedHeader) : undefined, onBhItemClick: this.handleMenuItemClick })));
|
|
12468
12473
|
}
|
|
12469
12474
|
static get watchers() { return {
|
|
12470
12475
|
"isOpen": ["handleOpenChange"]
|
|
@@ -12694,7 +12699,7 @@ class BhEmptyState {
|
|
|
12694
12699
|
render() {
|
|
12695
12700
|
const dimensions = this.getIllustrationDimensions();
|
|
12696
12701
|
const hasActions = this.primaryActionText || this.secondaryActionText;
|
|
12697
|
-
return (hAsync("div", { key: '
|
|
12702
|
+
return (hAsync("div", { key: '27627b41b22454be798780c7861b328c534cd17f', class: "empty-state", style: { maxWidth: this.maxWidth }, part: "container" }, hAsync("div", { key: '0809e434d3fe2b9d4403bc8b763dae2b7ad0d6aa', class: "empty-state-content" }, this.illustrationPath && (hAsync("div", { key: 'ca254dfb52ba2d70fef3dc667635f4c585637a82', class: "empty-state-illustration" }, hAsync("img", { key: '3247842b749cc543acbb047ff69e4095f89279fd', src: this.illustrationPath, alt: "Empty state illustration", style: { width: dimensions.width, height: dimensions.height } }))), hAsync("div", { key: 'e77d2dc3af030f599f9700bef3bf54010d3eaf0a', class: "empty-state-text" }, hAsync("h3", { key: '872c3d40a27b1b167e3fdb3f7847f4fbab27088c', class: "empty-state-title" }, this.emptyTitle), hAsync("p", { key: '600c02cbbd40936f3cb0db8f141f95682d0feda6', class: "empty-state-description" }, this.description))), hasActions && (hAsync("div", { key: 'b1adf10c9051c7286cef8a594f63ff6fe1cdf3a6', class: "empty-state-actions" }, this.secondaryActionText && (hAsync("bh-button", { key: '0cc391d958032db8e2269ab0d1119d26a107960d', hierarchy: "secondary", size: "md", label: this.secondaryActionText, icon: this.secondaryActionIcon ? 'leading' : 'none', iconName: this.secondaryActionIcon, onBhClick: this.handleSecondaryAction })), this.primaryActionText && (hAsync("bh-button", { key: '84a07abfba06f1740c62fb75eff8a3f0d6f5f45d', hierarchy: "primary", size: "md", label: this.primaryActionText, icon: this.primaryActionIcon ? 'leading' : 'none', iconName: this.primaryActionIcon, onBhClick: this.handlePrimaryAction }))))));
|
|
12698
12703
|
}
|
|
12699
12704
|
static get style() { return bhEmptyStateCss; }
|
|
12700
12705
|
static get cmpMeta() { return {
|
|
@@ -12747,7 +12752,7 @@ class BhFeaturedIcon {
|
|
|
12747
12752
|
[`featured-icon-${this.iconStyle}`]: true,
|
|
12748
12753
|
};
|
|
12749
12754
|
const iconClasses = `material-symbols-outlined icon-${this.size}`;
|
|
12750
|
-
return (hAsync("div", { key: '
|
|
12755
|
+
return (hAsync("div", { key: 'ee3492ab0b0ce3b0b877a36e1b7eb57ce6a3c62a', class: containerClasses, part: "container" }, hAsync("span", { key: '3708b8926e679cb8cb4d3ab77d7dcaa32ab45606', class: iconClasses }, this.icon)));
|
|
12751
12756
|
}
|
|
12752
12757
|
static get style() { return bhFeaturedIconCss; }
|
|
12753
12758
|
static get cmpMeta() { return {
|
|
@@ -12813,13 +12818,13 @@ class BhIllustrations {
|
|
|
12813
12818
|
}
|
|
12814
12819
|
render() {
|
|
12815
12820
|
const dimensions = this.getSvgDimensions();
|
|
12816
|
-
return (hAsync(Host, { key: '
|
|
12821
|
+
return (hAsync(Host, { key: 'a65f72ad086e4aba6f45d9d4761c5e8495a59116' }, hAsync("div", { key: 'c9d598b91411a2ab81e39575626b241c9bdaac1c', class: `illustration illustration-${this.size}` }, hAsync("div", { key: '8e079efbba6bdbb17d7aeac8f1ea7fd7dbfd140f', class: "illustration-wrapper" }, hAsync("div", { key: 'fb169e6536938a5e1677fd2c5ba71c88bf016fb5', class: "illustration-svg-container", style: {
|
|
12817
12822
|
width: `${dimensions.width}px`,
|
|
12818
12823
|
height: `${dimensions.height}px`,
|
|
12819
|
-
} }, hAsync("img", { key: '
|
|
12824
|
+
} }, hAsync("img", { key: '33cd687f5c55e1d16b520ef32e7ff736bf016ec2', src: this.svgPath, alt: this.alt, style: {
|
|
12820
12825
|
width: `${dimensions.width}px`,
|
|
12821
12826
|
height: `${dimensions.height}px`,
|
|
12822
|
-
}, class: "illustration-image" })), (this.illustrationTitle || this.description) && (hAsync("div", { key: '
|
|
12827
|
+
}, class: "illustration-image" })), (this.illustrationTitle || this.description) && (hAsync("div", { key: 'd9e18081075c91a3f5f89e2369c9f1d3ac66b1a8', class: "illustration-content" }, this.illustrationTitle && (hAsync("h3", { key: '95ce4ff7a15a732ef24622619dbcb5ee3f26ab79', class: "illustration-title" }, this.illustrationTitle)), this.description && (hAsync("p", { key: 'c5afd2f4409c3f27decbc6303cc91e54dc72a33f', class: "illustration-description" }, this.description))))))));
|
|
12823
12828
|
}
|
|
12824
12829
|
static get style() { return bhIllustrationsCss; }
|
|
12825
12830
|
static get cmpMeta() { return {
|
|
@@ -13145,7 +13150,7 @@ class BhInputAutocomplete {
|
|
|
13145
13150
|
};
|
|
13146
13151
|
render() {
|
|
13147
13152
|
const { tags, remaining } = this.visibleTags;
|
|
13148
|
-
return (hAsync(Host, { key: '
|
|
13153
|
+
return (hAsync(Host, { key: 'e81afafc3d2d63b506f5ec011cf79576f7fb2eb4' }, hAsync("div", { key: '88dbe305509a53562b58b227393a21df41a57b0b', class: "input-autocomplete-wrapper", style: { width: this.width }, onKeyDown: this.handleKeyDown }, this.multiSelect ? (
|
|
13149
13154
|
// Multi-select input with flowing tags
|
|
13150
13155
|
hAsync("div", { class: "input-wrapper" }, hAsync("bh-label", { label: this.showLabel ? this.label : '', required: this.required, showHelpIcon: this.showHelpIcon, helpIconTooltip: this.helpIconTooltip, disabled: this.disabled, onBhHelpClick: () => this.bhHelpClick.emit() }, hAsync("div", { class: {
|
|
13151
13156
|
'input-field': true,
|
|
@@ -13166,7 +13171,7 @@ class BhInputAutocomplete {
|
|
|
13166
13171
|
else {
|
|
13167
13172
|
this.showDropdown = false;
|
|
13168
13173
|
}
|
|
13169
|
-
}, onBhFocus: this.handleInputFocus, onBhBlur: this.handleInputBlur, onBhHelpClick: () => this.bhHelpClick.emit() })), hAsync("bh-autocomplete-menu", { key: '
|
|
13174
|
+
}, onBhFocus: this.handleInputFocus, onBhBlur: this.handleInputBlur, onBhHelpClick: () => this.bhHelpClick.emit() })), hAsync("bh-autocomplete-menu", { key: '751e691d384b9db87a91c1f92b85def4ec4191bf', visible: this.showDropdown, menuItems: this.filteredOptions, selectedIndex: this.focusedOptionIndex, multiSelect: this.multiSelect, searchQuery: this.value, onBhItemClick: this.handleOptionSelect, onBhItemHover: this.handleItemHover }))));
|
|
13170
13175
|
}
|
|
13171
13176
|
static get watchers() { return {
|
|
13172
13177
|
"value": ["handleValueChange"]
|
|
@@ -13499,7 +13504,7 @@ class BhInputNumber {
|
|
|
13499
13504
|
const wrapperStyle = this.width ? { width: this.width } : {};
|
|
13500
13505
|
const isDecrementDisabled = this.disabled || (this.min !== null && this.currentValue !== null && this.currentValue <= this.min);
|
|
13501
13506
|
const isIncrementDisabled = this.disabled || (this.max !== null && this.currentValue !== null && this.currentValue >= this.max);
|
|
13502
|
-
return (hAsync("div", { key: '
|
|
13507
|
+
return (hAsync("div", { key: '278d53e1c40a25389d360fc0c75c74894ba755d7', class: "input-wrapper", style: wrapperStyle }, hAsync("bh-label", { key: '733638c957fc4aa55556712746f905085d8786c3', label: this.showLabel ? this.label : '', required: this.required, showHelpIcon: this.showHelpIcon, helpIconTooltip: this.helpIconTooltip, disabled: this.disabled, onBhHelpClick: this.handleHelpIconClick }, hAsync("div", { key: 'b39692fa4e9224fec7812cb15ad23e445315c580', class: inputFieldClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, hAsync("div", { key: '886710563725178f4c2aea9d7b1cb0304b86afc6', class: "input-content" }, this.showLeadingIcon && (hAsync("span", { key: 'a7c607795176d55e607bb45cf590765106041997', class: "leading-icon material-symbols-outlined" }, this.leadingIcon)), this.prefixText && hAsync("span", { key: 'be1bdaa9e1d540cbf8c4c6c8345eded50faa761b', class: "prefix-text" }, this.prefixText), hAsync("input", { key: '4b33e8c0f28ec9eb9099848037d06578c75a287b', ref: (el) => (this.inputEl = el), type: "number", name: this.name, value: this.currentValue ?? '', placeholder: this.placeholder, disabled: this.disabled, required: this.required, class: `input-element ${textColorClass}`, onInput: this.handleInputChange, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, min: this.min ?? undefined, max: this.max ?? undefined, step: this.step }), this.suffixText && hAsync("span", { key: '39bb772ac5601880f6cfbe66cfd9ecb121ee75fa', class: "suffix-text" }, this.suffixText), hAsync("bh-button-icon", { key: '13a6c1d77202da25ff3e344e2128fc0115141d71', hierarchy: "tertiary", size: "xs", iconName: "remove", disabled: isDecrementDisabled, onClick: this.decrement, "aria-label": "Decrease value" }), hAsync("bh-button-icon", { key: '89e9b8ba1ea59ae10a6444e9da1a6531110b28a7', hierarchy: "tertiary", size: "xs", iconName: "add", disabled: isIncrementDisabled, onClick: this.increment, "aria-label": "Increase value" })))), this.showHintText && displayHintText && (hAsync("div", { key: 'd700dd86aab27b1987865252d47054c3002f3ac5', class: { 'hint-text': true, 'hint-error': showError } }, displayHintText))));
|
|
13503
13508
|
}
|
|
13504
13509
|
static get formAssociated() { return true; }
|
|
13505
13510
|
static get watchers() { return {
|
|
@@ -13713,7 +13718,7 @@ class BhInputPassword {
|
|
|
13713
13718
|
'input-container-disabled': this.disabled,
|
|
13714
13719
|
'input-container-with-leading': this.showLeadingIcon,
|
|
13715
13720
|
};
|
|
13716
|
-
return (hAsync("div", { key: '
|
|
13721
|
+
return (hAsync("div", { key: 'b0f1849104b9b3c267b96c9c427e786198433a27', class: "input-wrapper", part: "wrapper" }, hAsync("bh-label", { key: '3d97d6de33b22773bf8ff33b56f8ed1270a41e25', label: this.showLabel ? this.label : '', required: this.required, showHelpIcon: this.showHelpIcon, helpIconTooltip: this.helpIconTooltip, disabled: this.disabled, onBhHelpClick: this.handleHelpClick }, hAsync("div", { key: '80094721d20951e535b5902123e3cf7a87882f87', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, hAsync("div", { key: '2e1690d931ad132a0ed287788b7b88d918acb860', class: "input-content" }, this.showLeadingIcon && (hAsync("span", { key: '644e17275dbe35d64ef4763f3fb7e3642bddfd9f', class: "material-symbols-outlined leading-icon" }, this.leadingIcon)), hAsync("input", { key: '43380adf6440a4d4165fdfff41b7fde568c5b8db', ref: (el) => (this.inputEl = el), type: this.showPassword ? 'text' : 'password', class: "input-element", name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, "aria-label": this.label, "aria-describedby": this.showHintText && this.hintText ? 'hint-text' : undefined, "aria-invalid": String(this.error), onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" })), hAsync("span", { key: 'f37e871f12c2f86ce83aaa67b3c430628cc497a4', class: "material-symbols-outlined visibility-toggle", onClick: this.togglePasswordVisibility, title: this.showPassword ? 'Hide password' : 'Show password' }, this.showPassword ? 'visibility_off' : 'visibility'))), this.showHintText && this.hintText && (hAsync("div", { key: 'f0f0afa574cfabc38716c5546fcc55b3168a06a2', class: { 'hint-text': true, 'hint-error': this.error }, id: "hint-text" }, this.hintText))));
|
|
13717
13722
|
}
|
|
13718
13723
|
static get formAssociated() { return true; }
|
|
13719
13724
|
static get style() { return bhInputPasswordCss; }
|
|
@@ -13926,7 +13931,7 @@ class BhInputText {
|
|
|
13926
13931
|
'input-container-with-leading': this.showLeadingIcon,
|
|
13927
13932
|
};
|
|
13928
13933
|
const wrapperStyle = this.width ? { width: this.width } : {};
|
|
13929
|
-
return (hAsync("div", { key: '
|
|
13934
|
+
return (hAsync("div", { key: '414891a51bcbc7e4268d5a94e77f1f152f8505bc', class: "input-wrapper", part: "wrapper", style: wrapperStyle }, hAsync("bh-label", { key: '785e693c0d4e5a26872ebc61916960a0ecf3d127', label: this.showLabel ? this.label : '', required: this.required, showHelpIcon: this.showHelpIcon, helpIconTooltip: this.helpIconTooltip, disabled: this.disabled, onBhHelpClick: this.handleHelpClick }, hAsync("div", { key: '4958741bc4ff6fc7f48b14436e779b5e150838fc', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, hAsync("div", { key: '7d35106f2f121d8733964728b2afecd869e91115', class: "input-content" }, this.showLeadingIcon && (hAsync("span", { key: '24e852d80131a1e670e92fbd647832458933d7f2', class: "material-symbols-outlined leading-icon" }, this.leadingIcon)), hAsync("input", { key: 'dceb924d316ec5baf9531c81cffed128419ba58d', ref: (el) => (this.inputEl = el), type: this.type, class: "input-element", name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readOnly, required: this.required, "aria-label": this.label, "aria-describedby": this.showHintText && this.hintText ? 'hint-text' : undefined, "aria-invalid": String(this.error), onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" }), this.showTrailingIcon && (hAsync("span", { key: '2a61f35771f605283a07ae94ab549d407ecb1e76', class: "material-symbols-outlined trailing-icon" }, this.trailingIcon))))), this.showHintText && this.hintText && (hAsync("div", { key: '93181aa846e9cbd059ed15ad4c124726a3806b26', class: { 'hint-text': true, 'hint-error': this.error }, id: "hint-text" }, this.hintText))));
|
|
13930
13935
|
}
|
|
13931
13936
|
static get formAssociated() { return true; }
|
|
13932
13937
|
static get style() { return bhInputTextCss; }
|
|
@@ -14153,7 +14158,7 @@ class BhInputVerification {
|
|
|
14153
14158
|
}
|
|
14154
14159
|
render() {
|
|
14155
14160
|
const wrapperStyle = this.width ? { width: this.width } : {};
|
|
14156
|
-
return (hAsync("div", { key: '
|
|
14161
|
+
return (hAsync("div", { key: '580a1b39ccde16a2d8aaffa1ca86c31d6ea55a6f', class: "input-verification-wrapper", style: wrapperStyle }, hAsync("bh-label", { key: '7fbfbc9eb3309ce680f40198f07af68b1b2ed47f', label: this.showLabel ? this.label : '', required: this.required, disabled: this.disabled }, hAsync("div", { key: '0eb5e7105b3c34f6cce4aeed02f080bf92288811', class: "input-verification-container" }, this.renderInputs())), this.showHintText && this.hintText && (hAsync("div", { key: '45d3f28c1ffa87ebca45cd2ca3b7e20ce7660077', class: { 'hint-text': true, 'error': this.error } }, this.hintText))));
|
|
14157
14162
|
}
|
|
14158
14163
|
static get watchers() { return {
|
|
14159
14164
|
"value": ["watchValue"],
|
|
@@ -14455,7 +14460,7 @@ class BhLogoBox {
|
|
|
14455
14460
|
'logo': true,
|
|
14456
14461
|
[`logo-${this.logoType}`]: true,
|
|
14457
14462
|
};
|
|
14458
|
-
return (hAsync(Host, { key: '
|
|
14463
|
+
return (hAsync(Host, { key: '985acfef2fca901fb8c41841d4737a358b394e93' }, hAsync("div", { key: '84e35164c6ca56ac92baad96f3c7bb4fd00b7d7d', class: logoBoxClasses }, hAsync("div", { key: 'c384be609e661e4cb5c7cc64638c023caecc8220', ref: (el) => (this.logoActiveRef = el), class: "logo-active", onClick: this.handleLogoClick }, hAsync("img", { key: 'aba6f0f867a848351e485ac80327cfdfaa015983', src: this.getLogoSrc(), alt: `${this.logoType} logo`, class: logoClasses })), hAsync("div", { key: 'd0c70549dcd8f7ce5782dffc11dc1cd43deaa047', class: "logo-more-products" })), hAsync("bh-product-switcher", { key: 'f0349193f9deafccc33e36d6e414d9e128b462f2', isOpen: this.isOpen, anchorPosition: this.anchorPosition, products: this.products, onBhClose: this.handleClose, onBhProductSelect: this.handleProductSelect })));
|
|
14459
14464
|
}
|
|
14460
14465
|
static get style() { return bhLogoBoxCss; }
|
|
14461
14466
|
static get cmpMeta() { return {
|
|
@@ -14592,7 +14597,7 @@ class BhModalActions {
|
|
|
14592
14597
|
return (hAsync("div", { class: "modal-actions-content modal-actions-content--fill" }, secondaryButton, primaryButton));
|
|
14593
14598
|
}
|
|
14594
14599
|
render() {
|
|
14595
|
-
return (hAsync(Host, { key: '
|
|
14600
|
+
return (hAsync(Host, { key: 'a2ebe2ef19c22b54f9cf012be1afd5d5f518501e' }, hAsync("div", { key: '949126f8d1f5c5c2e465976c9e7185358a78ed8f', class: "modal-actions" }, this.divider && hAsync("div", { key: '8d679073738a0bd139533e228da7ab41f4817783', class: "divider" }), this.renderButtons())));
|
|
14596
14601
|
}
|
|
14597
14602
|
static get style() { return bhModalActionsCss; }
|
|
14598
14603
|
static get cmpMeta() { return {
|
|
@@ -14664,19 +14669,19 @@ class BhModalHeader {
|
|
|
14664
14669
|
render() {
|
|
14665
14670
|
const isHorizontal = this.type === 'horizontal-left-aligned';
|
|
14666
14671
|
const isCenter = this.type === 'center-aligned';
|
|
14667
|
-
return (hAsync(Host, { key: '
|
|
14672
|
+
return (hAsync(Host, { key: '0cd587f790ac57e2f1223290f165befb670c5f69' }, hAsync("div", { key: '05b3d29fab868c0df0f4c78627f4a73881e6be78', class: {
|
|
14668
14673
|
'modal-header': true,
|
|
14669
14674
|
'modal-header--center': isCenter,
|
|
14670
14675
|
'modal-header--horizontal': isHorizontal,
|
|
14671
|
-
} }, hAsync("div", { key: '
|
|
14676
|
+
} }, hAsync("div", { key: '5df36c324cc53882cf6f5bdd1751e1a5c6dcfb74', class: {
|
|
14672
14677
|
'modal-header-content': true,
|
|
14673
14678
|
'modal-header-content--center': isCenter,
|
|
14674
14679
|
'modal-header-content--horizontal': isHorizontal,
|
|
14675
|
-
} }, this.showIcon && this.icon && (hAsync("bh-featured-icon", { key: '
|
|
14680
|
+
} }, this.showIcon && this.icon && (hAsync("bh-featured-icon", { key: '0b266b4ec69566e86d50d8e92a59cb65c5325d2f', icon: this.icon, color: this.iconColor, size: "md", iconStyle: "outlined" })), hAsync("div", { key: '49f156f8da0a2490864e7bfed47f86c47186019a', class: {
|
|
14676
14681
|
'modal-text-content': true,
|
|
14677
14682
|
'modal-text-content--center': isCenter,
|
|
14678
14683
|
'modal-text-content--horizontal': isHorizontal,
|
|
14679
|
-
} }, hAsync("h3", { key: '
|
|
14684
|
+
} }, hAsync("h3", { key: '9a1ec5d615a2bc4235436df1dca06f491cd35060', class: "modal-title" }, this.modalTitle), this.description && (hAsync("p", { key: '3192bfb2c7c22a38c6b659f22a1888cdff06d8cc', class: "modal-description" }, this.description)))), this.showCloseButton && (hAsync("bh-button-icon", { key: '9cf4075c307cf9fac21d09ad5f24ae79f008e856', class: "close-button", hierarchy: "quaternary", size: "sm", iconName: "close", ariaLabel: "Close modal", onBhClick: this.handleClose }))), this.paddingBottom && hAsync("div", { key: '7540d61acc791bf7990250152c7de58d86c76349', class: "padding-bottom" }), this.divider && hAsync("div", { key: '59fef37c5b48aa865eb4df6d3fbc26d83b2bc083', class: "divider" })));
|
|
14680
14685
|
}
|
|
14681
14686
|
static get style() { return bhModalHeaderCss; }
|
|
14682
14687
|
static get cmpMeta() { return {
|
|
@@ -14699,7 +14704,7 @@ class BhModalHeader {
|
|
|
14699
14704
|
}; }
|
|
14700
14705
|
}
|
|
14701
14706
|
|
|
14702
|
-
const bhMonthPickerCss = "
|
|
14707
|
+
const bhMonthPickerCss = ":host{display:inline-block;position:relative}.month-picker-container{position:relative;display:inline-block}.month-picker-trigger{cursor:pointer}.month-picker-trigger.input-field-container{position:relative}.calendar-icon-overlay{position:absolute;top:0;right:0;width:40px;height:100%;cursor:pointer;z-index:1}.month-picker-menu-container{position:absolute;top:100%;left:0;z-index:1000;margin-top:var(--spacing-xs)}.month-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}";
|
|
14703
14708
|
|
|
14704
14709
|
class BhMonthPicker {
|
|
14705
14710
|
constructor(hostRef) {
|
|
@@ -14837,7 +14842,7 @@ class BhMonthPicker {
|
|
|
14837
14842
|
this.handleMenuCancel();
|
|
14838
14843
|
};
|
|
14839
14844
|
render() {
|
|
14840
|
-
return (hAsync(Host, { key: '
|
|
14845
|
+
return (hAsync(Host, { key: '5b72723d083d321a76f50fc04c191f8e64ef7401' }, hAsync("div", { key: '0f8b024ea7d80d7bfbb7b9ab2fbce4fceb4d33a5', class: "month-picker-container" }, this.variant === 'dropdown-outlined' && (hAsync("div", { key: '7c69c561c8e9e1c4f65a4021985ba88bb9d7848f', class: "month-picker-trigger", onClick: this.handleTriggerClick }, hAsync("bh-button", { key: '4b14cce01f5fa83bccc8045223cd4ba3f111b049', hierarchy: "secondary", size: "sm", icon: "trailing", label: this.getButtonLabel(), iconName: "expand_more", disabled: this.disabled }))), this.variant === 'dropdown-ghost' && (hAsync("div", { key: 'cc845860105690b11a954f1e3b8ea4d06976f097', class: "month-picker-trigger", onClick: this.handleTriggerClick }, hAsync("bh-button", { key: '0c0bc4886457509969c725e76ddbaedc3adcff88', hierarchy: "tertiary", size: "sm", icon: "trailing", label: this.getButtonLabel(), iconName: "expand_more", disabled: this.disabled }))), this.variant === 'input' && (hAsync("div", { key: '7847aaa686ddeca915994d07cdb8bfb99f0a87f7', class: "month-picker-trigger input-field-container" }, hAsync("bh-input-text", { key: '31f5a2d39301b34abf4ab253107190e1ccd3c5e3', label: this.label, placeholder: this.placeholder, value: this.getDisplayValue(), disabled: this.disabled, showTrailingIcon: true, trailingIcon: "calendar_month", showHelpIcon: false, showHintText: false, showLabel: this.showLabel, width: this.inputWidth, onBhFocus: this.handleInputFocus }), hAsync("div", { key: 'bb84f723548e70f1557ff4516aa2de9abfd7aca5', class: "calendar-icon-overlay", onClick: this.handleTriggerClick }))), hAsync("div", { key: '1cf1cb70a374da2d136b882fd8c058725ed979a1', class: "month-picker-menu-container" }, hAsync("bh-picker-menu", { key: '2e39f11a1f122f55640be121fb1379d681133442', visible: this.isMenuOpen, minYear: this.minYear, maxYear: this.maxYear, disabled: this.disabled, disabledMonths: this.disabledMonths, showFooter: this.showFooter, value: this.tempSelection || this.selectedValue || undefined, onBhChange: this.handleMonthYearSelect, onBhMonthYearSelect: this.handleMonthYearSelect, onBhCancel: this.handleMenuCancel, onBhApply: this.handleMenuApply }))), (this.isMenuOpen || this.isMenuClosing) && (hAsync("div", { key: '0b76f799e8a917aa49f317b056d1d27ff1023197', class: "month-picker-backdrop", onClick: this.handleBackdropClick }))));
|
|
14841
14846
|
}
|
|
14842
14847
|
static get watchers() { return {
|
|
14843
14848
|
"value": ["handleValueChange"]
|
|
@@ -14869,7 +14874,7 @@ class BhMonthPicker {
|
|
|
14869
14874
|
}; }
|
|
14870
14875
|
}
|
|
14871
14876
|
|
|
14872
|
-
const bhMonthPickerContentCss = "
|
|
14877
|
+
const bhMonthPickerContentCss = ":host{display:block}.month-picker-content{width:100%;overflow-x:hidden;font-family:var(--font-inter)}.month-picker-content.animate-slide-up-enter{animation-duration:var(--animation-duration-slow, 0.3s)}.month-picker-content.scrollable{max-height:340px;overflow-y:auto;overflow-y:overlay;position:relative}.month-picker-content.scrollable::-webkit-scrollbar{width:var(--spacing-xs)}.month-picker-content.scrollable::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-xs)}.month-picker-content.scrollable::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--radius-xs);transition:background 0.2s ease}.month-picker-content.scrollable:hover::-webkit-scrollbar-track{background:var(--color-neutral-50)}.month-picker-content.scrollable:hover::-webkit-scrollbar-thumb{background:var(--color-neutral-200)}.month-picker-content.scrollable:hover::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-300)}.month-picker-content.scrollable{scrollbar-width:thin;scrollbar-color:transparent transparent}.month-picker-content.scrollable:hover{scrollbar-color:var(--color-neutral-200) transparent}.calendar{display:flex;flex-direction:column;width:100%;padding:var(--spacing-lg) 0 var(--spacing-lg) var(--spacing-lg)}.year-section{display:flex;flex-direction:column;width:100%}.year-month-container{display:flex;flex-direction:row;width:100%;align-items:flex-start}.year-label{width:auto;height:auto;display:flex;align-items:flex-start;justify-content:flex-start;font-family:var(--font-inter);font-weight:var(--weight-bold);font-size:var(--text-sm-size);line-height:var(--text-md-line);color:var(--color-neutral-700);flex-shrink:0;min-width:50px;padding:var(--spacing-md) 0}.months-row{display:flex;flex-direction:column;}.month-button{width:40px;height:40px;border-radius:var(--radius-full);border:2px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;font-family:var(--font-inter);font-weight:var(--weight-medium);font-size:var(--text-sm-size);line-height:var(--leading-sm);color:var(--color-neutral-500);cursor:pointer;transition:all var(--animation-duration-fast, 0.1s) var(--animation-easing-ease, ease);flex-shrink:0;text-align:center;overflow:hidden}.month-row{display:flex;gap:var(--spacing-sm);justify-content:flex-start}.month-button:hover:not(.inactive):not(.selected):not(:disabled):not(.today){background:var(--color-neutral-50);color:var(--color-neutral-800)}.month-button.selected{background:var(--color-brand-600);color:var(--color-white);font-weight:var(--weight-semibold)}.month-button.today:not(.selected){border-color:var(--color-brand-600)}.month-button.today:not(.selected):hover{background:var(--color-brand-100);color:var(--color-brand-600)}.month-button.inactive,.month-button:disabled{opacity:0.4;cursor:not-allowed;color:var(--color-neutral-400)}.month-button:disabled:hover{background:transparent}.section-divider{width:100%;margin:var(--spacing-xl) 0}.divider-container{width:100%;display:flex;justify-content:center}.divider-line{width:100%;height:1px;background:var(--color-neutral-200)}.month-button:focus{outline:none}.month-button.keyboard-focused{outline:var(--border-width-md, 2px) solid var(--color-brand-500);outline-offset:var(--spacing-xs)}";
|
|
14873
14878
|
|
|
14874
14879
|
class BhMonthPickerContent {
|
|
14875
14880
|
constructor(hostRef) {
|
|
@@ -15039,7 +15044,7 @@ class BhMonthPickerContent {
|
|
|
15039
15044
|
}
|
|
15040
15045
|
render() {
|
|
15041
15046
|
const years = this.getYears();
|
|
15042
|
-
return (hAsync(Host, { key: '
|
|
15047
|
+
return (hAsync(Host, { key: 'a75e03f25c6d6637fe34d0c254f9546d527fb8cd' }, hAsync("div", { key: '2b1583d74114af9e35bab621308cc2faa12cc2ca', class: `month-picker-content animate-slide-up-enter ${this.scrollable ? 'scrollable' : ''}`, style: { height: this.height }, onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown }, hAsync("div", { key: '709506a2453d8da663391d84d4ee2f77e72acc43', class: "calendar" }, years.map((year, yearIndex) => (hAsync("div", { key: year, class: "year-section", id: `year-${year}` }, hAsync("div", { class: "year-month-container" }, hAsync("div", { class: "year-label" }, year), hAsync("div", { class: "months-row" }, hAsync("div", { class: "month-row" }, this.months.slice(0, 6).map((_, monthIndex) => (hAsync("button", { key: monthIndex, class: this.getMonthButtonClasses(monthIndex, year), disabled: !this.isMonthSelectable(monthIndex, year), onClick: () => this.selectMonth(monthIndex, year) }, this.months[monthIndex])))), hAsync("div", { class: "month-row" }, this.months.slice(6, 12).map((_, idx) => {
|
|
15043
15048
|
const monthIndex = idx + 6;
|
|
15044
15049
|
return (hAsync("button", { key: monthIndex, class: this.getMonthButtonClasses(monthIndex, year), disabled: !this.isMonthSelectable(monthIndex, year), onClick: () => this.selectMonth(monthIndex, year) }, this.months[monthIndex]));
|
|
15045
15050
|
})))), yearIndex < years.length - 1 && (hAsync("div", { class: "section-divider" }, hAsync("div", { class: "divider-container" }, hAsync("div", { class: "divider-line" })))))))))));
|
|
@@ -15117,7 +15122,7 @@ class BhNavItem {
|
|
|
15117
15122
|
'active': this.isActive,
|
|
15118
15123
|
'disabled': this.disabled,
|
|
15119
15124
|
};
|
|
15120
|
-
return (hAsync("div", { key: '
|
|
15125
|
+
return (hAsync("div", { key: '2460e270a66fde02f4af62520b2f6174eb1568b6', class: navItemClasses }, hAsync("button", { key: 'b68ec117fe2901a4e16e1b483eac17f4f9aeeb32', class: "nav-item-button", "aria-label": this.label, type: "button", onClick: this.handleClick, onKeyDown: this.handleKeyDown, disabled: this.disabled, tabIndex: this.disabled ? -1 : 0 }, hAsync("span", { key: 'dc176a94103a90136e1823506005762c4ff88bf6', class: "material-symbols-outlined icon" }, this.icon)), hAsync("p", { key: '96321c87839cfd2c9590e485a4f58fe66a86127a', class: "nav-item-label" }, this.label)));
|
|
15121
15126
|
}
|
|
15122
15127
|
static get style() { return bhNavItemCss; }
|
|
15123
15128
|
static get cmpMeta() { return {
|
|
@@ -15252,7 +15257,7 @@ class BhNotification {
|
|
|
15252
15257
|
notification: true,
|
|
15253
15258
|
[`notification-${this.type}`]: true,
|
|
15254
15259
|
};
|
|
15255
|
-
return (hAsync("div", { key: '
|
|
15260
|
+
return (hAsync("div", { key: '3dca532858cd5fda3ce430da47acdcc89a59679f', class: notificationClasses, role: "alert", part: "container" }, hAsync("div", { key: '88b4f31ec0d5b2aba6767d8fc616c8544cb8b773', class: "notification-content" }, hAsync("div", { key: 'a66e70043c3c89b7b8a0498f958781056dd2b965', class: "notification-icon-wrapper" }, hAsync("bh-featured-icon", { key: 'f8d9468175bcec7b8b080c23020ac27888cd93c7', icon: this.getIconName(), color: this.getIconColor(), size: "sm", iconStyle: this.getIconStyle() })), hAsync("div", { key: 'e0e6e3be7de7cd45c042eb7c9c5139beaf927e14', class: "notification-text" }, hAsync("div", { key: '4e855b80ea1eed53a4dee705cca87c527fd3d92d', class: "notification-text-wrapper" }, this.notificationTitle && (hAsync("h3", { key: 'b75f8445ec14d53ba2dcd01769cc54fdbb2357b8', class: "notification-title" }, this.notificationTitle)), this.description && (hAsync("p", { key: '1ad69b5841b0398aa7d0696734792027cc5359e9', class: "notification-description" }, this.description))), (this.actionText || this.dismissText) && (hAsync("div", { key: 'd904d8b16edb41fa584015e899ea26b81d087d3c', class: "notification-actions" }, this.dismissText && (hAsync("bh-button", { key: 'becb63bc964462c0b0eef1fc6f17b001fed09ef2', hierarchy: "quaternary", size: "sm", label: this.dismissText, icon: "none", onBhClick: this.handleDismiss })), this.actionText && (hAsync("bh-button", { key: '6bfe290c58f160f06f1df3bc4fdcbfea753d9553', hierarchy: "quaternary", size: "sm", label: this.actionText, icon: "none", onBhClick: this.handleAction })))))), this.dismissible && (hAsync("button", { key: 'b3e8fec95246c23eb7bd4165f5c66725ec231811', class: "notification-close", onClick: this.handleClose, "aria-label": "Close notification" }, hAsync("span", { key: 'b041ba68bc67e969327408f40ff3cd92c8a52a73', class: "material-symbols-outlined close-icon" }, "close")))));
|
|
15256
15261
|
}
|
|
15257
15262
|
static get style() { return bhNotificationCss; }
|
|
15258
15263
|
static get cmpMeta() { return {
|
|
@@ -15331,7 +15336,7 @@ class BhPageNavigation {
|
|
|
15331
15336
|
this.bhItemClick.emit({ itemId, childIndex });
|
|
15332
15337
|
};
|
|
15333
15338
|
render() {
|
|
15334
|
-
return (hAsync(Host, { key: '
|
|
15339
|
+
return (hAsync(Host, { key: '96e305381a9f4148c9adaaefd27c7deca8071bfb' }, hAsync("div", { key: '5f00d8f3c967ba122b987fe414c8a9f48a86c4ae', class: "page-navigation" }, hAsync("div", { key: 'c4d5cd5413aee68055cf864a1f5b2b54159b7249', class: "page-navigation-header" }, hAsync("h2", { key: '1c5e9d38b17e7ed63f3b69fd324fec86aa806a6b', class: "page-navigation-title" }, this.navTitle)), hAsync("nav", { key: '3db056f1d9d6e607cc69d27df7ff25e6fbaac8c1', class: "page-navigation-list" }, this.items.map(item => item.type === 'single' ? (hAsync("bh-page-navigation-single-level", { key: item.id, label: item.label, icon: item.icon, isActive: item.isActive || false, onBhItemClick: () => this.handleSingleLevelClick(item.id) })) : (hAsync("bh-page-navigation-multi-level", { key: item.id, label: item.label, icon: item.icon, childItems: item.children || [], isExpanded: item.isExpanded || false, onBhToggle: () => this.handleMultiLevelToggle(item.id), onBhChildClick: (e) => this.handleMultiLevelChildClick(item.id, e.detail) })))))));
|
|
15335
15340
|
}
|
|
15336
15341
|
static get watchers() { return {
|
|
15337
15342
|
"navigationItems": ["handleNavigationItemsChange"]
|
|
@@ -15388,7 +15393,7 @@ class BhPageNavigationChild {
|
|
|
15388
15393
|
};
|
|
15389
15394
|
}
|
|
15390
15395
|
render() {
|
|
15391
|
-
return (hAsync(Host, { key: '
|
|
15396
|
+
return (hAsync(Host, { key: '7b51730980d4a8e466d5cca640339572f6ad2062' }, hAsync("div", { key: '8ed4a9c84c92b7786a3986748575eaf336ef86a6', class: this.getItemClasses(), onClick: this.handleClick }, hAsync("div", { key: '387bc1a2264c8a9474f294ea7104d6296ca0bbf3', class: "page-navigation-child-content" }, hAsync("span", { key: '9b3961e48932f09887c519b56721994478dfca77', class: "page-navigation-child-label" }, this.label), this.badge !== undefined && this.showBadge && (hAsync("span", { key: '430e176454b97486a2e4d08fc21283c03ac11b24', class: "page-navigation-child-badge" }, this.badge))))));
|
|
15392
15397
|
}
|
|
15393
15398
|
static get style() { return bhPageNavigationChildCss; }
|
|
15394
15399
|
static get cmpMeta() { return {
|
|
@@ -15494,11 +15499,11 @@ class BhPageNavigationMultiLevel {
|
|
|
15494
15499
|
};
|
|
15495
15500
|
}
|
|
15496
15501
|
render() {
|
|
15497
|
-
return (hAsync(Host, { key: '
|
|
15502
|
+
return (hAsync(Host, { key: 'a87bd5e1926673b22bbac28ae94f0694269f3f07' }, hAsync("div", { key: '8feec4d248ee32f4d2085e728990db1f9f2d14b2', class: this.getItemClasses() }, hAsync("div", { key: 'aeaeae5646262b697dc151ee4996930db392234a', class: "page-navigation-multi-level-parent", onClick: this.handleParentClick, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, hAsync("div", { key: '72c0fb3fe1f681c484a0a5e17551d09dd068f03a', class: "page-navigation-item-content" }, !this.isHovered && (hAsync("span", { key: '622878b142a39d2b5b8fa69865b55ecce0b85f47', class: "page-navigation-item-icon material-symbols-outlined" }, this.icon)), this.isHovered && (hAsync("span", { key: '4844c5fe0c69a225804ecebdef091887237d4667', class: {
|
|
15498
15503
|
'page-navigation-chevron-icon': true,
|
|
15499
15504
|
'material-symbols-outlined': true,
|
|
15500
15505
|
'expanded': this.isExpanded,
|
|
15501
|
-
} }, "expand_more")), hAsync("span", { key: '
|
|
15506
|
+
} }, "expand_more")), hAsync("span", { key: '347a59718d412ab1f930ea565fb33c4f6a8be0f0', class: "page-navigation-item-label" }, this.label), hAsync("bh-button", { key: '117a5ee32f65dbd9afdf499d4cc4438c9ab6a3c9', hierarchy: "tertiary", icon: "only", size: "xs", iconName: "add", onClick: this.handleAddClick }))), (this.isExpanded || this.isAnimating) && (hAsync("div", { key: '56cbc14fbc61c335dfbd3a22c20a11b928ce04bd', class: `page-navigation-children ${this.animationClass}` }, this.childItems.map((child, index) => (hAsync("bh-page-navigation-child", { key: index, label: child.label, badge: child.badge, showBadge: child.showBadge, isActive: child.isActive, onBhItemClick: () => this.handleChildClick(index) }))))))));
|
|
15502
15507
|
}
|
|
15503
15508
|
static get watchers() { return {
|
|
15504
15509
|
"isExpanded": ["handleExpandedChange"]
|
|
@@ -15557,7 +15562,7 @@ class BhPageNavigationSingleLevel {
|
|
|
15557
15562
|
};
|
|
15558
15563
|
}
|
|
15559
15564
|
render() {
|
|
15560
|
-
return (hAsync(Host, { key: '
|
|
15565
|
+
return (hAsync(Host, { key: '5b3997d17859a74a8b564e348b8c81a440cb7776' }, hAsync("div", { key: 'c34fa8060ff6baf90361a39615b344352d34ce59', class: this.getItemClasses(), onClick: () => this.handleClick() }, hAsync("div", { key: 'e6dd19e247dda5dd1f957610453539cf8143440c', class: "page-navigation-item-content" }, hAsync("span", { key: '3df9dacf7dc53e3afd443984e0953cb3843793c7', class: "page-navigation-item-icon material-symbols-outlined" }, this.icon), hAsync("span", { key: '857b837aaa75cbcb678f7b9eb21b35be873085d1', class: "page-navigation-item-label" }, this.label)))));
|
|
15561
15566
|
}
|
|
15562
15567
|
static get style() { return bhPageNavigationSingleLevelCss; }
|
|
15563
15568
|
static get cmpMeta() { return {
|
|
@@ -15574,7 +15579,7 @@ class BhPageNavigationSingleLevel {
|
|
|
15574
15579
|
}; }
|
|
15575
15580
|
}
|
|
15576
15581
|
|
|
15577
|
-
const bhPaginationCss = ":host{display:block;font-family:var(--font-family-body, 'Inter', sans-serif)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4, 1rem);padding:var(--sp-3, 0.75rem) var(--sp-4, 1rem);background-color:var(--color-white, #fff);border-top:1px solid var(--color-neutral-200, #e2e4eb)}.pagination-
|
|
15582
|
+
const bhPaginationCss = ":host{display:block;font-family:var(--font-family-body, 'Inter', sans-serif)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4, 1rem);padding:var(--sp-3, 0.75rem) var(--sp-4, 1rem);background-color:var(--color-white, #fff);border-top:1px solid var(--color-neutral-200, #e2e4eb)}.pagination-disabled{opacity:0.5;pointer-events:none}.pagination-info{display:flex;align-items:center}.pagination-info-text{font-size:0.875rem;color:var(--color-neutral-600, #5c627a);white-space:nowrap}.pagination-controls{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--sp-4, 1rem)}.pagination-page-size{display:flex;align-items:center;gap:var(--sp-2, 0.5rem)}.pagination-page-size-label{font-size:0.875rem;color:var(--color-neutral-600, #5c627a);white-space:nowrap}.pagination-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--color-white, #fff);border:1px solid var(--color-neutral-300, #c0c4d4);border-radius:var(--radius-md, 6px);padding:0 var(--sp-6, 1.5rem) 0 var(--sp-3, 0.75rem);height:32px;font-size:0.875rem;color:var(--color-neutral-900, #141624);cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%235c627a'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 4px center;background-size:16px}.pagination-select:hover:not(:disabled){border-color:var(--color-neutral-400, #939ab4)}.pagination-select:focus{outline:none;border-color:var(--color-brand-600);box-shadow:0 0 0 3px var(--color-brand-100, #e0e1fc)}.pagination-select:disabled{background-color:var(--color-neutral-100, #f0f1f5);cursor:not-allowed}.pagination-nav{display:flex;align-items:center;gap:var(--sp-1, 0.25rem)}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-md, 6px);background-color:transparent;color:var(--color-neutral-600, #5c627a);cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease}.pagination-btn .material-symbols-outlined{font-size:20px;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20}.pagination-btn:hover:not(:disabled){background-color:var(--color-neutral-100, #f0f1f5);color:var(--color-neutral-900, #141624)}.pagination-btn:focus{outline:none;box-shadow:0 0 0 2px var(--color-brand-100, #e0e1fc)}.pagination-btn:active:not(:disabled){background-color:var(--color-neutral-200, #e2e4eb)}.pagination-btn:disabled{opacity:0.4;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:var(--sp-1, 0.25rem)}.pagination-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--sp-2, 0.5rem);border:1px solid transparent;border-radius:var(--radius-md, 6px);background-color:transparent;color:var(--color-neutral-700, #4d5266);font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.15s ease}.pagination-page-btn:hover:not(:disabled){background-color:var(--color-neutral-100, #f0f1f5);color:var(--color-neutral-900, #141624)}.pagination-page-btn-active{background-color:var(--color-brand-600);color:var(--color-white, #fff);border-color:var(--color-brand-600)}.pagination-page-btn-active:hover:not(:disabled){background-color:var(--color-brand-600);border-color:var(--color-brand-600);color:var(--color-white, #fff)}.pagination-page-btn:focus{outline:none;box-shadow:0 0 0 2px var(--color-brand-400)}.pagination-page-btn:disabled{opacity:0.4;cursor:not-allowed}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:24px;color:var(--color-neutral-400, #939ab4);font-size:0.875rem;user-select:none}.pagination-page-display{display:flex;align-items:center;gap:var(--sp-2, 0.5rem)}.pagination-page-text{font-size:0.875rem;color:var(--color-neutral-700, #4d5266);white-space:nowrap}.pagination-page-input{width:60px;height:32px;padding:0 var(--sp-2, 0.5rem);border:1px solid var(--color-neutral-300, #c0c4d4);border-radius:var(--radius-md, 6px);font-size:0.875rem;text-align:center;color:var(--color-neutral-900, #141624);background-color:var(--color-white, #fff);transition:border-color 0.15s ease, box-shadow 0.15s ease}.pagination-page-input:hover:not(:disabled){border-color:var(--color-neutral-400, #939ab4)}.pagination-page-input:focus{outline:none;border-color:var(--color-brand-500, #6366f1);box-shadow:0 0 0 3px var(--color-brand-100, #e0e1fc)}.pagination-page-input:disabled{background-color:var(--color-neutral-100, #f0f1f5);cursor:not-allowed}.pagination-page-input::-webkit-inner-spin-button,.pagination-page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination-page-input[type='number']{-moz-appearance:textfield}@media (max-width: 640px){.pagination{flex-direction:column;align-items:stretch;gap:var(--sp-3, 0.75rem)}.pagination-info{justify-content:center}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-page-size{width:100%;justify-content:center}.pagination-nav{justify-content:center}}";
|
|
15578
15583
|
|
|
15579
15584
|
class BhPagination {
|
|
15580
15585
|
constructor(hostRef) {
|
|
@@ -15607,13 +15612,13 @@ class BhPagination {
|
|
|
15607
15612
|
*/
|
|
15608
15613
|
showItemCount = true;
|
|
15609
15614
|
/**
|
|
15610
|
-
*
|
|
15615
|
+
* Compact mode - shows input field instead of page numbers
|
|
15611
15616
|
*/
|
|
15612
|
-
|
|
15617
|
+
compact = false;
|
|
15613
15618
|
/**
|
|
15614
|
-
*
|
|
15619
|
+
* Maximum number of page numbers to show (for non-compact mode)
|
|
15615
15620
|
*/
|
|
15616
|
-
|
|
15621
|
+
maxPageNumbers = 5;
|
|
15617
15622
|
/**
|
|
15618
15623
|
* Whether the pagination is disabled
|
|
15619
15624
|
*/
|
|
@@ -15686,13 +15691,41 @@ class BhPagination {
|
|
|
15686
15691
|
this.internalPage = newPage;
|
|
15687
15692
|
this.page = newPage;
|
|
15688
15693
|
}
|
|
15689
|
-
this.bhPageSizeChange.emit({
|
|
15694
|
+
this.bhPageSizeChange.emit({
|
|
15695
|
+
page: this.internalPage,
|
|
15696
|
+
pageSize: newPageSize,
|
|
15697
|
+
});
|
|
15690
15698
|
}
|
|
15691
15699
|
}
|
|
15692
|
-
goToFirst = () => this.goToPage(1);
|
|
15693
15700
|
goToPrevious = () => this.goToPage(this.internalPage - 1);
|
|
15694
15701
|
goToNext = () => this.goToPage(this.internalPage + 1);
|
|
15695
|
-
|
|
15702
|
+
handlePageInputChange(event) {
|
|
15703
|
+
const input = event.target;
|
|
15704
|
+
const pageNumber = parseInt(input.value, 10);
|
|
15705
|
+
if (!isNaN(pageNumber)) {
|
|
15706
|
+
this.goToPage(pageNumber);
|
|
15707
|
+
}
|
|
15708
|
+
}
|
|
15709
|
+
getPageNumbers() {
|
|
15710
|
+
const totalPages = this.totalPages;
|
|
15711
|
+
const currentPage = this.internalPage;
|
|
15712
|
+
const maxPages = this.maxPageNumbers;
|
|
15713
|
+
if (totalPages <= maxPages) {
|
|
15714
|
+
return Array.from({ length: totalPages }, (_, i) => i + 1);
|
|
15715
|
+
}
|
|
15716
|
+
const pages = [];
|
|
15717
|
+
const half = Math.floor(maxPages / 2);
|
|
15718
|
+
let start = Math.max(1, currentPage - half);
|
|
15719
|
+
let end = Math.min(totalPages, start + maxPages - 1);
|
|
15720
|
+
// Adjust start if we're near the end
|
|
15721
|
+
if (end - start < maxPages - 1) {
|
|
15722
|
+
start = Math.max(1, end - maxPages + 1);
|
|
15723
|
+
}
|
|
15724
|
+
for (let i = start; i <= end; i++) {
|
|
15725
|
+
pages.push(i);
|
|
15726
|
+
}
|
|
15727
|
+
return pages;
|
|
15728
|
+
}
|
|
15696
15729
|
getInfoText() {
|
|
15697
15730
|
if (this.totalItems === 0) {
|
|
15698
15731
|
return 'No results';
|
|
@@ -15707,13 +15740,35 @@ class BhPagination {
|
|
|
15707
15740
|
.replace('{page}', String(this.internalPage))
|
|
15708
15741
|
.replace('{totalPages}', String(this.totalPages));
|
|
15709
15742
|
}
|
|
15743
|
+
renderPageNumbers() {
|
|
15744
|
+
if (this.compact) {
|
|
15745
|
+
// Compact mode: Page X of Y
|
|
15746
|
+
return (hAsync("div", { class: "pagination-page-display" }, hAsync("span", { class: "pagination-page-text" }, "Page"), hAsync("input", { type: "number", class: "pagination-page-input", value: String(this.internalPage), min: "1", max: String(this.totalPages), disabled: this.disabled, onChange: (e) => this.handlePageInputChange(e), "aria-label": "Page number" }), hAsync("span", { class: "pagination-page-text" }, "of ", this.totalPages)));
|
|
15747
|
+
}
|
|
15748
|
+
// Non-compact mode: numbered buttons
|
|
15749
|
+
const pageNumbers = this.getPageNumbers();
|
|
15750
|
+
const showStartEllipsis = pageNumbers[0] > 1;
|
|
15751
|
+
const showEndEllipsis = pageNumbers[pageNumbers.length - 1] < this.totalPages;
|
|
15752
|
+
return (hAsync("div", { class: "pagination-pages" }, showStartEllipsis &&
|
|
15753
|
+
pageNumbers[0] > 2 && [
|
|
15754
|
+
hAsync("button", { type: "button", class: "pagination-page-btn", onClick: () => this.goToPage(1), disabled: this.disabled, "aria-label": "Go to page 1", key: "page-1" }, "1"),
|
|
15755
|
+
hAsync("span", { class: "pagination-ellipsis", key: "ellipsis-start" }, "..."),
|
|
15756
|
+
], pageNumbers.map((pageNum) => (hAsync("button", { type: "button", class: {
|
|
15757
|
+
'pagination-page-btn': true,
|
|
15758
|
+
'pagination-page-btn-active': pageNum === this.internalPage,
|
|
15759
|
+
}, onClick: () => this.goToPage(pageNum), disabled: this.disabled, "aria-label": `Go to page ${pageNum}`, "aria-current": pageNum === this.internalPage ? 'page' : undefined, key: `page-${pageNum}` }, pageNum))), showEndEllipsis &&
|
|
15760
|
+
pageNumbers[pageNumbers.length - 1] < this.totalPages - 1 && [
|
|
15761
|
+
hAsync("span", { class: "pagination-ellipsis", key: "ellipsis-end" }, "..."),
|
|
15762
|
+
hAsync("button", { type: "button", class: "pagination-page-btn", onClick: () => this.goToPage(this.totalPages), disabled: this.disabled, "aria-label": `Go to page ${this.totalPages}`, key: `page-${this.totalPages}` }, this.totalPages),
|
|
15763
|
+
]));
|
|
15764
|
+
}
|
|
15710
15765
|
render() {
|
|
15711
15766
|
const paginationClasses = {
|
|
15712
|
-
|
|
15713
|
-
[`pagination-${this.size}`]: true,
|
|
15767
|
+
pagination: true,
|
|
15714
15768
|
'pagination-disabled': this.disabled,
|
|
15769
|
+
'pagination-compact': this.compact,
|
|
15715
15770
|
};
|
|
15716
|
-
return (hAsync("div", { key: '
|
|
15771
|
+
return (hAsync("div", { key: '6d6af19e9b034f162c8aa0cb68d6e9ecdb8b4379', class: paginationClasses, role: "navigation", "aria-label": "Pagination" }, hAsync("div", { key: 'db25c2a72f58170e01c056e3bebb7ecdb2c542d4', class: "pagination-controls" }, this.showPageSizeSelector && (hAsync("div", { key: '70c08c54eb6466cecf11e847a260fc2fc7cfc5d7', class: "pagination-page-size" }, hAsync("span", { key: 'f4440ea7825c078475859f3ea4c61dcffa1c5377', class: "pagination-page-size-label" }, this.rowsPerPageLabel), hAsync("select", { key: '00afde5da29dcb405be13ae72e1964a9b35d8b37', class: "pagination-select", onChange: (e) => this.handlePageSizeChange(e), disabled: this.disabled, "aria-label": "Select page size" }, this.pageSizeOptions.map((size) => (hAsync("option", { key: size, value: String(size), selected: size === this.internalPageSize }, size)))))), hAsync("div", { key: '9a67b12e3f99ac14d78c258d152a5520f93d4578', class: "pagination-nav" }, hAsync("button", { key: '7df0dcc92fe17ee8be2dd01c1b09b7781a5b4909', type: "button", class: "pagination-btn", onClick: this.goToPrevious, disabled: !this.canGoPrevious, "aria-label": "Go to previous page" }, hAsync("span", { key: '28a2db05556dd973ec0418e116f5773e669a2066', class: "material-symbols-outlined" }, "chevron_left")), this.renderPageNumbers(), hAsync("button", { key: 'ebf00789de88ee1e40d658dd8a874f0fb36eec70', type: "button", class: "pagination-btn", onClick: this.goToNext, disabled: !this.canGoNext, "aria-label": "Go to next page" }, hAsync("span", { key: '9f8865e63ec0f68fecaa7475b76118857d263f67', class: "material-symbols-outlined" }, "chevron_right")))), this.showItemCount && (hAsync("div", { key: 'ec5b745d761b38953654a7127d8f714c40e9de9d', class: "pagination-info" }, hAsync("span", { key: 'abf649c0642981cdd0e7dfba0065735a0ed2cdf2', class: "pagination-info-text" }, this.getInfoText())))));
|
|
15717
15772
|
}
|
|
15718
15773
|
static get style() { return bhPaginationCss; }
|
|
15719
15774
|
static get cmpMeta() { return {
|
|
@@ -15726,8 +15781,8 @@ class BhPagination {
|
|
|
15726
15781
|
"pageSizeOptions": [16],
|
|
15727
15782
|
"showPageSizeSelector": [4, "show-page-size-selector"],
|
|
15728
15783
|
"showItemCount": [4, "show-item-count"],
|
|
15729
|
-
"
|
|
15730
|
-
"
|
|
15784
|
+
"compact": [4],
|
|
15785
|
+
"maxPageNumbers": [2, "max-page-numbers"],
|
|
15731
15786
|
"disabled": [4],
|
|
15732
15787
|
"rowsPerPageLabel": [1, "rows-per-page-label"],
|
|
15733
15788
|
"showingResultsLabel": [1, "showing-results-label"],
|
|
@@ -15741,7 +15796,7 @@ class BhPagination {
|
|
|
15741
15796
|
}; }
|
|
15742
15797
|
}
|
|
15743
15798
|
|
|
15744
|
-
const bhPickerMenuCss = "@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'); :root{--color-white:hsl(0, 0%, 100%);--color-black:hsl(0, 0%, 0%);--color-transparent:hsla(0, 0%, 100%, 0);--color-neutral-25:hsl(240, 20%, 99%);--color-neutral-50:hsl(240, 20%, 98%);--color-neutral-100:hsl(240, 17%, 95%);--color-neutral-200:hsl(227, 25%, 89%);--color-neutral-300:hsl(224, 24%, 78%);--color-neutral-400:hsl(226, 24%, 59%);--color-neutral-500:hsl(226, 24%, 48%);--color-neutral-600:hsl(226, 24%, 38%);--color-neutral-700:hsl(226, 24%, 25%);--color-neutral-800:hsl(233, 33%, 10%);--color-neutral-900:hsl(231, 32%, 8%);--color-neutral-950:hsl(231, 32%, 8%);--color-brand-25:hsl(220, 82%, 98%);--color-brand-50:hsl(222, 87%, 97%);--color-brand-100:hsl(221, 94%, 94%);--color-brand-200:hsl(221, 92%, 86%);--color-brand-300:hsl(224, 95%, 77%);--color-brand-400:hsl(224, 94%, 72%);--color-brand-500:hsl(230, 67%, 58%);--color-brand-600:hsl(230, 69%, 48%);--color-brand-700:hsl(230, 75%, 34%);--color-brand-800:hsl(243, 86%, 44%);--color-brand-900:hsl(237, 69%, 24%);--color-brand-950:hsl(237, 61%, 20%);--color-error-25:hsl(12, 100%, 99%);--color-error-50:hsl(5, 86%, 97%);--color-error-100:hsl(4, 93%, 94%);--color-error-200:hsl(3, 96%, 89%);--color-error-300:hsl(4, 96%, 80%);--color-error-400:hsl(4, 92%, 69%);--color-error-500:hsl(4, 86%, 58%);--color-error-600:hsl(4, 74%, 49%);--color-error-700:hsl(4, 76%, 40%);--color-error-800:hsl(4, 72%, 33%);--color-error-900:hsl(8, 65%, 29%);--color-error-950:hsl(8, 75%, 19%);--color-warning-25:hsl(42, 100%, 98%);--color-warning-50:hsl(45, 100%, 96%);--color-warning-100:hsl(45, 96%, 89%);--color-warning-200:hsl(44, 98%, 77%);--color-warning-300:hsl(42, 99%, 65%);--color-warning-400:hsl(39, 98%, 56%);--color-warning-500:hsl(34, 94%, 50%);--color-warning-600:hsl(28, 97%, 44%);--color-warning-700:hsl(22, 92%, 37%);--color-warning-800:hsl(19, 84%, 31%);--color-warning-900:hsl(18, 79%, 27%);--color-warning-950:hsl(17, 79%, 17%);--color-success-25:hsl(142, 80%, 98%);--color-success-50:hsl(145, 81%, 96%);--color-success-100:hsl(140, 80%, 90%);--color-success-200:hsl(144, 78%, 80%);--color-success-300:hsl(148, 63%, 67%);--color-success-400:hsl(150, 57%, 54%);--color-success-500:hsl(152, 77%, 39%);--color-success-600:hsl(153, 91%, 30%);--color-success-700:hsl(155, 90%, 24%);--color-success-800:hsl(155, 84%, 20%);--color-success-900:hsl(156, 83%, 16%);--color-success-950:hsl(157, 82%, 11%);--font-inter:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',\n Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n '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),\n 0px 1px 2px rgba(16, 24, 40, 0.06);--shadow-md:0px 4px 8px -2px rgba(16, 24, 40, 0.1),\n 0px 2px 4px -2px rgba(16, 24, 40, 0.06);--shadow-lg:0px 12px 16px -4px rgba(16, 24, 40, 0.08),\n 0px 4px 6px -2px rgba(16, 24, 40, 0.03);--shadow-xl:0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n 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))}*,*::before,*::after{box-sizing:border-box}.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}:host{display:block}.picker-menu{width:fit-content;min-width:320px;background:var(--color-white);border-radius:var(--radius-md);box-shadow:
|
|
15799
|
+
const bhPickerMenuCss = "@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'); :root{--color-white:hsl(0, 0%, 100%);--color-black:hsl(0, 0%, 0%);--color-transparent:hsla(0, 0%, 100%, 0);--color-neutral-25:hsl(240, 20%, 99%);--color-neutral-50:hsl(240, 20%, 98%);--color-neutral-100:hsl(240, 17%, 95%);--color-neutral-200:hsl(227, 25%, 89%);--color-neutral-300:hsl(224, 24%, 78%);--color-neutral-400:hsl(226, 24%, 59%);--color-neutral-500:hsl(226, 24%, 48%);--color-neutral-600:hsl(226, 24%, 38%);--color-neutral-700:hsl(226, 24%, 25%);--color-neutral-800:hsl(233, 33%, 10%);--color-neutral-900:hsl(231, 32%, 8%);--color-neutral-950:hsl(231, 32%, 8%);--color-brand-25:hsl(220, 82%, 98%);--color-brand-50:hsl(222, 87%, 97%);--color-brand-100:hsl(221, 94%, 94%);--color-brand-200:hsl(221, 92%, 86%);--color-brand-300:hsl(224, 95%, 77%);--color-brand-400:hsl(224, 94%, 72%);--color-brand-500:hsl(230, 67%, 58%);--color-brand-600:hsl(230, 69%, 48%);--color-brand-700:hsl(230, 75%, 34%);--color-brand-800:hsl(243, 86%, 44%);--color-brand-900:hsl(237, 69%, 24%);--color-brand-950:hsl(237, 61%, 20%);--color-error-25:hsl(12, 100%, 99%);--color-error-50:hsl(5, 86%, 97%);--color-error-100:hsl(4, 93%, 94%);--color-error-200:hsl(3, 96%, 89%);--color-error-300:hsl(4, 96%, 80%);--color-error-400:hsl(4, 92%, 69%);--color-error-500:hsl(4, 86%, 58%);--color-error-600:hsl(4, 74%, 49%);--color-error-700:hsl(4, 76%, 40%);--color-error-800:hsl(4, 72%, 33%);--color-error-900:hsl(8, 65%, 29%);--color-error-950:hsl(8, 75%, 19%);--color-warning-25:hsl(42, 100%, 98%);--color-warning-50:hsl(45, 100%, 96%);--color-warning-100:hsl(45, 96%, 89%);--color-warning-200:hsl(44, 98%, 77%);--color-warning-300:hsl(42, 99%, 65%);--color-warning-400:hsl(39, 98%, 56%);--color-warning-500:hsl(34, 94%, 50%);--color-warning-600:hsl(28, 97%, 44%);--color-warning-700:hsl(22, 92%, 37%);--color-warning-800:hsl(19, 84%, 31%);--color-warning-900:hsl(18, 79%, 27%);--color-warning-950:hsl(17, 79%, 17%);--color-success-25:hsl(142, 80%, 98%);--color-success-50:hsl(145, 81%, 96%);--color-success-100:hsl(140, 80%, 90%);--color-success-200:hsl(144, 78%, 80%);--color-success-300:hsl(148, 63%, 67%);--color-success-400:hsl(150, 57%, 54%);--color-success-500:hsl(152, 77%, 39%);--color-success-600:hsl(153, 91%, 30%);--color-success-700:hsl(155, 90%, 24%);--color-success-800:hsl(155, 84%, 20%);--color-success-900:hsl(156, 83%, 16%);--color-success-950:hsl(157, 82%, 11%);--font-inter:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',\n Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n '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),\n 0px 1px 2px rgba(16, 24, 40, 0.06);--shadow-md:0px 4px 8px -2px rgba(16, 24, 40, 0.1),\n 0px 2px 4px -2px rgba(16, 24, 40, 0.06);--shadow-lg:0px 12px 16px -4px rgba(16, 24, 40, 0.08),\n 0px 4px 6px -2px rgba(16, 24, 40, 0.03);--shadow-xl:0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n 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))}*,*::before,*::after{box-sizing:border-box}.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}:host{display:block}.picker-menu{width:fit-content;min-width:320px;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;flex-shrink:0;position:relative;box-sizing:border-box}.picker-menu.animate-dropdown-enter{animation:dropdownEnter 0.15s ease-out forwards}.picker-menu.animate-dropdown-exit{animation:dropdownExit 0.15s ease-out forwards}@keyframes dropdownEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownExit{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.picker-menu.no-footer{padding-bottom:var(--spacing-md)}.picker-menu-footer{border-top:1px solid var(--color-neutral-200);padding:var(--spacing-xl) var(--spacing-xl);background:var(--color-white)}.picker-menu-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-lg)}.picker-menu-actions.has-today-button{justify-content:space-between}.picker-menu-main-actions{display:flex;gap:var(--spacing-lg)}";
|
|
15745
15800
|
|
|
15746
15801
|
class BhPickerMenu {
|
|
15747
15802
|
constructor(hostRef) {
|
|
@@ -16056,7 +16111,7 @@ class BhPieChart {
|
|
|
16056
16111
|
render() {
|
|
16057
16112
|
const segments = this.getSegments();
|
|
16058
16113
|
const innerRadius = this.getInnerRadius();
|
|
16059
|
-
return (hAsync(Host, { key: '
|
|
16114
|
+
return (hAsync(Host, { key: '0bd86f47684f8fa73b3460af4d245337136fc319' }, hAsync("div", { key: '9a7c0944d029a7065735ff647f1e2502af2bb783', class: "pie-chart-container", style: { width: `${this.size}px`, height: `${this.size}px` } }, hAsync("svg", { key: 'c272bad8a5050cbc28ac803ea68b27b7179f1d1a', width: this.size, height: this.size, viewBox: "0 0 160 160", class: "pie-chart-svg" }, hAsync("circle", { key: '21503d47d3ad7976bc2c2b5926785c2144d579ea', cx: "80", cy: "80", r: "80", fill: "transparent", class: "pie-background" }), segments.map((segment, index) => (hAsync("g", { key: index, class: "pie-segment-group" }, hAsync("path", { d: segment.path, fill: segment.color, class: { 'pie-segment': true, animated: this.animated }, style: { animationDelay: this.animated ? `${index * 0.03}s` : '0s' }, onMouseEnter: (e) => this.handleSegmentHover(e, segment), onMouseLeave: this.handleSegmentLeave })))), this.hole !== 'none' && (hAsync("circle", { key: 'f42c781fc5378af859f7a460ac0665cfd3360599', cx: "80", cy: "80", r: innerRadius, fill: "white", class: "pie-inner-hole" })))), hAsync("bh-chart-tooltip", { key: '179c0d15c9895199dc6d169e400c6f4ff832215b', visible: this.tooltipVisible, x: this.tooltipX, y: this.tooltipY, items: this.tooltipSegment
|
|
16060
16115
|
? [
|
|
16061
16116
|
{
|
|
16062
16117
|
label: this.tooltipSegment.name,
|
|
@@ -16087,96 +16142,34 @@ class BhPieChart {
|
|
|
16087
16142
|
}; }
|
|
16088
16143
|
}
|
|
16089
16144
|
|
|
16090
|
-
const bhPopoverCss = ".popover{position:
|
|
16145
|
+
const bhPopoverCss = ":host{display:inline-block;position:relative}.popover-wrapper{position:absolute;left:50%;transform:translateX(-50%);z-index:1000;width:max-content;width:-webkit-max-content;max-width:var(--max-width, 285px);flex-direction:column;align-items:center;gap:0;padding:0}.popover-wrapper.top{bottom:100%;margin-bottom:10px}.popover-wrapper.bottom{top:100%;margin-top:10px}.popover-content{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:0;border-radius:var(--radius-md, 8px);background-color:var(--color-white, #ffffff);box-shadow:var(--shadow-md);overflow:hidden}.popover-text{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:var(--sp-3, 12px)}.popover-text.with-title{padding:var(--sp-3, 12px);border-radius:var(--radius-md, 8px);overflow:hidden}.content-text{font-family:var(--font-family-body, 'Inter', sans-serif);font-size:var(--text-sm-size, 14px);font-weight:var(--weight-medium, 500);line-height:var(--text-xs-line, 18px);letter-spacing:0;color:var(--color-neutral-600, #4a5578);margin:0;white-space:pre-wrap}.popover-header{display:flex;flex-direction:column;align-items:center;gap:0;padding:0;width:100%;overflow:hidden}.header-content{display:flex;gap:var(--sp-4, 16px);align-items:flex-start;padding:var(--sp-3, 12px);width:100%}.header-text{display:flex;flex-direction:column;flex:1;gap:var(--sp-1, 4px);align-items:flex-start;min-height:1px;min-width:1px;padding:0}.title-text{font-family:var(--font-family-body, 'Inter', sans-serif);font-size:var(--text-sm-size, 14px);font-weight:var(--weight-semibold, 600);line-height:var(--text-sm-line, 20px);letter-spacing:0;color:var(--color-neutral-900, #111322);margin:0;width:100%;white-space:pre-wrap}.divider{width:100%;height:1px;background-color:var(--color-neutral-200, #dcdfea)}";
|
|
16091
16146
|
|
|
16092
16147
|
class BhPopover {
|
|
16093
16148
|
constructor(hostRef) {
|
|
16094
16149
|
registerInstance(this, hostRef);
|
|
16095
|
-
this.bhItemSelect = createEvent(this, "bhItemSelect");
|
|
16096
|
-
this.bhPortfolioClick = createEvent(this, "bhPortfolioClick");
|
|
16097
|
-
this.bhSearchChange = createEvent(this, "bhSearchChange");
|
|
16098
16150
|
}
|
|
16099
16151
|
/**
|
|
16100
|
-
*
|
|
16101
|
-
|
|
16102
|
-
popoverTitle = 'Brand Name';
|
|
16103
|
-
/**
|
|
16104
|
-
* Text for the portfolio link
|
|
16152
|
+
* Optional title for the popover. If provided, displays "With title" variant
|
|
16153
|
+
* Named popoverTitle to avoid conflict with HTMLElement.title
|
|
16105
16154
|
*/
|
|
16106
|
-
|
|
16155
|
+
popoverTitle;
|
|
16107
16156
|
/**
|
|
16108
|
-
*
|
|
16109
|
-
*/
|
|
16110
|
-
searchPlaceholder = 'Search by name or region';
|
|
16111
|
-
/**
|
|
16112
|
-
* Width of the popover
|
|
16157
|
+
* Content text for the popover
|
|
16113
16158
|
*/
|
|
16114
|
-
|
|
16159
|
+
content;
|
|
16115
16160
|
/**
|
|
16116
|
-
*
|
|
16161
|
+
* Maximum width of the popover
|
|
16117
16162
|
*/
|
|
16118
|
-
|
|
16119
|
-
/**
|
|
16120
|
-
* Whether to show avatar section
|
|
16121
|
-
*/
|
|
16122
|
-
showAvatar = true;
|
|
16123
|
-
/**
|
|
16124
|
-
* Avatar image source URL
|
|
16125
|
-
*/
|
|
16126
|
-
avatarSrc;
|
|
16127
|
-
/**
|
|
16128
|
-
* Menu items array (JSON string or array)
|
|
16129
|
-
*/
|
|
16130
|
-
items = [];
|
|
16131
|
-
searchTerm = '';
|
|
16163
|
+
maxWidth = '285px';
|
|
16132
16164
|
/**
|
|
16133
|
-
*
|
|
16165
|
+
* Position of the popover relative to the trigger element
|
|
16134
16166
|
*/
|
|
16135
|
-
|
|
16136
|
-
/**
|
|
16137
|
-
* Event emitted when portfolio link is clicked
|
|
16138
|
-
*/
|
|
16139
|
-
bhPortfolioClick;
|
|
16140
|
-
/**
|
|
16141
|
-
* Event emitted when search input changes
|
|
16142
|
-
*/
|
|
16143
|
-
bhSearchChange;
|
|
16144
|
-
get parsedItems() {
|
|
16145
|
-
if (typeof this.items === 'string') {
|
|
16146
|
-
try {
|
|
16147
|
-
return JSON.parse(this.items);
|
|
16148
|
-
}
|
|
16149
|
-
catch {
|
|
16150
|
-
return [];
|
|
16151
|
-
}
|
|
16152
|
-
}
|
|
16153
|
-
return this.items || [];
|
|
16154
|
-
}
|
|
16155
|
-
handleItemClick = (item) => {
|
|
16156
|
-
if (item.type !== 'header') {
|
|
16157
|
-
this.bhItemSelect.emit(item);
|
|
16158
|
-
}
|
|
16159
|
-
};
|
|
16160
|
-
handlePortfolioClick = () => {
|
|
16161
|
-
this.bhPortfolioClick.emit();
|
|
16162
|
-
};
|
|
16163
|
-
handleSearchInput = (event) => {
|
|
16164
|
-
const target = event.target;
|
|
16165
|
-
this.searchTerm = target.value;
|
|
16166
|
-
this.bhSearchChange.emit(this.searchTerm);
|
|
16167
|
-
};
|
|
16168
|
-
getItemClasses(item) {
|
|
16169
|
-
return {
|
|
16170
|
-
'menu-item': true,
|
|
16171
|
-
'selected': !!item.selected,
|
|
16172
|
-
'menu-item-portfolio': item.type === 'portfolio',
|
|
16173
|
-
'menu-item-region': item.type === 'region',
|
|
16174
|
-
'menu-item-property': item.type === 'property',
|
|
16175
|
-
};
|
|
16176
|
-
}
|
|
16167
|
+
position = 'top'; // Default to top
|
|
16177
16168
|
render() {
|
|
16178
|
-
const
|
|
16179
|
-
return (
|
|
16169
|
+
const hasTitle = !!this.popoverTitle;
|
|
16170
|
+
return (
|
|
16171
|
+
// Move the style here so it controls the entire popover window
|
|
16172
|
+
hAsync("div", { key: '8e25b3b1975a401c7c3b227bd9d9bd0a9e58d9e8', class: `popover-wrapper ${this.position}`, style: { maxWidth: this.maxWidth } }, hAsync("div", { key: 'e982c62eb6f595d28405c22218127aac02a2b18d', class: "popover-content" }, hasTitle && (hAsync("div", { key: '6317cf01a6b6a8cc5ec1ff6b25494bb87bf61d38', class: "popover-header" }, hAsync("div", { key: 'd1adadc130346c805f483b5383212a865c4bf816', class: "header-content" }, hAsync("div", { key: 'bd19b1f54fcee4af8efc3e1078dfa8e455a34ca9', class: "header-text" }, hAsync("p", { key: '2a22f82dea6194a7b0fce24c317e8e7fe00fcec0', class: "title-text" }, this.popoverTitle))), hAsync("div", { key: 'f72dda514238a1736913301a52a095f264d67d79', class: "divider" }))), hAsync("div", { key: '6469027a70e22c5d80275d9816f50b351e572573', class: hasTitle ? 'popover-text with-title' : 'popover-text' }, this.content ? (hAsync("p", { class: "content-text" }, this.content)) : (hAsync("slot", null))))));
|
|
16180
16173
|
}
|
|
16181
16174
|
static get style() { return bhPopoverCss; }
|
|
16182
16175
|
static get cmpMeta() { return {
|
|
@@ -16184,14 +16177,9 @@ class BhPopover {
|
|
|
16184
16177
|
"$tagName$": "bh-popover",
|
|
16185
16178
|
"$members$": {
|
|
16186
16179
|
"popoverTitle": [1, "popover-title"],
|
|
16187
|
-
"
|
|
16188
|
-
"
|
|
16189
|
-
"
|
|
16190
|
-
"showSearch": [4, "show-search"],
|
|
16191
|
-
"showAvatar": [4, "show-avatar"],
|
|
16192
|
-
"avatarSrc": [1, "avatar-src"],
|
|
16193
|
-
"items": [1],
|
|
16194
|
-
"searchTerm": [32]
|
|
16180
|
+
"content": [1],
|
|
16181
|
+
"maxWidth": [1, "max-width"],
|
|
16182
|
+
"position": [1]
|
|
16195
16183
|
},
|
|
16196
16184
|
"$listeners$": undefined,
|
|
16197
16185
|
"$lazyBundleId$": "-",
|
|
@@ -16526,7 +16514,7 @@ class BhPropertySwitcher {
|
|
|
16526
16514
|
};
|
|
16527
16515
|
const selectedProp = this.getSelectedProperty();
|
|
16528
16516
|
const displayName = this.internalSelectedProperty || this.selectedProperty;
|
|
16529
|
-
return (hAsync(Host, { key: '
|
|
16517
|
+
return (hAsync(Host, { key: '7e3609a6aaf8106b84cf44bb14341d52577b9440' }, hAsync("div", { key: 'ec38e607ef107488e0a82ff4a26f281ffb76671f', ref: (el) => (this.switcherRef = el), class: containerClasses }, hAsync("button", { key: 'e6690cf6fe84ae83d918311e94216d9433447878', class: "property-selector", onClick: () => this.handleToggle(), "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-label": `Property selector: ${displayName}` }, selectedProp && (hAsync("span", { key: 'f1f90104f3f3a105eeeb1ed3ea4ce9dd4b685f6a', class: "material-symbols-outlined selector-icon" }, this.getPropertyIcon(selectedProp.type))), hAsync("span", { key: 'c7b8b1eeb3f7d757e5758eb8a56057f6ef0b1734', class: "property-name" }, displayName), hAsync("span", { key: 'ad1e8c8d784e23a17a71b8c826d8929e3caf833d', class: "material-symbols-outlined expand-icon", "aria-label": this.isExpanded ? 'Collapse Options' : 'Expand Options' }, this.isExpanded ? 'unfold_less' : 'unfold_more')), this.isExpanded && (hAsync("div", { key: '76b349f2a94edfc69a17c3c58f4b7d3c5f1e3c64', class: "dropdown-panel" }, this.renderSearchInput(), hAsync("div", { key: 'a10135c8a9f3b7962045a2eda1226ea5b104470d', class: "dropdown-content" }, this.grouped
|
|
16530
16518
|
? this.renderGroupedView()
|
|
16531
16519
|
: this.renderFlatView()))))));
|
|
16532
16520
|
}
|
|
@@ -16793,7 +16781,7 @@ class BhSidebar {
|
|
|
16793
16781
|
{ id: '12', divider: true },
|
|
16794
16782
|
{ id: '13', label: 'Sign out', icon: 'logout', shortcut: '⇧⌘Q' },
|
|
16795
16783
|
];
|
|
16796
|
-
return (hAsync(Host, { key: '
|
|
16784
|
+
return (hAsync(Host, { key: 'a691fab176445fef65c964390d5277f41b0a6989' }, hAsync("div", { key: '99bb35a4e97512d3cf973e6ed73baf44a0a9e71d', class: sidebarClasses }, hAsync("div", { key: '74c23339a793aa9e16b9da18f7aa522d8f6b200e', class: "navigation" }, hAsync("div", { key: '24e19625c3a9673881bf9b43a37d159250a516b0', class: "gradient-bar" }, hAsync("div", { key: '8fbed7913283af8e79f3eea81d074631bb9362d3', class: "detail-bar" })), hAsync("div", { key: 'a0063e7c8ca350d68ce51123e60d7783c0fac205', class: "sidebar-content" }, hAsync("bh-logo-box", { key: 'cc95c2c8b47d13a2ead0dc412d4cc78ec8493c96', logoType: this.logoType, logoSrc: this.logoSrc, assetBasePath: this.assetBasePath }), hAsync("div", { key: 'd58db9cca5be94792b6c7d8894736ba892a567c7', class: "navigation-section" }, hAsync("div", { key: '0fabbe81f1f9caf658206cfaed30d712fbdb80a0', class: "search-container" }, hAsync("bh-button-icon", { key: '5b57dc0af93d7012c61e4af2e4bd9e0a65d361cd', hierarchy: "secondary", size: "sm", iconName: "search", onClick: this.handleSearchClick })), hAsync("div", { key: '11ce9862b88cbc7a416b7ff2005017cb8235d254', class: "nav-items" }, this.menuItems.map((item) => (hAsync("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: this.activeItem === item.label, onBhClick: () => this.handleNavItemClick(item.label) }))))), hAsync("div", { key: '8f5e98d9a323da0db57a4e0d972d37fb6f6668d3', class: "sidebar-footer" }, hAsync("div", { key: '605a964cee526b95b41080e6914ca58b8ab7dbd1', class: "footer-navigation" }, this.footerItems.map((item) => (hAsync("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: false, onBhClick: () => this.handleNavItemClick(item.label) })))), hAsync("bh-dropdown", { key: '0d6026fcbe9fa91e202743beafed2137a7685b8c', variant: "avatar", size: "md", avatarSize: "md", avatarSrc: this.avatarUrl, avatarName: this.avatarName, avatarEmail: this.avatarEmail, menuItems: avatarMenuItems, showIcons: true, onBhItemClick: this.handleAvatarMenuClick })))))));
|
|
16797
16785
|
}
|
|
16798
16786
|
static get style() { return bhSidebarCss; }
|
|
16799
16787
|
static get cmpMeta() { return {
|
|
@@ -16818,7 +16806,7 @@ class BhSidebar {
|
|
|
16818
16806
|
}; }
|
|
16819
16807
|
}
|
|
16820
16808
|
|
|
16821
|
-
const bhSkeletonLoaderCss = ":host{display:inline-block}.skeleton{display:
|
|
16809
|
+
const bhSkeletonLoaderCss = ":host{display:inline-block;vertical-align:middle}.skeleton{display:block;min-width:20px;min-height:8px;background:linear-gradient(\n 90deg,\n var(--color-neutral-200, #e2e4eb) 25%,\n var(--color-neutral-100, #f0f1f5) 50%,\n var(--color-neutral-200, #e2e4eb) 75%\n );background-size:400% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm, 4px)}.skeleton-circle{border-radius:50%;aspect-ratio:1}@keyframes shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}";
|
|
16822
16810
|
|
|
16823
16811
|
class BhSkeletonLoader {
|
|
16824
16812
|
constructor(hostRef) {
|
|
@@ -16838,10 +16826,10 @@ class BhSkeletonLoader {
|
|
|
16838
16826
|
circle = false;
|
|
16839
16827
|
render() {
|
|
16840
16828
|
const skeletonClasses = {
|
|
16841
|
-
|
|
16829
|
+
skeleton: true,
|
|
16842
16830
|
'skeleton-circle': this.circle,
|
|
16843
16831
|
};
|
|
16844
|
-
return (hAsync("span", { key: '
|
|
16832
|
+
return (hAsync("span", { key: 'bcac717791cecbef8060b19c17f470b7e35c99a0', class: skeletonClasses, style: { width: this.width, height: this.height }, role: "status", "aria-live": "polite", "aria-busy": "true", "aria-label": "Loading", part: "skeleton" }));
|
|
16845
16833
|
}
|
|
16846
16834
|
static get style() { return bhSkeletonLoaderCss; }
|
|
16847
16835
|
static get cmpMeta() { return {
|
|
@@ -16900,11 +16888,11 @@ class BhTabItem {
|
|
|
16900
16888
|
'tab-button-active': this.active,
|
|
16901
16889
|
'tab-button-disabled': this.disabled,
|
|
16902
16890
|
};
|
|
16903
|
-
return (hAsync(Host, { key: '
|
|
16891
|
+
return (hAsync(Host, { key: '4ad8e3e786f4a4c8a2c38e518e66ef2ded4c04ca', class: {
|
|
16904
16892
|
'tab-item': true,
|
|
16905
16893
|
'tab-item-active': this.active,
|
|
16906
16894
|
'tab-item-disabled': this.disabled,
|
|
16907
|
-
} }, hAsync("button", { key: '
|
|
16895
|
+
} }, hAsync("button", { key: 'b149a3ed3cdd49e887545281a5f9a1383443aeca', class: buttonClasses, part: "button", role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', disabled: this.disabled, onClick: this.handleClick, type: "button" }, hAsync("span", { key: '03f58f2761a021310a6cd2f811795dbc95e02ea1', class: "tab-label", part: "label" }, this.label), hAsync("slot", { key: 'd96a82e89d9d7c64d1f17c65da4a47f4774ed96a' }))));
|
|
16908
16896
|
}
|
|
16909
16897
|
static get style() { return bhTabItemCss; }
|
|
16910
16898
|
static get cmpMeta() { return {
|
|
@@ -16966,7 +16954,7 @@ class BhTabs {
|
|
|
16966
16954
|
[`tabs-${this.orientation}`]: true,
|
|
16967
16955
|
'tabs-full-width': this.fullWidth,
|
|
16968
16956
|
};
|
|
16969
|
-
return (hAsync(Host, { key: '
|
|
16957
|
+
return (hAsync(Host, { key: '915fc9dbab57751d9f6f862e368463a5b50fa30e', class: hostClasses }, hAsync("div", { key: 'c552c2792097fb3bf1e619c992820bdce072e3ba', class: "tabs-container", part: "container" }, hAsync("div", { key: 'd8b13f39e97ab56717715ef314be003ed7427d2c', class: "tabs-list", part: "list", role: "tablist", "aria-orientation": this.orientation }, hAsync("slot", { key: '665f02ddebaa32b818c4d2b627e15eb878a09a30' })))));
|
|
16970
16958
|
}
|
|
16971
16959
|
static get style() { return bhTabsCss; }
|
|
16972
16960
|
static get cmpMeta() { return {
|
|
@@ -17032,7 +17020,7 @@ class BhTag {
|
|
|
17032
17020
|
const labelStyle = {
|
|
17033
17021
|
maxWidth: `${this.maxWidth}px`,
|
|
17034
17022
|
};
|
|
17035
|
-
return (hAsync("span", { key: '
|
|
17023
|
+
return (hAsync("span", { key: '19e4d5abd172e0eedbf87d550a909fabec31166e', class: classes }, hAsync("div", { key: '09ca312ec3459ecf5e7e9cb61b9884d3777599c5', class: "tag-content" }, this.variant === 'avatar' && (hAsync("bh-avatar", { key: '9180f29060ffa26e5aa978b5d8d0f08ce629a959', size: "xxs", type: this.avatarSrc ? 'image' : 'placeholder', imageSrc: this.avatarSrc })), hAsync("span", { key: '04f31d1e80a0b4596a60480cbb6d8be78fb85bd2', class: "tag-label-wrapper" }, hAsync("span", { key: '17604af1516fe52d5e735621947746cd853243b8', class: "tag-label", style: labelStyle }, this.label))), this.dismissible && (hAsync("button", { key: 'cb650e85197f4d1afd9375e734b19433a3d8489b', class: "tag-dismiss", onClick: this.handleDismiss, disabled: this.disabled, type: "button", "aria-label": "Dismiss" }, hAsync("span", { key: '05b2f3cec57ad1e5d28f6f67caf87d573a98ac43', class: "material-symbols-outlined tag-dismiss-icon" }, "close")))));
|
|
17036
17024
|
}
|
|
17037
17025
|
static get style() { return bhTagCss; }
|
|
17038
17026
|
static get cmpMeta() { return {
|
|
@@ -17202,7 +17190,7 @@ class BhTextarea {
|
|
|
17202
17190
|
'textarea': true,
|
|
17203
17191
|
'textarea-error': this.error,
|
|
17204
17192
|
};
|
|
17205
|
-
return (hAsync("div", { key: '
|
|
17193
|
+
return (hAsync("div", { key: '3ba4ab7f69578f22fce54ccb4d5155410666ab09', class: "textarea-wrapper", part: "wrapper" }, hAsync("bh-label", { key: '745029c57459ed19f51b434913d6a05f549237f4', label: this.showLabel ? this.label : '', required: this.required, showHelpIcon: this.showHelpIcon, helpIconTooltip: this.helpIconTooltip, disabled: this.disabled, onBhHelpClick: this.handleHelpClick }, hAsync("div", { key: '0fb037fb570636815a56512170f328b398d9160b', class: containerClasses }, hAsync("div", { key: '45608d2ef2fe516cc73c6a0a55b8ed206dd619be', class: "textarea-content" }, hAsync("textarea", { key: '1fbf1ce8dff28f1d1350a7ce8bd4197a8fd1371e', ref: (el) => (this.textareaEl = el), class: textareaClasses, name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, rows: this.rows, maxLength: this.maxLength, style: { resize: this.resize }, "aria-label": this.label, "aria-describedby": this.showHintText && this.hintText ? 'hint-text' : undefined, "aria-invalid": String(this.error), onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "textarea" })))), this.showHintText && this.hintText && (hAsync("div", { key: '846989dc96f482b76fdb6c11707568b38217782c', class: { 'hint-text': true, 'hint-error': this.error }, id: "hint-text" }, this.hintText))));
|
|
17206
17194
|
}
|
|
17207
17195
|
static get formAssociated() { return true; }
|
|
17208
17196
|
static get style() { return bhTextareaCss; }
|
|
@@ -17363,7 +17351,7 @@ class BhToggle {
|
|
|
17363
17351
|
'toggle-label': true,
|
|
17364
17352
|
[`toggle-label-${this.size}`]: true,
|
|
17365
17353
|
};
|
|
17366
|
-
return (hAsync("div", { key: '
|
|
17354
|
+
return (hAsync("div", { key: '3ca94d9e9e457008c1b62aa8a0c76ad4823ceb6d', class: wrapperClasses, part: "wrapper" }, hAsync("div", { key: 'c7eb0b84e8deb15e3bc9b547992cb465f3dac3f2', class: switchClasses, onClick: this.handleToggle, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: this.disabled ? -1 : 0, role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.label || undefined, part: "switch" }, hAsync("div", { key: 'fbdf8fcdacba58134258f6a1dd84f302149a0396', class: buttonClasses, part: "button" })), this.showText && (this.label || this.supportingText) && (hAsync("div", { key: '7bd7f0fb7a5305d2c05d3277e2a6ee6d8c10a0b1', class: "toggle-text" }, this.label && (hAsync("span", { key: 'a31d48b6dc2ad837be4c3c0f386720e64f0a8715', class: labelClasses }, this.label)), this.supportingText && (hAsync("div", { key: '384b2c7b34396fc3da3ba51c96afe2d74c6de096', class: "toggle-supporting-text" }, this.supportingText))))));
|
|
17367
17355
|
}
|
|
17368
17356
|
static get formAssociated() { return true; }
|
|
17369
17357
|
static get style() { return bhToggleCss; }
|
|
@@ -17425,7 +17413,7 @@ class BhTooltip {
|
|
|
17425
17413
|
'multiline': this.maxWidth !== undefined && this.maxWidth > 240,
|
|
17426
17414
|
};
|
|
17427
17415
|
const tooltipStyles = this.maxWidth ? { maxWidth: `${this.maxWidth}px` } : {};
|
|
17428
|
-
return (hAsync("div", { key: '
|
|
17416
|
+
return (hAsync("div", { key: 'c4a102ca883f38ab915c988c03317c2c82e6e828', class: tooltipClasses, style: tooltipStyles, role: "tooltip", part: "tooltip" }, hAsync("div", { key: '5e09f3f7db5366835cce2e54e438f0437cd9a9f5', class: "tooltip-content" }, this.text)));
|
|
17429
17417
|
}
|
|
17430
17418
|
static get style() { return bhTooltipCss; }
|
|
17431
17419
|
static get cmpMeta() { return {
|
|
@@ -17549,12 +17537,12 @@ class BhTrendChart {
|
|
|
17549
17537
|
const strokeColor = this.getStrokeColor();
|
|
17550
17538
|
const fillColor = this.getFillColor();
|
|
17551
17539
|
const gradientId = `gradient-${this.trend}`;
|
|
17552
|
-
return (hAsync(Host, { key: '
|
|
17540
|
+
return (hAsync(Host, { key: 'a9ae3f68d2c392e6f091629213174150677ed800' }, hAsync("div", { key: '2da0f0cb39c640ebc9d742217640165b4ded870a', class: {
|
|
17553
17541
|
'trend-chart': true,
|
|
17554
17542
|
[`trend-chart-${this.trend}`]: true,
|
|
17555
17543
|
[`trend-chart-${this.variant}`]: true,
|
|
17556
17544
|
'trend-chart-animated': this.animated,
|
|
17557
|
-
} }, hAsync("svg", { key: '
|
|
17545
|
+
} }, hAsync("svg", { key: 'b348daecc48805aa49e2dfc620998ae0f5747d6d', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}`, class: "chart-svg" }, hAsync("defs", { key: '4c30e217105760d1034116463d2bd50e617fdc5b' }, hAsync("linearGradient", { key: 'a58346f9dc4832157c4a1b7dab6df6672e9e110b', id: gradientId, x1: "0%", y1: "0%", x2: "0%", y2: "100%" }, hAsync("stop", { key: 'ed3025b5a594bf8e8c9f615c65e0841847625800', offset: "0%", "stop-color": fillColor, "stop-opacity": this.variant === 'fill-only' ? 0.4 : 0.2 }), hAsync("stop", { key: 'e6b9c70c81fd46a9798161964ebf9d30695461ed', offset: "100%", "stop-color": fillColor, "stop-opacity": this.variant === 'fill-only' ? 0.1 : 0.05 }))), backgroundPath && this.variant !== 'line-only' && (hAsync("path", { key: 'b474572963d12be707798d0ccdf36af2cd74a19d', class: "chart-background", d: backgroundPath, fill: `url(#${gradientId})` })), pathData && this.variant !== 'fill-only' && (hAsync("path", { key: '11044ee1046cc575479d1a3f5d30c70342111054', class: "chart-line", d: pathData, stroke: strokeColor, "stroke-width": "2", fill: "none" }))))));
|
|
17558
17546
|
}
|
|
17559
17547
|
static get style() { return bhTrendChartCss; }
|
|
17560
17548
|
static get cmpMeta() { return {
|
|
@@ -17595,8 +17583,6 @@ registerComponents([
|
|
|
17595
17583
|
BhCheckbox,
|
|
17596
17584
|
BhCheckboxGroup,
|
|
17597
17585
|
BhCheckboxGroupItem,
|
|
17598
|
-
BhContainer,
|
|
17599
|
-
BhContainerFooter,
|
|
17600
17586
|
BhDataGrid,
|
|
17601
17587
|
BhDatePicker,
|
|
17602
17588
|
BhDatePickerContent,
|