@elementar-rt/components 0.6.58 → 0.7.0
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 +7 -2
- package/fesm2022/elementar-rt-components-action-required.mjs +8 -8
- package/fesm2022/elementar-rt-components-action-required.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-alert.mjs +21 -25
- package/fesm2022/elementar-rt-components-alert.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-announcement.mjs +12 -14
- package/fesm2022/elementar-rt-components-announcement.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-avatar.mjs +34 -38
- package/fesm2022/elementar-rt-components-avatar.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-badge.mjs +10 -10
- package/fesm2022/elementar-rt-components-badge.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-block-loader.mjs +10 -16
- package/fesm2022/elementar-rt-components-block-loader.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-block-state.mjs +24 -24
- package/fesm2022/elementar-rt-components-block-state.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-bottom-sheet.mjs +12 -12
- package/fesm2022/elementar-rt-components-bottom-sheet.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-brand-colors.mjs +9 -13
- package/fesm2022/elementar-rt-components-brand-colors.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-breadcrumbs.mjs +49 -53
- package/fesm2022/elementar-rt-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-button-toggle.mjs +16 -16
- package/fesm2022/elementar-rt-components-button-toggle.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-calendar.mjs +10 -10
- package/fesm2022/elementar-rt-components-calendar.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-card-overlay.mjs +10 -16
- package/fesm2022/elementar-rt-components-card-overlay.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-card.mjs +18 -18
- package/fesm2022/elementar-rt-components-card.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-carousel.mjs +48 -50
- package/fesm2022/elementar-rt-components-carousel.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-chips.mjs +12 -12
- package/fesm2022/elementar-rt-components-chips.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-clipboard-copy.mjs +17 -17
- package/fesm2022/elementar-rt-components-clipboard-copy.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-code-highlighter.mjs +12 -12
- package/fesm2022/elementar-rt-components-code-highlighter.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-color-picker.mjs +44 -52
- package/fesm2022/elementar-rt-components-color-picker.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-color-scheme.mjs +10 -10
- package/fesm2022/elementar-rt-components-color-scheme.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-combobox.mjs +13 -13
- package/fesm2022/elementar-rt-components-combobox.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-command-bar.mjs +15 -17
- package/fesm2022/elementar-rt-components-command-bar.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-comment-editor.mjs +106 -106
- package/fesm2022/elementar-rt-components-comment-editor.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-comparison-slider.mjs +16 -16
- package/fesm2022/elementar-rt-components-comparison-slider.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-confirm.mjs +7 -7
- package/fesm2022/elementar-rt-components-confirm.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-content-editor.mjs +7 -7
- package/fesm2022/elementar-rt-components-content-editor.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-content-fade.mjs +7 -7
- package/fesm2022/elementar-rt-components-content-fade.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-cookie-popup.mjs +15 -17
- package/fesm2022/elementar-rt-components-cookie-popup.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-core.mjs +68 -75
- package/fesm2022/elementar-rt-components-core.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-country-select.mjs +15 -17
- package/fesm2022/elementar-rt-components-country-select.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-crop.mjs +12 -12
- package/fesm2022/elementar-rt-components-crop.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-currency-select.mjs +15 -17
- package/fesm2022/elementar-rt-components-currency-select.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-dashboard.mjs +15 -19
- package/fesm2022/elementar-rt-components-dashboard.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-data-grid.mjs +20 -20
- package/fesm2022/elementar-rt-components-data-grid.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-data-view.mjs +38 -52
- package/fesm2022/elementar-rt-components-data-view.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-date-format-select.mjs +8 -8
- package/fesm2022/elementar-rt-components-date-format-select.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-datepicker.mjs +12 -12
- package/fesm2022/elementar-rt-components-datepicker.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-dialog.mjs +19 -19
- package/fesm2022/elementar-rt-components-dialog.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-digit-roller.mjs +10 -10
- package/fesm2022/elementar-rt-components-digit-roller.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-divider.mjs +8 -8
- package/fesm2022/elementar-rt-components-divider.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-drawer.mjs +14 -14
- package/fesm2022/elementar-rt-components-drawer.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-emoji-picker.mjs +15 -17
- package/fesm2022/elementar-rt-components-emoji-picker.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-empty-state.mjs +8 -8
- package/fesm2022/elementar-rt-components-empty-state.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-expand.mjs +10 -14
- package/fesm2022/elementar-rt-components-expand.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-expansion-panel.mjs +6 -6
- package/fesm2022/elementar-rt-components-expansion-panel.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-filter-builder.mjs +24 -26
- package/fesm2022/elementar-rt-components-filter-builder.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-filter-select.mjs +19 -19
- package/fesm2022/elementar-rt-components-filter-select.mjs.map +1 -1
- package/fesm2022/{elementar-rt-components-form-renderer-autocomplete-many-field.component-C2Ai6F2X.mjs → elementar-rt-components-form-renderer-autocomplete-many-field.component-DYDAWUBL.mjs} +6 -6
- package/fesm2022/{elementar-rt-components-form-renderer-autocomplete-many-field.component-C2Ai6F2X.mjs.map → elementar-rt-components-form-renderer-autocomplete-many-field.component-DYDAWUBL.mjs.map} +1 -1
- package/fesm2022/{elementar-rt-components-form-renderer-checkbox-field.component-a0XAs0-_.mjs → elementar-rt-components-form-renderer-checkbox-field.component-DCdtWKHi.mjs} +7 -7
- package/fesm2022/{elementar-rt-components-form-renderer-checkbox-field.component-a0XAs0-_.mjs.map → elementar-rt-components-form-renderer-checkbox-field.component-DCdtWKHi.mjs.map} +1 -1
- package/fesm2022/{elementar-rt-components-form-renderer-datepicker-field.component-CTVrrf43.mjs → elementar-rt-components-form-renderer-datepicker-field.component-D9gAkq6u.mjs} +6 -6
- package/fesm2022/{elementar-rt-components-form-renderer-datepicker-field.component-CTVrrf43.mjs.map → elementar-rt-components-form-renderer-datepicker-field.component-D9gAkq6u.mjs.map} +1 -1
- package/fesm2022/{elementar-rt-components-form-renderer-divider-content.component-CkYa0MOQ.mjs → elementar-rt-components-form-renderer-divider-content.component-DB4F4Av6.mjs} +4 -4
- package/fesm2022/{elementar-rt-components-form-renderer-divider-content.component-CkYa0MOQ.mjs.map → elementar-rt-components-form-renderer-divider-content.component-DB4F4Av6.mjs.map} +1 -1
- package/fesm2022/{elementar-rt-components-form-renderer-image-content.component-B5uj3hoV.mjs → elementar-rt-components-form-renderer-image-content.component-BvxbVzag.mjs} +5 -5
- package/fesm2022/{elementar-rt-components-form-renderer-image-content.component-B5uj3hoV.mjs.map → elementar-rt-components-form-renderer-image-content.component-BvxbVzag.mjs.map} +1 -1
- package/fesm2022/{elementar-rt-components-form-renderer-input-field.component-DnaWJIK9.mjs → elementar-rt-components-form-renderer-input-field.component-BPOCpB7i.mjs} +7 -7
- package/fesm2022/{elementar-rt-components-form-renderer-input-field.component-DnaWJIK9.mjs.map → elementar-rt-components-form-renderer-input-field.component-BPOCpB7i.mjs.map} +1 -1
- package/fesm2022/{elementar-rt-components-form-renderer-radio-group-field.component-9BLv1MsP.mjs → elementar-rt-components-form-renderer-radio-group-field.component-D65JtgyW.mjs} +7 -7
- package/fesm2022/{elementar-rt-components-form-renderer-radio-group-field.component-9BLv1MsP.mjs.map → elementar-rt-components-form-renderer-radio-group-field.component-D65JtgyW.mjs.map} +1 -1
- package/fesm2022/{elementar-rt-components-form-renderer-select-field.component-C97pIEdh.mjs → elementar-rt-components-form-renderer-select-field.component-HgwzMHVU.mjs} +6 -6
- package/fesm2022/{elementar-rt-components-form-renderer-select-field.component-C97pIEdh.mjs.map → elementar-rt-components-form-renderer-select-field.component-HgwzMHVU.mjs.map} +1 -1
- package/fesm2022/{elementar-rt-components-form-renderer-text-content.component-CJxCc5vX.mjs → elementar-rt-components-form-renderer-text-content.component-fHh_BaZl.mjs} +5 -5
- package/fesm2022/{elementar-rt-components-form-renderer-text-content.component-CJxCc5vX.mjs.map → elementar-rt-components-form-renderer-text-content.component-fHh_BaZl.mjs.map} +1 -1
- package/fesm2022/{elementar-rt-components-form-renderer-textarea-field.component-CCtWiJOk.mjs → elementar-rt-components-form-renderer-textarea-field.component-CQ68jF7W.mjs} +6 -6
- package/fesm2022/{elementar-rt-components-form-renderer-textarea-field.component-CCtWiJOk.mjs.map → elementar-rt-components-form-renderer-textarea-field.component-CQ68jF7W.mjs.map} +1 -1
- package/fesm2022/{elementar-rt-components-form-renderer-timezone-field.component-GvZgdvUX.mjs → elementar-rt-components-form-renderer-timezone-field.component-CgS9fcCV.mjs} +7 -7
- package/fesm2022/{elementar-rt-components-form-renderer-timezone-field.component-GvZgdvUX.mjs.map → elementar-rt-components-form-renderer-timezone-field.component-CgS9fcCV.mjs.map} +1 -1
- package/fesm2022/{elementar-rt-components-form-renderer-toggle-field.component-DBiIiV-9.mjs → elementar-rt-components-form-renderer-toggle-field.component-nj0FmsWA.mjs} +7 -7
- package/fesm2022/{elementar-rt-components-form-renderer-toggle-field.component-DBiIiV-9.mjs.map → elementar-rt-components-form-renderer-toggle-field.component-nj0FmsWA.mjs.map} +1 -1
- package/fesm2022/elementar-rt-components-form-renderer.mjs +36 -36
- package/fesm2022/elementar-rt-components-form-renderer.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-gauge.mjs +11 -17
- package/fesm2022/elementar-rt-components-gauge.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-grid.mjs +12 -12
- package/fesm2022/elementar-rt-components-grid.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-guided-tour.mjs +12 -12
- package/fesm2022/elementar-rt-components-guided-tour.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-headless-stepper.mjs +10 -10
- package/fesm2022/elementar-rt-components-headless-stepper.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-icon.mjs +6 -6
- package/fesm2022/elementar-rt-components-icon.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-image-placeholder.mjs +10 -10
- package/fesm2022/elementar-rt-components-image-placeholder.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-image-resizer.mjs +17 -25
- package/fesm2022/elementar-rt-components-image-resizer.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-image-viewer.mjs +29 -29
- package/fesm2022/elementar-rt-components-image-viewer.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-image-zoom-viewer.mjs +16 -16
- package/fesm2022/elementar-rt-components-image-zoom-viewer.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-incidents.mjs +55 -57
- package/fesm2022/elementar-rt-components-incidents.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-inline-text-edit.mjs +8 -10
- package/fesm2022/elementar-rt-components-inline-text-edit.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-input-mask.mjs +12 -12
- package/fesm2022/elementar-rt-components-input-mask.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-input-validator.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-kanban-board.mjs +10 -10
- package/fesm2022/elementar-rt-components-kanban-board.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-keyboard.mjs +9 -9
- package/fesm2022/elementar-rt-components-keyboard.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-layout.mjs +36 -40
- package/fesm2022/elementar-rt-components-layout.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-list.mjs +13 -13
- package/fesm2022/elementar-rt-components-list.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-logo.mjs +12 -12
- package/fesm2022/elementar-rt-components-logo.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-marquee.mjs +9 -13
- package/fesm2022/elementar-rt-components-marquee.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-menu.mjs +19 -19
- package/fesm2022/elementar-rt-components-menu.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-micro-chart.mjs +65 -111
- package/fesm2022/elementar-rt-components-micro-chart.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-multi-select.mjs +13 -13
- package/fesm2022/elementar-rt-components-multi-select.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-navigation.mjs +56 -66
- package/fesm2022/elementar-rt-components-navigation.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-notifications.mjs +47 -53
- package/fesm2022/elementar-rt-components-notifications.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-number-input.mjs +23 -31
- package/fesm2022/elementar-rt-components-number-input.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-overlay-scrollbar.mjs +34 -34
- package/fesm2022/elementar-rt-components-overlay-scrollbar.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-overlay.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-page-loading-bar.mjs +5 -7
- package/fesm2022/elementar-rt-components-page-loading-bar.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-paginator.mjs +12 -12
- package/fesm2022/elementar-rt-components-paginator.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-panel.mjs +25 -27
- package/fesm2022/elementar-rt-components-panel.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-password-strength.mjs +35 -59
- package/fesm2022/elementar-rt-components-password-strength.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-phone-input.mjs +23 -26
- package/fesm2022/elementar-rt-components-phone-input.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-pin-input.mjs +17 -21
- package/fesm2022/elementar-rt-components-pin-input.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-popover.mjs +18 -28
- package/fesm2022/elementar-rt-components-popover.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-progress-bar.mjs +10 -10
- package/fesm2022/elementar-rt-components-progress-bar.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-progress-spinner.mjs +14 -14
- package/fesm2022/elementar-rt-components-progress-spinner.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-radio-card.mjs +21 -21
- package/fesm2022/elementar-rt-components-radio-card.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-rail-nav.mjs +14 -14
- package/fesm2022/elementar-rt-components-rail-nav.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-rating.mjs +15 -15
- package/fesm2022/elementar-rt-components-rating.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-resizable-container.mjs +5 -7
- package/fesm2022/elementar-rt-components-resizable-container.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-screen-loader.mjs +5 -7
- package/fesm2022/elementar-rt-components-screen-loader.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-scroll-spy.mjs +18 -18
- package/fesm2022/elementar-rt-components-scroll-spy.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-segmented.mjs +18 -24
- package/fesm2022/elementar-rt-components-segmented.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-side-panel.mjs +18 -18
- package/fesm2022/elementar-rt-components-side-panel.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-sidebar.mjs +71 -77
- package/fesm2022/elementar-rt-components-sidebar.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-sidenav.mjs +15 -15
- package/fesm2022/elementar-rt-components-sidenav.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-signature-pad.mjs +17 -17
- package/fesm2022/elementar-rt-components-signature-pad.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-skeleton.mjs +17 -17
- package/fesm2022/elementar-rt-components-skeleton.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-slider.mjs +13 -13
- package/fesm2022/elementar-rt-components-slider.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-snackbar.mjs +10 -10
- package/fesm2022/elementar-rt-components-snackbar.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-sort.mjs +11 -11
- package/fesm2022/elementar-rt-components-sort.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-splash-screen.mjs +6 -10
- package/fesm2022/elementar-rt-components-splash-screen.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-split-pane.mjs +10 -10
- package/fesm2022/elementar-rt-components-split-pane.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-stat-card.mjs +10 -10
- package/fesm2022/elementar-rt-components-stat-card.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-step-tracker.mjs +8 -8
- package/fesm2022/elementar-rt-components-step-tracker.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-stepper.mjs +21 -23
- package/fesm2022/elementar-rt-components-stepper.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-suggestions.mjs +21 -25
- package/fesm2022/elementar-rt-components-suggestions.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-tab-panel.mjs +54 -60
- package/fesm2022/elementar-rt-components-tab-panel.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-table.mjs +16 -16
- package/fesm2022/elementar-rt-components-table.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-tabs.mjs +14 -14
- package/fesm2022/elementar-rt-components-tabs.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-tag.mjs +9 -9
- package/fesm2022/elementar-rt-components-tag.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-text-editor.mjs +97 -96
- package/fesm2022/elementar-rt-components-text-editor.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-thumbnail-maker.mjs +11 -13
- package/fesm2022/elementar-rt-components-thumbnail-maker.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-tiles.mjs +9 -9
- package/fesm2022/elementar-rt-components-tiles.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-timeline.mjs +39 -39
- package/fesm2022/elementar-rt-components-timeline.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-timepicker.mjs +11 -11
- package/fesm2022/elementar-rt-components-timepicker.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-timezone-select.mjs +23 -29
- package/fesm2022/elementar-rt-components-timezone-select.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-toast.mjs +14 -14
- package/fesm2022/elementar-rt-components-toast.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-toolbar.mjs +6 -6
- package/fesm2022/elementar-rt-components-toolbar.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-tooltip.mjs +14 -14
- package/fesm2022/elementar-rt-components-tooltip.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-tree.mjs +17 -17
- package/fesm2022/elementar-rt-components-tree.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-upload.mjs +77 -87
- package/fesm2022/elementar-rt-components-upload.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-video-player.mjs +22 -22
- package/fesm2022/elementar-rt-components-video-player.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-video-viewer.mjs +16 -16
- package/fesm2022/elementar-rt-components-video-viewer.mjs.map +1 -1
- package/package.json +136 -135
- package/{country-select/index.d.ts → types/elementar-rt-components-country-select.d.ts} +1 -1
- package/{currency-select/index.d.ts → types/elementar-rt-components-currency-select.d.ts} +1 -1
- /package/{action-required/index.d.ts → types/elementar-rt-components-action-required.d.ts} +0 -0
- /package/{alert/index.d.ts → types/elementar-rt-components-alert.d.ts} +0 -0
- /package/{announcement/index.d.ts → types/elementar-rt-components-announcement.d.ts} +0 -0
- /package/{avatar/index.d.ts → types/elementar-rt-components-avatar.d.ts} +0 -0
- /package/{badge/index.d.ts → types/elementar-rt-components-badge.d.ts} +0 -0
- /package/{block-loader/index.d.ts → types/elementar-rt-components-block-loader.d.ts} +0 -0
- /package/{block-state/index.d.ts → types/elementar-rt-components-block-state.d.ts} +0 -0
- /package/{bottom-sheet/index.d.ts → types/elementar-rt-components-bottom-sheet.d.ts} +0 -0
- /package/{brand-colors/index.d.ts → types/elementar-rt-components-brand-colors.d.ts} +0 -0
- /package/{breadcrumbs/index.d.ts → types/elementar-rt-components-breadcrumbs.d.ts} +0 -0
- /package/{button-toggle/index.d.ts → types/elementar-rt-components-button-toggle.d.ts} +0 -0
- /package/{calendar/index.d.ts → types/elementar-rt-components-calendar.d.ts} +0 -0
- /package/{card-overlay/index.d.ts → types/elementar-rt-components-card-overlay.d.ts} +0 -0
- /package/{card/index.d.ts → types/elementar-rt-components-card.d.ts} +0 -0
- /package/{carousel/index.d.ts → types/elementar-rt-components-carousel.d.ts} +0 -0
- /package/{chips/index.d.ts → types/elementar-rt-components-chips.d.ts} +0 -0
- /package/{clipboard-copy/index.d.ts → types/elementar-rt-components-clipboard-copy.d.ts} +0 -0
- /package/{code-highlighter/index.d.ts → types/elementar-rt-components-code-highlighter.d.ts} +0 -0
- /package/{color-picker/index.d.ts → types/elementar-rt-components-color-picker.d.ts} +0 -0
- /package/{color-scheme/index.d.ts → types/elementar-rt-components-color-scheme.d.ts} +0 -0
- /package/{combobox/index.d.ts → types/elementar-rt-components-combobox.d.ts} +0 -0
- /package/{command-bar/index.d.ts → types/elementar-rt-components-command-bar.d.ts} +0 -0
- /package/{comment-editor/index.d.ts → types/elementar-rt-components-comment-editor.d.ts} +0 -0
- /package/{comparison-slider/index.d.ts → types/elementar-rt-components-comparison-slider.d.ts} +0 -0
- /package/{confirm/index.d.ts → types/elementar-rt-components-confirm.d.ts} +0 -0
- /package/{content-editor/index.d.ts → types/elementar-rt-components-content-editor.d.ts} +0 -0
- /package/{content-fade/index.d.ts → types/elementar-rt-components-content-fade.d.ts} +0 -0
- /package/{cookie-popup/index.d.ts → types/elementar-rt-components-cookie-popup.d.ts} +0 -0
- /package/{core/index.d.ts → types/elementar-rt-components-core.d.ts} +0 -0
- /package/{crop/index.d.ts → types/elementar-rt-components-crop.d.ts} +0 -0
- /package/{dashboard/index.d.ts → types/elementar-rt-components-dashboard.d.ts} +0 -0
- /package/{data-grid/index.d.ts → types/elementar-rt-components-data-grid.d.ts} +0 -0
- /package/{data-view/index.d.ts → types/elementar-rt-components-data-view.d.ts} +0 -0
- /package/{date-format-select/index.d.ts → types/elementar-rt-components-date-format-select.d.ts} +0 -0
- /package/{datepicker/index.d.ts → types/elementar-rt-components-datepicker.d.ts} +0 -0
- /package/{dialog/index.d.ts → types/elementar-rt-components-dialog.d.ts} +0 -0
- /package/{digit-roller/index.d.ts → types/elementar-rt-components-digit-roller.d.ts} +0 -0
- /package/{divider/index.d.ts → types/elementar-rt-components-divider.d.ts} +0 -0
- /package/{drawer/index.d.ts → types/elementar-rt-components-drawer.d.ts} +0 -0
- /package/{emoji-picker/index.d.ts → types/elementar-rt-components-emoji-picker.d.ts} +0 -0
- /package/{empty-state/index.d.ts → types/elementar-rt-components-empty-state.d.ts} +0 -0
- /package/{expand/index.d.ts → types/elementar-rt-components-expand.d.ts} +0 -0
- /package/{expansion-panel/index.d.ts → types/elementar-rt-components-expansion-panel.d.ts} +0 -0
- /package/{filter-builder/index.d.ts → types/elementar-rt-components-filter-builder.d.ts} +0 -0
- /package/{filter-select/index.d.ts → types/elementar-rt-components-filter-select.d.ts} +0 -0
- /package/{form-renderer/index.d.ts → types/elementar-rt-components-form-renderer.d.ts} +0 -0
- /package/{gauge/index.d.ts → types/elementar-rt-components-gauge.d.ts} +0 -0
- /package/{grid/index.d.ts → types/elementar-rt-components-grid.d.ts} +0 -0
- /package/{guided-tour/index.d.ts → types/elementar-rt-components-guided-tour.d.ts} +0 -0
- /package/{headless-stepper/index.d.ts → types/elementar-rt-components-headless-stepper.d.ts} +0 -0
- /package/{icon/index.d.ts → types/elementar-rt-components-icon.d.ts} +0 -0
- /package/{image-placeholder/index.d.ts → types/elementar-rt-components-image-placeholder.d.ts} +0 -0
- /package/{image-resizer/index.d.ts → types/elementar-rt-components-image-resizer.d.ts} +0 -0
- /package/{image-viewer/index.d.ts → types/elementar-rt-components-image-viewer.d.ts} +0 -0
- /package/{image-zoom-viewer/index.d.ts → types/elementar-rt-components-image-zoom-viewer.d.ts} +0 -0
- /package/{incidents/index.d.ts → types/elementar-rt-components-incidents.d.ts} +0 -0
- /package/{inline-text-edit/index.d.ts → types/elementar-rt-components-inline-text-edit.d.ts} +0 -0
- /package/{input-mask/index.d.ts → types/elementar-rt-components-input-mask.d.ts} +0 -0
- /package/{input-validator/index.d.ts → types/elementar-rt-components-input-validator.d.ts} +0 -0
- /package/{kanban-board/index.d.ts → types/elementar-rt-components-kanban-board.d.ts} +0 -0
- /package/{keyboard/index.d.ts → types/elementar-rt-components-keyboard.d.ts} +0 -0
- /package/{layout/index.d.ts → types/elementar-rt-components-layout.d.ts} +0 -0
- /package/{list/index.d.ts → types/elementar-rt-components-list.d.ts} +0 -0
- /package/{logo/index.d.ts → types/elementar-rt-components-logo.d.ts} +0 -0
- /package/{marquee/index.d.ts → types/elementar-rt-components-marquee.d.ts} +0 -0
- /package/{menu/index.d.ts → types/elementar-rt-components-menu.d.ts} +0 -0
- /package/{micro-chart/index.d.ts → types/elementar-rt-components-micro-chart.d.ts} +0 -0
- /package/{multi-select/index.d.ts → types/elementar-rt-components-multi-select.d.ts} +0 -0
- /package/{navigation/index.d.ts → types/elementar-rt-components-navigation.d.ts} +0 -0
- /package/{notifications/index.d.ts → types/elementar-rt-components-notifications.d.ts} +0 -0
- /package/{number-input/index.d.ts → types/elementar-rt-components-number-input.d.ts} +0 -0
- /package/{overlay-scrollbar/index.d.ts → types/elementar-rt-components-overlay-scrollbar.d.ts} +0 -0
- /package/{overlay/index.d.ts → types/elementar-rt-components-overlay.d.ts} +0 -0
- /package/{page-loading-bar/index.d.ts → types/elementar-rt-components-page-loading-bar.d.ts} +0 -0
- /package/{paginator/index.d.ts → types/elementar-rt-components-paginator.d.ts} +0 -0
- /package/{panel/index.d.ts → types/elementar-rt-components-panel.d.ts} +0 -0
- /package/{password-strength/index.d.ts → types/elementar-rt-components-password-strength.d.ts} +0 -0
- /package/{phone-input/index.d.ts → types/elementar-rt-components-phone-input.d.ts} +0 -0
- /package/{pin-input/index.d.ts → types/elementar-rt-components-pin-input.d.ts} +0 -0
- /package/{popover/index.d.ts → types/elementar-rt-components-popover.d.ts} +0 -0
- /package/{progress-bar/index.d.ts → types/elementar-rt-components-progress-bar.d.ts} +0 -0
- /package/{progress-spinner/index.d.ts → types/elementar-rt-components-progress-spinner.d.ts} +0 -0
- /package/{radio-card/index.d.ts → types/elementar-rt-components-radio-card.d.ts} +0 -0
- /package/{rail-nav/index.d.ts → types/elementar-rt-components-rail-nav.d.ts} +0 -0
- /package/{rating/index.d.ts → types/elementar-rt-components-rating.d.ts} +0 -0
- /package/{resizable-container/index.d.ts → types/elementar-rt-components-resizable-container.d.ts} +0 -0
- /package/{screen-loader/index.d.ts → types/elementar-rt-components-screen-loader.d.ts} +0 -0
- /package/{scroll-spy/index.d.ts → types/elementar-rt-components-scroll-spy.d.ts} +0 -0
- /package/{segmented/index.d.ts → types/elementar-rt-components-segmented.d.ts} +0 -0
- /package/{side-panel/index.d.ts → types/elementar-rt-components-side-panel.d.ts} +0 -0
- /package/{sidebar/index.d.ts → types/elementar-rt-components-sidebar.d.ts} +0 -0
- /package/{sidenav/index.d.ts → types/elementar-rt-components-sidenav.d.ts} +0 -0
- /package/{signature-pad/index.d.ts → types/elementar-rt-components-signature-pad.d.ts} +0 -0
- /package/{skeleton/index.d.ts → types/elementar-rt-components-skeleton.d.ts} +0 -0
- /package/{slider/index.d.ts → types/elementar-rt-components-slider.d.ts} +0 -0
- /package/{snackbar/index.d.ts → types/elementar-rt-components-snackbar.d.ts} +0 -0
- /package/{sort/index.d.ts → types/elementar-rt-components-sort.d.ts} +0 -0
- /package/{splash-screen/index.d.ts → types/elementar-rt-components-splash-screen.d.ts} +0 -0
- /package/{split-pane/index.d.ts → types/elementar-rt-components-split-pane.d.ts} +0 -0
- /package/{stat-card/index.d.ts → types/elementar-rt-components-stat-card.d.ts} +0 -0
- /package/{step-tracker/index.d.ts → types/elementar-rt-components-step-tracker.d.ts} +0 -0
- /package/{stepper/index.d.ts → types/elementar-rt-components-stepper.d.ts} +0 -0
- /package/{suggestions/index.d.ts → types/elementar-rt-components-suggestions.d.ts} +0 -0
- /package/{tab-panel/index.d.ts → types/elementar-rt-components-tab-panel.d.ts} +0 -0
- /package/{table/index.d.ts → types/elementar-rt-components-table.d.ts} +0 -0
- /package/{tabs/index.d.ts → types/elementar-rt-components-tabs.d.ts} +0 -0
- /package/{tag/index.d.ts → types/elementar-rt-components-tag.d.ts} +0 -0
- /package/{text-editor/index.d.ts → types/elementar-rt-components-text-editor.d.ts} +0 -0
- /package/{thumbnail-maker/index.d.ts → types/elementar-rt-components-thumbnail-maker.d.ts} +0 -0
- /package/{tiles/index.d.ts → types/elementar-rt-components-tiles.d.ts} +0 -0
- /package/{timeline/index.d.ts → types/elementar-rt-components-timeline.d.ts} +0 -0
- /package/{timepicker/index.d.ts → types/elementar-rt-components-timepicker.d.ts} +0 -0
- /package/{timezone-select/index.d.ts → types/elementar-rt-components-timezone-select.d.ts} +0 -0
- /package/{toast/index.d.ts → types/elementar-rt-components-toast.d.ts} +0 -0
- /package/{toolbar/index.d.ts → types/elementar-rt-components-toolbar.d.ts} +0 -0
- /package/{tooltip/index.d.ts → types/elementar-rt-components-tooltip.d.ts} +0 -0
- /package/{tree/index.d.ts → types/elementar-rt-components-tree.d.ts} +0 -0
- /package/{upload/index.d.ts → types/elementar-rt-components-upload.d.ts} +0 -0
- /package/{video-player/index.d.ts → types/elementar-rt-components-video-player.d.ts} +0 -0
- /package/{video-viewer/index.d.ts → types/elementar-rt-components-video-viewer.d.ts} +0 -0
- /package/{index.d.ts → types/elementar-rt-components.d.ts} +0 -0
|
@@ -6,9 +6,7 @@ import { MatRipple } from '@angular/material/core';
|
|
|
6
6
|
import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
|
|
7
7
|
|
|
8
8
|
class SidebarComponent {
|
|
9
|
-
compact = input(false, ...(ngDevMode ?
|
|
10
|
-
transform: booleanAttribute
|
|
11
|
-
}]));
|
|
9
|
+
compact = input(false, { ...(ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
12
10
|
_compactHover = false;
|
|
13
11
|
get api() {
|
|
14
12
|
return {
|
|
@@ -21,10 +19,10 @@ class SidebarComponent {
|
|
|
21
19
|
mouseleave() {
|
|
22
20
|
this._compactHover = false;
|
|
23
21
|
}
|
|
24
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
25
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
22
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: SidebarComponent, isStandalone: true, selector: "emr-sidebar", inputs: { compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, properties: { "class.compact": "compact()", "class.compact-hover": "_compactHover" }, classAttribute: "emr-sidebar" }, exportAs: ["emrSidebar"], ngImport: i0, template: "<ng-content select=\"emr-sidebar-header\"/>\n<ng-content select=\"emr-sidebar-body\"/>\n<ng-content select=\"emr-sidebar-footer\"/>\n", styles: [":host{--emr-sidebar-width: var(--emr-layout-sidebar-width, 300px);--emr-sidebar-compact-width: var(--emr-layout-sidebar-compact-width, 76px);--emr-sidebar-bg: transparent;display:flex;flex-direction:column;overflow-x:hidden;height:100%;width:var(--emr-sidebar-width);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--emr-sidebar-bg)}:host.compact{position:absolute;inset:0}:host.compact:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}:host.compact:not(:hover){width:var(--emr-sidebar-compact-width);overflow:hidden}:host.compact:not(:hover) ::ng-deep .toggle,:host.compact:not(:hover) ::ng-deep .badge{display:none}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading{padding:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading .line{display:block}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading .content{opacity:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-menu.is-active{display:none}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle{gap:0;--emr-sidebar-nav-group-toggle-has-icon-padding-end: 0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle .icon{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle:has(.icon:not(:empty)) .text{opacity:0;width:0;max-width:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item .inner{gap:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item .icon{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item:has(.icon:not(:empty)) .text{opacity:0;width:0;max-width:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
|
|
26
24
|
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarComponent, decorators: [{
|
|
28
26
|
type: Component,
|
|
29
27
|
args: [{ selector: 'emr-sidebar', exportAs: 'emrSidebar', host: {
|
|
30
28
|
'class': 'emr-sidebar',
|
|
@@ -32,31 +30,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
32
30
|
'[class.compact-hover]': '_compactHover',
|
|
33
31
|
'(mouseenter)': 'mouseenter()',
|
|
34
32
|
'(mouseleave)': 'mouseleave()'
|
|
35
|
-
}, template: "<ng-content select=\"emr-sidebar-header\"/>\n<ng-content select=\"emr-sidebar-body\"/>\n<ng-content select=\"emr-sidebar-footer\"/>\n", styles: [":host{--emr-sidebar-width: var(--emr-layout-sidebar-width, 300px);--emr-sidebar-compact-width: var(--emr-layout-sidebar-compact-width, 76px);--emr-sidebar-bg: transparent;display:flex;flex-direction:column;overflow-x:hidden;height:100%;width:var(--emr-sidebar-width);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--emr-sidebar-bg)}:host.compact{position:absolute;inset:0}:host.compact:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}:host.compact:not(:hover){width:var(--emr-sidebar-compact-width);overflow:hidden}:host.compact:not(:hover) ::ng-deep .toggle,:host.compact:not(:hover) ::ng-deep .badge{display:none}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading{padding:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading .line{display:block}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading .content{opacity:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-menu.is-active{display:none}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle{gap:0;--emr-sidebar-nav-group-toggle-has-icon-padding-end: 0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle .icon{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle:has(.icon:not(:empty)) .text{opacity:0;width:0;max-width:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item .inner{gap:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item .icon{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item:has(.icon:not(:empty)) .text{opacity:0;width:0;max-width:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}\n/*! tailwindcss v4.3.
|
|
33
|
+
}, template: "<ng-content select=\"emr-sidebar-header\"/>\n<ng-content select=\"emr-sidebar-body\"/>\n<ng-content select=\"emr-sidebar-footer\"/>\n", styles: [":host{--emr-sidebar-width: var(--emr-layout-sidebar-width, 300px);--emr-sidebar-compact-width: var(--emr-layout-sidebar-compact-width, 76px);--emr-sidebar-bg: transparent;display:flex;flex-direction:column;overflow-x:hidden;height:100%;width:var(--emr-sidebar-width);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--emr-sidebar-bg)}:host.compact{position:absolute;inset:0}:host.compact:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}:host.compact:not(:hover){width:var(--emr-sidebar-compact-width);overflow:hidden}:host.compact:not(:hover) ::ng-deep .toggle,:host.compact:not(:hover) ::ng-deep .badge{display:none}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading{padding:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading .line{display:block}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading .content{opacity:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-menu.is-active{display:none}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle{gap:0;--emr-sidebar-nav-group-toggle-has-icon-padding-end: 0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle .icon{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle:has(.icon:not(:empty)) .text{opacity:0;width:0;max-width:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item .inner{gap:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item .icon{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item:has(.icon:not(:empty)) .text{opacity:0;width:0;max-width:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
|
|
36
34
|
}], propDecorators: { compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }] } });
|
|
37
35
|
|
|
38
36
|
class SidebarHeaderComponent {
|
|
39
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
40
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
37
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: SidebarHeaderComponent, isStandalone: true, selector: "emr-sidebar-header", host: { classAttribute: "emr-sidebar-header" }, exportAs: ["emrSidebarHeader"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--emr-sidebar-header-padding: calc(var(--spacing, .25rem) * 6);--emr-sidebar-header-compact-padding: 0;display:flex;align-items:center;justify-content:space-between;flex:none;width:100%;padding:var(--emr-sidebar-header-padding)}:host ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)){padding:var(--emr-sidebar-header-compact-padding);display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
|
|
41
39
|
}
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarHeaderComponent, decorators: [{
|
|
43
41
|
type: Component,
|
|
44
42
|
args: [{ selector: 'emr-sidebar-header', exportAs: 'emrSidebarHeader', host: {
|
|
45
43
|
'class': 'emr-sidebar-header',
|
|
46
|
-
}, template: "<ng-content/>\n", styles: [":host{--emr-sidebar-header-padding: calc(var(--spacing, .25rem) * 6);--emr-sidebar-header-compact-padding: 0;display:flex;align-items:center;justify-content:space-between;flex:none;width:100%;padding:var(--emr-sidebar-header-padding)}:host ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)){padding:var(--emr-sidebar-header-compact-padding);display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.3.
|
|
44
|
+
}, template: "<ng-content/>\n", styles: [":host{--emr-sidebar-header-padding: calc(var(--spacing, .25rem) * 6);--emr-sidebar-header-compact-padding: 0;display:flex;align-items:center;justify-content:space-between;flex:none;width:100%;padding:var(--emr-sidebar-header-padding)}:host ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)){padding:var(--emr-sidebar-header-compact-padding);display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
|
|
47
45
|
}] });
|
|
48
46
|
|
|
49
47
|
class SidebarBodyComponent {
|
|
50
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
51
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
48
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
49
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: SidebarBodyComponent, isStandalone: true, selector: "emr-sidebar-body", host: { classAttribute: "emr-sidebar-body" }, exportAs: ["emrSidebarBody"], ngImport: i0, template: "<emr-overlay-scrollbar>\n <div class=\"scroll-content\"><ng-content/></div>\n</emr-overlay-scrollbar>\n", styles: [":host{--emr-sidebar-body-padding: calc(var(--spacing, .25rem) * 2);display:block;width:100%;flex-grow:1;overflow-y:hidden;overflow-x:hidden;position:relative}:host .scroll-content{padding:var(--emr-sidebar-body-padding)}:host-context(.emr-sidebar.compact){overflow-y:hidden;padding:0}:host-context(.emr-sidebar.compact:hover){overflow-y:auto}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: OverlayScrollbarComponent, selector: "emr-overlay-scrollbar", inputs: ["scrollbarWidth", "autoHide", "absolute"], exportAs: ["emrOverlayScrollbar"] }] });
|
|
52
50
|
}
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarBodyComponent, decorators: [{
|
|
54
52
|
type: Component,
|
|
55
53
|
args: [{ selector: 'emr-sidebar-body', exportAs: 'emrSidebarBody', imports: [
|
|
56
54
|
OverlayScrollbarComponent
|
|
57
55
|
], host: {
|
|
58
56
|
'class': 'emr-sidebar-body'
|
|
59
|
-
}, template: "<emr-overlay-scrollbar>\n <div class=\"scroll-content\"><ng-content/></div>\n</emr-overlay-scrollbar>\n", styles: [":host{--emr-sidebar-body-padding: calc(var(--spacing, .25rem) * 2);display:block;width:100%;flex-grow:1;overflow-y:hidden;overflow-x:hidden;position:relative}:host .scroll-content{padding:var(--emr-sidebar-body-padding)}:host-context(.emr-sidebar.compact){overflow-y:hidden;padding:0}:host-context(.emr-sidebar.compact:hover){overflow-y:auto}\n/*! tailwindcss v4.3.
|
|
57
|
+
}, template: "<emr-overlay-scrollbar>\n <div class=\"scroll-content\"><ng-content/></div>\n</emr-overlay-scrollbar>\n", styles: [":host{--emr-sidebar-body-padding: calc(var(--spacing, .25rem) * 2);display:block;width:100%;flex-grow:1;overflow-y:hidden;overflow-x:hidden;position:relative}:host .scroll-content{padding:var(--emr-sidebar-body-padding)}:host-context(.emr-sidebar.compact){overflow-y:hidden;padding:0}:host-context(.emr-sidebar.compact:hover){overflow-y:auto}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
|
|
60
58
|
}] });
|
|
61
59
|
|
|
62
60
|
const SIDEBAR_NAVIGATION = new InjectionToken('Sidebar navigation');
|
|
@@ -93,10 +91,8 @@ class SidebarNavItemComponent {
|
|
|
93
91
|
isActive: () => this.active
|
|
94
92
|
};
|
|
95
93
|
}
|
|
96
|
-
key = input(Math.random(), ...(ngDevMode ? [{ debugName: "key" }] : []));
|
|
97
|
-
forceActive = input(false, ...(ngDevMode ?
|
|
98
|
-
transform: booleanAttribute
|
|
99
|
-
}]));
|
|
94
|
+
key = input(Math.random(), ...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
|
|
95
|
+
forceActive = input(false, { ...(ngDevMode ? { debugName: "forceActive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
100
96
|
click(event) {
|
|
101
97
|
if (!this.key()) {
|
|
102
98
|
return;
|
|
@@ -110,10 +106,10 @@ class SidebarNavItemComponent {
|
|
|
110
106
|
get _hostElement() {
|
|
111
107
|
return this._elementRef;
|
|
112
108
|
}
|
|
113
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
114
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
109
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
110
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: SidebarNavItemComponent, isStandalone: true, selector: "emr-sidebar-nav-item,[emr-sidebar-nav-item]", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, forceActive: { classPropertyName: "forceActive", publicName: "forceActive", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "click($event)" }, properties: { "class.is-active": "forceActive() || active" }, classAttribute: "emr-sidebar-nav-item" }, exportAs: ["emr-sidebar-nav-item"], ngImport: i0, template: "<div class=\"inner\" matRipple>\n <div class=\"icon\">\n <ng-content select=\"[emrSidebarNavItemIcon]\"/>\n </div>\n <span class=\"text grow\"><ng-content/></span>\n <div class=\"badge\">\n <ng-content select=\"[emrSidebarNavItemBadge]\"/>\n </div>\n</div>\n", styles: [":host{display:block;text-decoration:none;position:relative}:host .inner{display:flex;align-items:center;min-width:0;white-space:nowrap;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;width:var(--emr-sidebar-nav-item-width);background-color:var(--emr-sidebar-nav-item-bg);min-height:var(--emr-sidebar-nav-item-height);padding:var(--emr-sidebar-nav-item-padding);font-size:var(--emr-sidebar-nav-item-font-size);border-radius:var(--emr-sidebar-nav-item-border-radius);font-weight:var(--emr-sidebar-nav-item-font-weight);color:var(--emr-sidebar-nav-item-color);gap:var(--emr-sidebar-nav-item-gap);border:var(--emr-sidebar-nav-item-border-width) solid var(--emr-sidebar-nav-item-border-color)}:host:hover .inner{transition:background-color .2s}:host .text{overflow:hidden;text-overflow:ellipsis}:host .text ::ng-deep .emr-sidebar-full-view-mode{display:block}:host .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing) * 5);min-width:calc(var(--spacing) * 5);align-items:center;justify-content:center;font-size:var(--text-2xs);padding:0 calc(var(--spacing) * 1.5);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .icon{position:relative;left:-1px;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--emr-sidebar-nav-item-icon-width);color:var(--emr-sidebar-nav-item-icon-color)}:host .icon:empty{display:none}:host:hover{text-decoration:none}:host:hover .inner{background-color:var(--emr-sidebar-nav-item-hover-bg);color:var(--emr-sidebar-nav-item-hover-color)}:host.is-active .inner,:host.is-active:hover .inner{background-color:var(--emr-sidebar-nav-item-active-bg);color:var(--emr-sidebar-nav-item-active-color)}:host.is-active .icon{color:var(--emr-sidebar-nav-item-active-icon-color)}:host:not(.is-active):hover{text-decoration:none}:host:not(.is-active):hover .icon{color:var(--emr-sidebar-nav-item-hover-icon-color)}:host-context(.emr-sidebar-nav-group-menu) .inner{margin:var(--emr-sidebar-nav-nested-item-margin);width:calc(var(--emr-sidebar-nav-item-width) - var(--emr-sidebar-nav-nested-item-margin));background-color:var(--emr-sidebar-nav-nested-item-bg);min-height:var(--emr-sidebar-nav-nested-item-height);padding:var(--emr-sidebar-nav-nested-item-padding);color:var(--emr-sidebar-nav-nested-item-color)}:host-context(.emr-sidebar-nav-group-menu):hover .inner{background-color:var(--emr-sidebar-nav-nested-item-hover-bg);color:var(--emr-sidebar-nav-nested-item-hover-color)}:host-context(.emr-sidebar-nav-group-menu).is-active .inner,:host-context(.emr-sidebar-nav-group-menu).is-active:hover .inner{background-color:var(--emr-sidebar-nav-nested-item-active-bg);color:var(--emr-sidebar-nav-nested-item-active-color)}:host-context(.emr-sidebar-nav-group-menu):not(:last-child):before{content:\"\";position:absolute;top:0;left:20px;bottom:-10px;width:1px;background:var(--emr-sidebar-nav-group-tree-lines-color);z-index:0}:host-context(.emr-sidebar-nav-group-menu):after{content:\"\";position:absolute;top:0;left:20px;width:calc(var(--emr-sidebar-nav-nested-item-height) / 1.5);height:calc(var(--emr-sidebar-nav-nested-item-height) / 2);border-bottom-left-radius:calc(var(--emr-sidebar-nav-nested-item-height) / 4);border-left:1px solid var(--emr-sidebar-nav-group-tree-lines-color);border-bottom:1px solid var(--emr-sidebar-nav-group-tree-lines-color)}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }] });
|
|
115
111
|
}
|
|
116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavItemComponent, decorators: [{
|
|
117
113
|
type: Component,
|
|
118
114
|
args: [{ selector: 'emr-sidebar-nav-item,[emr-sidebar-nav-item]', exportAs: 'emr-sidebar-nav-item', imports: [
|
|
119
115
|
MatRipple
|
|
@@ -121,12 +117,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
121
117
|
'class': 'emr-sidebar-nav-item',
|
|
122
118
|
'[class.is-active]': 'forceActive() || active',
|
|
123
119
|
'(click)': 'click($event)'
|
|
124
|
-
}, template: "<div class=\"inner\" matRipple>\n <div class=\"icon\">\n <ng-content select=\"[emrSidebarNavItemIcon]\"/>\n </div>\n <span class=\"text grow\"><ng-content/></span>\n <div class=\"badge\">\n <ng-content select=\"[emrSidebarNavItemBadge]\"/>\n </div>\n</div>\n", styles: [":host{display:block;text-decoration:none;position:relative}:host .inner{display:flex;align-items:center;min-width:0;white-space:nowrap;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;width:var(--emr-sidebar-nav-item-width);background-color:var(--emr-sidebar-nav-item-bg);min-height:var(--emr-sidebar-nav-item-height);padding:var(--emr-sidebar-nav-item-padding);font-size:var(--emr-sidebar-nav-item-font-size);border-radius:var(--emr-sidebar-nav-item-border-radius);font-weight:var(--emr-sidebar-nav-item-font-weight);color:var(--emr-sidebar-nav-item-color);gap:var(--emr-sidebar-nav-item-gap);border:var(--emr-sidebar-nav-item-border-width) solid var(--emr-sidebar-nav-item-border-color)}:host:hover .inner{transition:background-color .2s}:host .text{overflow:hidden;text-overflow:ellipsis}:host .text ::ng-deep .emr-sidebar-full-view-mode{display:block}:host .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing) * 5);min-width:calc(var(--spacing) * 5);align-items:center;justify-content:center;font-size:var(--text-2xs);padding:0 calc(var(--spacing) * 1.5);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .
|
|
120
|
+
}, template: "<div class=\"inner\" matRipple>\n <div class=\"icon\">\n <ng-content select=\"[emrSidebarNavItemIcon]\"/>\n </div>\n <span class=\"text grow\"><ng-content/></span>\n <div class=\"badge\">\n <ng-content select=\"[emrSidebarNavItemBadge]\"/>\n </div>\n</div>\n", styles: [":host{display:block;text-decoration:none;position:relative}:host .inner{display:flex;align-items:center;min-width:0;white-space:nowrap;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;width:var(--emr-sidebar-nav-item-width);background-color:var(--emr-sidebar-nav-item-bg);min-height:var(--emr-sidebar-nav-item-height);padding:var(--emr-sidebar-nav-item-padding);font-size:var(--emr-sidebar-nav-item-font-size);border-radius:var(--emr-sidebar-nav-item-border-radius);font-weight:var(--emr-sidebar-nav-item-font-weight);color:var(--emr-sidebar-nav-item-color);gap:var(--emr-sidebar-nav-item-gap);border:var(--emr-sidebar-nav-item-border-width) solid var(--emr-sidebar-nav-item-border-color)}:host:hover .inner{transition:background-color .2s}:host .text{overflow:hidden;text-overflow:ellipsis}:host .text ::ng-deep .emr-sidebar-full-view-mode{display:block}:host .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing) * 5);min-width:calc(var(--spacing) * 5);align-items:center;justify-content:center;font-size:var(--text-2xs);padding:0 calc(var(--spacing) * 1.5);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .icon{position:relative;left:-1px;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--emr-sidebar-nav-item-icon-width);color:var(--emr-sidebar-nav-item-icon-color)}:host .icon:empty{display:none}:host:hover{text-decoration:none}:host:hover .inner{background-color:var(--emr-sidebar-nav-item-hover-bg);color:var(--emr-sidebar-nav-item-hover-color)}:host.is-active .inner,:host.is-active:hover .inner{background-color:var(--emr-sidebar-nav-item-active-bg);color:var(--emr-sidebar-nav-item-active-color)}:host.is-active .icon{color:var(--emr-sidebar-nav-item-active-icon-color)}:host:not(.is-active):hover{text-decoration:none}:host:not(.is-active):hover .icon{color:var(--emr-sidebar-nav-item-hover-icon-color)}:host-context(.emr-sidebar-nav-group-menu) .inner{margin:var(--emr-sidebar-nav-nested-item-margin);width:calc(var(--emr-sidebar-nav-item-width) - var(--emr-sidebar-nav-nested-item-margin));background-color:var(--emr-sidebar-nav-nested-item-bg);min-height:var(--emr-sidebar-nav-nested-item-height);padding:var(--emr-sidebar-nav-nested-item-padding);color:var(--emr-sidebar-nav-nested-item-color)}:host-context(.emr-sidebar-nav-group-menu):hover .inner{background-color:var(--emr-sidebar-nav-nested-item-hover-bg);color:var(--emr-sidebar-nav-nested-item-hover-color)}:host-context(.emr-sidebar-nav-group-menu).is-active .inner,:host-context(.emr-sidebar-nav-group-menu).is-active:hover .inner{background-color:var(--emr-sidebar-nav-nested-item-active-bg);color:var(--emr-sidebar-nav-nested-item-active-color)}:host-context(.emr-sidebar-nav-group-menu):not(:last-child):before{content:\"\";position:absolute;top:0;left:20px;bottom:-10px;width:1px;background:var(--emr-sidebar-nav-group-tree-lines-color);z-index:0}:host-context(.emr-sidebar-nav-group-menu):after{content:\"\";position:absolute;top:0;left:20px;width:calc(var(--emr-sidebar-nav-nested-item-height) / 1.5);height:calc(var(--emr-sidebar-nav-nested-item-height) / 2);border-bottom-left-radius:calc(var(--emr-sidebar-nav-nested-item-height) / 4);border-left:1px solid var(--emr-sidebar-nav-group-tree-lines-color);border-bottom:1px solid var(--emr-sidebar-nav-group-tree-lines-color)}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
|
|
125
121
|
}], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], forceActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceActive", required: false }] }] } });
|
|
126
122
|
|
|
127
123
|
class SidebarNavGroupToggleComponent {
|
|
128
124
|
_navStore = inject(SidebarNavStore);
|
|
129
|
-
for = signal(null, ...(ngDevMode ? [{ debugName: "for" }] : []));
|
|
125
|
+
for = signal(null, ...(ngDevMode ? [{ debugName: "for" }] : /* istanbul ignore next */ []));
|
|
130
126
|
get active() {
|
|
131
127
|
if (!this.for()) {
|
|
132
128
|
return false;
|
|
@@ -143,10 +139,10 @@ class SidebarNavGroupToggleComponent {
|
|
|
143
139
|
this._navStore.setGroupActiveKey(this.for());
|
|
144
140
|
}
|
|
145
141
|
}
|
|
146
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
147
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
142
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavGroupToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
143
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: SidebarNavGroupToggleComponent, isStandalone: true, selector: "emr-sidebar-nav-group-toggle", host: { listeners: { "click": "toggle($event)" }, properties: { "class.is-active": "active" }, classAttribute: "emr-sidebar-nav-group-toggle" }, exportAs: ["emrSidebarNavGroupToggle"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<div class=\"icon\"><ng-content select=\"[emrSidebarNavItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"badge\">\n <ng-content select=\"[emrSidebarNavItemBadge]\"/>\n</div>\n<div class=\"toggle\">\n <ng-content select=\"[emrSidebarNavGroupToggleIcon]\"/>\n</div>\n", styles: [":host{display:flex;align-items:center;min-width:0;white-space:nowrap;position:relative;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--emr-sidebar-nav-group-toggle-bg);min-height:var(--emr-sidebar-nav-item-height);padding:var(--emr-sidebar-nav-item-padding);font-size:var(--emr-sidebar-nav-item-font-size);border-radius:var(--emr-sidebar-nav-item-border-radius);font-weight:var(--emr-sidebar-nav-item-font-weight);color:var(--emr-sidebar-nav-item-color);gap:var(--emr-sidebar-nav-item-gap);width:var(--emr-sidebar-nav-item-width)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .text ::ng-deep .emr-sidebar-full-view-mode{display:block}:host .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing) * 5);align-items:center;justify-content:center;min-width:calc(var(--spacing) * 5);font-size:var(--text-2xs);padding:0 calc(var(--spacing) * 1.5);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .icon{display:inline-flex;align-items:center;justify-content:center;width:var(--emr-sidebar-nav-item-icon-width);color:var(--emr-sidebar-nav-group-toggle-icon-color);flex:none}:host .icon:empty{display:none}:host .toggle{display:inline-flex;align-items:center;justify-content:center;transition:var(--emr-transition-transform);margin-inline-end:2px}:host .toggle:empty{display:none}:host:hover{background-color:var(--emr-sidebar-nav-item-hover-bg);color:var(--emr-sidebar-nav-group-toggle-hover-icon-color);transition:background-color .2s}:host.is-active,:host.is-active:hover{background-color:var(--emr-sidebar-nav-group-toggle-active-bg);color:var(--emr-sidebar-nav-group-toggle-active-color)}:host:not(.is-active):hover .icon{color:var(--emr-sidebar-nav-item-hover-icon-color)}:host.is-active .icon{color:var(--emr-sidebar-nav-group-toggle-active-icon-color)}:host.is-active .toggle{transform:rotate(-180deg)}:host:has(.toggle:not(:empty)){padding-inline-end:var(--emr-sidebar-nav-group-toggle-has-icon-padding-end)}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
148
144
|
}
|
|
149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
145
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavGroupToggleComponent, decorators: [{
|
|
150
146
|
type: Component,
|
|
151
147
|
args: [{ selector: 'emr-sidebar-nav-group-toggle', exportAs: 'emrSidebarNavGroupToggle', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
152
148
|
MatRipple
|
|
@@ -154,15 +150,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
154
150
|
'class': 'emr-sidebar-nav-group-toggle',
|
|
155
151
|
'[class.is-active]': 'active',
|
|
156
152
|
'(click)': 'toggle($event)'
|
|
157
|
-
}, template: "<div class=\"icon\"><ng-content select=\"[emrSidebarNavItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"badge\">\n <ng-content select=\"[emrSidebarNavItemBadge]\"/>\n</div>\n<div class=\"toggle\">\n <ng-content select=\"[emrSidebarNavGroupToggleIcon]\"/>\n</div>\n", styles: [":host{display:flex;align-items:center;min-width:0;white-space:nowrap;position:relative;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--emr-sidebar-nav-group-toggle-bg);min-height:var(--emr-sidebar-nav-item-height);padding:var(--emr-sidebar-nav-item-padding);font-size:var(--emr-sidebar-nav-item-font-size);border-radius:var(--emr-sidebar-nav-item-border-radius);font-weight:var(--emr-sidebar-nav-item-font-weight);color:var(--emr-sidebar-nav-item-color);gap:var(--emr-sidebar-nav-item-gap);width:var(--emr-sidebar-nav-item-width)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .text ::ng-deep .emr-sidebar-full-view-mode{display:block}:host .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing) * 5);align-items:center;justify-content:center;min-width:calc(var(--spacing) * 5);font-size:var(--text-2xs);padding:0 calc(var(--spacing) * 1.5);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .
|
|
153
|
+
}, template: "<div class=\"icon\"><ng-content select=\"[emrSidebarNavItemIcon]\"/></div>\n<span class=\"text grow\"><ng-content/></span>\n<div class=\"badge\">\n <ng-content select=\"[emrSidebarNavItemBadge]\"/>\n</div>\n<div class=\"toggle\">\n <ng-content select=\"[emrSidebarNavGroupToggleIcon]\"/>\n</div>\n", styles: [":host{display:flex;align-items:center;min-width:0;white-space:nowrap;position:relative;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--emr-sidebar-nav-group-toggle-bg);min-height:var(--emr-sidebar-nav-item-height);padding:var(--emr-sidebar-nav-item-padding);font-size:var(--emr-sidebar-nav-item-font-size);border-radius:var(--emr-sidebar-nav-item-border-radius);font-weight:var(--emr-sidebar-nav-item-font-weight);color:var(--emr-sidebar-nav-item-color);gap:var(--emr-sidebar-nav-item-gap);width:var(--emr-sidebar-nav-item-width)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .text ::ng-deep .emr-sidebar-full-view-mode{display:block}:host .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host .badge:empty{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing) * 5);align-items:center;justify-content:center;min-width:calc(var(--spacing) * 5);font-size:var(--text-2xs);padding:0 calc(var(--spacing) * 1.5);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .icon{display:inline-flex;align-items:center;justify-content:center;width:var(--emr-sidebar-nav-item-icon-width);color:var(--emr-sidebar-nav-group-toggle-icon-color);flex:none}:host .icon:empty{display:none}:host .toggle{display:inline-flex;align-items:center;justify-content:center;transition:var(--emr-transition-transform);margin-inline-end:2px}:host .toggle:empty{display:none}:host:hover{background-color:var(--emr-sidebar-nav-item-hover-bg);color:var(--emr-sidebar-nav-group-toggle-hover-icon-color);transition:background-color .2s}:host.is-active,:host.is-active:hover{background-color:var(--emr-sidebar-nav-group-toggle-active-bg);color:var(--emr-sidebar-nav-group-toggle-active-color)}:host:not(.is-active):hover .icon{color:var(--emr-sidebar-nav-item-hover-icon-color)}:host.is-active .icon{color:var(--emr-sidebar-nav-group-toggle-active-icon-color)}:host.is-active .toggle{transform:rotate(-180deg)}:host:has(.toggle:not(:empty)){padding-inline-end:var(--emr-sidebar-nav-group-toggle-has-icon-padding-end)}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
|
|
158
154
|
}] });
|
|
159
155
|
|
|
160
156
|
class SidebarNavGroupMenuComponent {
|
|
161
157
|
navigation = inject(SIDEBAR_NAVIGATION);
|
|
162
158
|
_group = inject(SIDEBAR_NAVIGATION_GROUP);
|
|
163
159
|
_navStore = inject(SidebarNavStore);
|
|
164
|
-
_items = contentChildren(SidebarNavItemComponent, ...(ngDevMode ?
|
|
165
|
-
key = signal(this._group._groupId, ...(ngDevMode ? [{ debugName: "key" }] : []));
|
|
160
|
+
_items = contentChildren(SidebarNavItemComponent, { ...(ngDevMode ? { debugName: "_items" } : /* istanbul ignore next */ {}), descendants: true });
|
|
161
|
+
key = signal(this._group._groupId, ...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
|
|
166
162
|
get active() {
|
|
167
163
|
return this._navStore.isGroupActive(this.key());
|
|
168
164
|
}
|
|
@@ -188,15 +184,15 @@ class SidebarNavGroupMenuComponent {
|
|
|
188
184
|
this._navStore.setGroupActiveKey(this.key());
|
|
189
185
|
}
|
|
190
186
|
}
|
|
191
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
192
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
187
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavGroupMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
188
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.22", type: SidebarNavGroupMenuComponent, isStandalone: true, selector: "emr-sidebar-nav-group-menu", host: { properties: { "class.is-active": "active" }, classAttribute: "emr-sidebar-nav-group-menu" }, queries: [{ propertyName: "_items", predicate: SidebarNavItemComponent, descendants: true, isSignal: true }], exportAs: ["emrSidebarNavGroupMenu"], ngImport: i0, template: "<div class=\"inner\">\n <ng-content/>\n</div>\n", styles: [":host{position:relative;padding-inline-start:var(--emr-sidebar-nav-group-menu-padding-start);grid-template-rows:0fr;display:grid}:host .inner{overflow:hidden;display:flex;flex-direction:column;gap:var(--emr-sidebar-nav-items-gap)}:host.is-active{grid-template-rows:1fr;margin-top:var(--emr-sidebar-nav-item-space-y)}:host.is-active .inner{padding:calc(var(--emr-sidebar-nav-items-gap) * 2) 0 var(--emr-sidebar-nav-items-gap) 0}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
193
189
|
}
|
|
194
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavGroupMenuComponent, decorators: [{
|
|
195
191
|
type: Component,
|
|
196
192
|
args: [{ selector: 'emr-sidebar-nav-group-menu', exportAs: 'emrSidebarNavGroupMenu', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
197
193
|
'class': 'emr-sidebar-nav-group-menu',
|
|
198
194
|
'[class.is-active]': 'active'
|
|
199
|
-
}, template: "<div class=\"inner\">\n <ng-content/>\n</div>\n", styles: [":host{position:relative;padding-inline-start:var(--emr-sidebar-nav-group-menu-padding-start);grid-template-rows:0fr;display:grid}:host .inner{overflow:hidden;display:flex;flex-direction:column;gap:var(--emr-sidebar-nav-items-gap)}:host.is-active{grid-template-rows:1fr;margin-top:var(--emr-sidebar-nav-item-space-y)}:host.is-active .inner{padding:calc(var(--emr-sidebar-nav-items-gap) * 2) 0 var(--emr-sidebar-nav-items-gap) 0}\n/*! tailwindcss v4.3.
|
|
195
|
+
}, template: "<div class=\"inner\">\n <ng-content/>\n</div>\n", styles: [":host{position:relative;padding-inline-start:var(--emr-sidebar-nav-group-menu-padding-start);grid-template-rows:0fr;display:grid}:host .inner{overflow:hidden;display:flex;flex-direction:column;gap:var(--emr-sidebar-nav-items-gap)}:host.is-active{grid-template-rows:1fr;margin-top:var(--emr-sidebar-nav-item-space-y)}:host.is-active .inner{padding:calc(var(--emr-sidebar-nav-items-gap) * 2) 0 var(--emr-sidebar-nav-items-gap) 0}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
|
|
200
196
|
}], propDecorators: { _items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SidebarNavItemComponent), { ...{ descendants: true }, isSignal: true }] }] } });
|
|
201
197
|
|
|
202
198
|
let nextId = 0;
|
|
@@ -214,22 +210,22 @@ class SidebarNavGroupComponent {
|
|
|
214
210
|
hasActiveItem() {
|
|
215
211
|
return this._menu().hasActiveItem();
|
|
216
212
|
}
|
|
217
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
218
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
213
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
214
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.22", type: SidebarNavGroupComponent, isStandalone: true, selector: "emr-sidebar-nav-group", providers: [
|
|
219
215
|
{
|
|
220
216
|
provide: SIDEBAR_NAVIGATION_GROUP,
|
|
221
217
|
useExisting: forwardRef(() => SidebarNavGroupComponent),
|
|
222
218
|
}
|
|
223
|
-
], queries: [{ propertyName: "_toggle", first: true, predicate: SidebarNavGroupToggleComponent, isSignal: true }, { propertyName: "_menu", first: true, predicate: SidebarNavGroupMenuComponent, isSignal: true }], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;border-radius:var(--emr-sidebar-nav-group-border-radius)}:host:has(.emr-sidebar-nav-group-toggle.is-active){background:var(--emr-sidebar-nav-group-active-bg)}\n/*! tailwindcss v4.3.
|
|
219
|
+
], queries: [{ propertyName: "_toggle", first: true, predicate: SidebarNavGroupToggleComponent, isSignal: true }, { propertyName: "_menu", first: true, predicate: SidebarNavGroupMenuComponent, isSignal: true }], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;border-radius:var(--emr-sidebar-nav-group-border-radius)}:host:has(.emr-sidebar-nav-group-toggle.is-active){background:var(--emr-sidebar-nav-group-active-bg)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
224
220
|
}
|
|
225
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavGroupComponent, decorators: [{
|
|
226
222
|
type: Component,
|
|
227
223
|
args: [{ selector: 'emr-sidebar-nav-group', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
228
224
|
{
|
|
229
225
|
provide: SIDEBAR_NAVIGATION_GROUP,
|
|
230
226
|
useExisting: forwardRef(() => SidebarNavGroupComponent),
|
|
231
227
|
}
|
|
232
|
-
], template: "<ng-content/>\n", styles: [":host{display:block;border-radius:var(--emr-sidebar-nav-group-border-radius)}:host:has(.emr-sidebar-nav-group-toggle.is-active){background:var(--emr-sidebar-nav-group-active-bg)}\n/*! tailwindcss v4.3.
|
|
228
|
+
], template: "<ng-content/>\n", styles: [":host{display:block;border-radius:var(--emr-sidebar-nav-group-border-radius)}:host:has(.emr-sidebar-nav-group-toggle.is-active){background:var(--emr-sidebar-nav-group-active-bg)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
|
|
233
229
|
}], propDecorators: { _toggle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SidebarNavGroupToggleComponent), { ...{
|
|
234
230
|
descendants: false,
|
|
235
231
|
}, isSignal: true }] }], _menu: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SidebarNavGroupMenuComponent), { ...{
|
|
@@ -239,12 +235,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
239
235
|
class SidebarNavComponent {
|
|
240
236
|
_elementRef = inject(ElementRef);
|
|
241
237
|
_navStore = inject(SidebarNavStore);
|
|
242
|
-
_items = contentChildren(SidebarNavItemComponent, ...(ngDevMode ?
|
|
243
|
-
_groups = contentChildren(SidebarNavGroupComponent, ...(ngDevMode ?
|
|
244
|
-
activeKey = input(...(ngDevMode ? [undefined, { debugName: "activeKey" }] : []));
|
|
245
|
-
autoScrollToActiveItem = input(false, ...(ngDevMode ?
|
|
246
|
-
transform: booleanAttribute
|
|
247
|
-
}]));
|
|
238
|
+
_items = contentChildren(SidebarNavItemComponent, { ...(ngDevMode ? { debugName: "_items" } : /* istanbul ignore next */ {}), descendants: true });
|
|
239
|
+
_groups = contentChildren(SidebarNavGroupComponent, { ...(ngDevMode ? { debugName: "_groups" } : /* istanbul ignore next */ {}), descendants: true });
|
|
240
|
+
activeKey = input(...(ngDevMode ? [undefined, { debugName: "activeKey" }] : /* istanbul ignore next */ []));
|
|
241
|
+
autoScrollToActiveItem = input(false, { ...(ngDevMode ? { debugName: "autoScrollToActiveItem" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
248
242
|
itemClicked = output();
|
|
249
243
|
constructor() {
|
|
250
244
|
// scroll to the active item if it is not visible in the viewport
|
|
@@ -295,16 +289,16 @@ class SidebarNavComponent {
|
|
|
295
289
|
}
|
|
296
290
|
});
|
|
297
291
|
}
|
|
298
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
299
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
292
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
293
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.22", type: SidebarNavComponent, isStandalone: true, selector: "emr-sidebar-nav", inputs: { activeKey: { classPropertyName: "activeKey", publicName: "activeKey", isSignal: true, isRequired: false, transformFunction: null }, autoScrollToActiveItem: { classPropertyName: "autoScrollToActiveItem", publicName: "autoScrollToActiveItem", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClicked: "itemClicked" }, host: { classAttribute: "emr-sidebar-nav" }, providers: [
|
|
300
294
|
{
|
|
301
295
|
provide: SIDEBAR_NAVIGATION,
|
|
302
296
|
useExisting: forwardRef(() => SidebarNavComponent),
|
|
303
297
|
},
|
|
304
298
|
SidebarNavStore
|
|
305
|
-
], queries: [{ propertyName: "_items", predicate: SidebarNavItemComponent, descendants: true, isSignal: true }, { propertyName: "_groups", predicate: SidebarNavGroupComponent, descendants: true, isSignal: true }], exportAs: ["emrSidebarNav"], usesOnChanges: true, ngImport: i0, template: "<ng-content/>\n", styles: [":host{--emr-sidebar-nav-bg: inherit;--emr-sidebar-nav-items-gap: calc(var(--spacing, .25rem) * .5);--emr-sidebar-nav-item-width: 100%;--emr-sidebar-nav-item-bg: transparent;--emr-sidebar-nav-item-height: calc(var(--spacing, .25rem) * 12);--emr-sidebar-nav-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-item-font-size: .875rem;--emr-sidebar-nav-item-border-radius: calc(infinity * 1px);--emr-sidebar-nav-item-border-width: 1px;--emr-sidebar-nav-item-border-color: transparent;--emr-sidebar-nav-item-font-weight: 500;--emr-sidebar-nav-item-color: var(--color-secondary);--emr-sidebar-nav-item-hover-bg: var(--color-neutral-300);--emr-sidebar-nav-item-active-bg: var(--color-secondary-container);--emr-sidebar-nav-item-hover-color: var(--color-secondary-800);--emr-sidebar-nav-item-active-color: var(--color-secondary-950);--emr-sidebar-nav-item-icon-font-size: 1.5rem;--emr-sidebar-nav-item-icon-color: var(--color-secondary-700);--emr-sidebar-nav-item-icon-width: 27px;--emr-sidebar-nav-item-hover-icon-color: var(--color-secondary-800);--emr-sidebar-nav-item-active-icon-color: var(--color-secondary-950);--emr-sidebar-nav-item-icon-size: calc(var(--spacing, .25rem) * 6);--emr-sidebar-nav-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-sidebar-nav-item-has-icon-padding-start: calc(var(--spacing, .25rem) * 2.5);--emr-sidebar-nav-heading-color: var(--color-neutral-900);--emr-sidebar-nav-heading-font-size: var(--text-2xs);--emr-sidebar-nav-heading-font-weight: 700;--emr-sidebar-nav-heading-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-heading-margin-top: calc(var(--spacing, .25rem) * 6);--emr-sidebar-nav-heading-margin-bottom: calc(var(--spacing, .25rem) * 2);--emr-sidebar-nav-heading-after-margin: calc(var(--spacing, .25rem) * 8);--emr-sidebar-nav-heading-text-transform: uppercase;--emr-sidebar-nav-divider-height: 1px;--emr-sidebar-nav-divider-bg: var(--color-border);--emr-sidebar-nav-divider-margin: calc(var(--spacing, .25rem) * 6) 0;--emr-sidebar-nav-group-toggle-has-icon-padding-end: calc(var(--spacing, .25rem) * 2);--emr-sidebar-nav-group-toggle-icon-color: var(--color-neutral-700);--emr-sidebar-nav-group-toggle-icon-position-end: calc(var(--spacing, .25rem) * 3);--emr-sidebar-nav-group-toggle-icon-size: calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-group-menu-padding-start: 0;--emr-sidebar-nav-group-toggle-bg: transparent;--emr-sidebar-nav-group-toggle-active-bg: var(--color-neutral-300);--emr-sidebar-nav-group-toggle-active-color: var(--emr-sidebar-nav-item-active-color);--emr-sidebar-nav-group-toggle-hover-icon-color: var(--color-secondary-700);--emr-sidebar-nav-group-toggle-active-icon-color: var(--color-secondary-700);--emr-sidebar-nav-nested-item-bg: transparent;--emr-sidebar-nav-nested-item-height: calc(var(--spacing, .25rem) * 10);--emr-sidebar-nav-nested-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-nested-item-margin: 0 0 0 52px;--emr-sidebar-nav-nested-item-border-radius: 0;--emr-sidebar-nav-nested-item-color: var(--color-secondary-600);--emr-sidebar-nav-nested-item-hover-bg: var(--color-neutral-200);--emr-sidebar-nav-nested-item-active-bg: var(--color-secondary-fixed);--emr-sidebar-nav-nested-item-hover-color: var(--color-secondary-800);--emr-sidebar-nav-nested-item-active-color: var(--color-secondary-950);--emr-sidebar-nav-nested-item-indicator-width: calc(var(--spacing, .25rem) * 3.5);--emr-sidebar-nav-nested-item-indicator-height: calc(var(--spacing, .25rem) * .5);--emr-sidebar-nav-nested-item-indicator-bg: var(--color-neutral-500);--emr-sidebar-nav-nested-item-indicator-position-start: calc(calc(var(--spacing, .25rem) * 2.5) * -1);--emr-sidebar-nav-group-active-bg: transparent;--emr-sidebar-nav-group-border-radius: 0;--emr-sidebar-nav-group-tree-lines-color: var(--color-surface-container-highest);--emr-sidebar-nav-heading-text-align: start;--emr-sidebar-nav-compact-line-bg: var(--color-surface-container-high);flex-grow:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:var(--emr-sidebar-nav-items-gap);background:var(--emr-sidebar-nav-bg)}:host-context(html.dark){--emr-sidebar-nav-item-color: var(--color-neutral-400);--emr-sidebar-nav-item-icon-color: var(--color-neutral-400);--emr-sidebar-nav-item-hover-bg: var(--color-neutral-700);--emr-sidebar-nav-item-active-bg: var(--color-primary-300);--emr-sidebar-nav-item-hover-color: var(--color-neutral-100);--emr-sidebar-nav-item-hover-icon-color: var(--color-neutral-100);--emr-sidebar-nav-item-active-color: var(--color-neutral-950);--emr-sidebar-nav-item-active-icon-color: var(--color-neutral-950);--emr-sidebar-nav-heading-color: var(--color-neutral-200);--emr-sidebar-nav-nested-item-color: var(--color-neutral-400);--emr-sidebar-nav-nested-item-hover-bg: var(--color-neutral-700);--emr-sidebar-nav-nested-item-hover-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-active-bg: var(--color-neutral-800);--emr-sidebar-nav-group-toggle-active-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-icon-color: var(--color-neutral-300);--emr-sidebar-nav-group-toggle-hover-icon-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-active-icon-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-hover-bg: var(--color-neutral-800)}\n/*! tailwindcss v4.3.
|
|
299
|
+
], queries: [{ propertyName: "_items", predicate: SidebarNavItemComponent, descendants: true, isSignal: true }, { propertyName: "_groups", predicate: SidebarNavGroupComponent, descendants: true, isSignal: true }], exportAs: ["emrSidebarNav"], usesOnChanges: true, ngImport: i0, template: "<ng-content/>\n", styles: [":host{--emr-sidebar-nav-bg: inherit;--emr-sidebar-nav-items-gap: calc(var(--spacing, .25rem) * .5);--emr-sidebar-nav-item-width: 100%;--emr-sidebar-nav-item-bg: transparent;--emr-sidebar-nav-item-height: calc(var(--spacing, .25rem) * 12);--emr-sidebar-nav-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-item-font-size: .875rem;--emr-sidebar-nav-item-border-radius: calc(infinity * 1px);--emr-sidebar-nav-item-border-width: 1px;--emr-sidebar-nav-item-border-color: transparent;--emr-sidebar-nav-item-font-weight: 500;--emr-sidebar-nav-item-color: var(--color-secondary);--emr-sidebar-nav-item-hover-bg: var(--color-neutral-300);--emr-sidebar-nav-item-active-bg: var(--color-secondary-container);--emr-sidebar-nav-item-hover-color: var(--color-secondary-800);--emr-sidebar-nav-item-active-color: var(--color-secondary-950);--emr-sidebar-nav-item-icon-font-size: 1.5rem;--emr-sidebar-nav-item-icon-color: var(--color-secondary-700);--emr-sidebar-nav-item-icon-width: 27px;--emr-sidebar-nav-item-hover-icon-color: var(--color-secondary-800);--emr-sidebar-nav-item-active-icon-color: var(--color-secondary-950);--emr-sidebar-nav-item-icon-size: calc(var(--spacing, .25rem) * 6);--emr-sidebar-nav-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-sidebar-nav-item-has-icon-padding-start: calc(var(--spacing, .25rem) * 2.5);--emr-sidebar-nav-heading-color: var(--color-neutral-900);--emr-sidebar-nav-heading-font-size: var(--text-2xs);--emr-sidebar-nav-heading-font-weight: 700;--emr-sidebar-nav-heading-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-heading-margin-top: calc(var(--spacing, .25rem) * 6);--emr-sidebar-nav-heading-margin-bottom: calc(var(--spacing, .25rem) * 2);--emr-sidebar-nav-heading-after-margin: calc(var(--spacing, .25rem) * 8);--emr-sidebar-nav-heading-text-transform: uppercase;--emr-sidebar-nav-divider-height: 1px;--emr-sidebar-nav-divider-bg: var(--color-border);--emr-sidebar-nav-divider-margin: calc(var(--spacing, .25rem) * 6) 0;--emr-sidebar-nav-group-toggle-has-icon-padding-end: calc(var(--spacing, .25rem) * 2);--emr-sidebar-nav-group-toggle-icon-color: var(--color-neutral-700);--emr-sidebar-nav-group-toggle-icon-position-end: calc(var(--spacing, .25rem) * 3);--emr-sidebar-nav-group-toggle-icon-size: calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-group-menu-padding-start: 0;--emr-sidebar-nav-group-toggle-bg: transparent;--emr-sidebar-nav-group-toggle-active-bg: var(--color-neutral-300);--emr-sidebar-nav-group-toggle-active-color: var(--emr-sidebar-nav-item-active-color);--emr-sidebar-nav-group-toggle-hover-icon-color: var(--color-secondary-700);--emr-sidebar-nav-group-toggle-active-icon-color: var(--color-secondary-700);--emr-sidebar-nav-nested-item-bg: transparent;--emr-sidebar-nav-nested-item-height: calc(var(--spacing, .25rem) * 10);--emr-sidebar-nav-nested-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-nested-item-margin: 0 0 0 52px;--emr-sidebar-nav-nested-item-border-radius: 0;--emr-sidebar-nav-nested-item-color: var(--color-secondary-600);--emr-sidebar-nav-nested-item-hover-bg: var(--color-neutral-200);--emr-sidebar-nav-nested-item-active-bg: var(--color-secondary-fixed);--emr-sidebar-nav-nested-item-hover-color: var(--color-secondary-800);--emr-sidebar-nav-nested-item-active-color: var(--color-secondary-950);--emr-sidebar-nav-nested-item-indicator-width: calc(var(--spacing, .25rem) * 3.5);--emr-sidebar-nav-nested-item-indicator-height: calc(var(--spacing, .25rem) * .5);--emr-sidebar-nav-nested-item-indicator-bg: var(--color-neutral-500);--emr-sidebar-nav-nested-item-indicator-position-start: calc(calc(var(--spacing, .25rem) * 2.5) * -1);--emr-sidebar-nav-group-active-bg: transparent;--emr-sidebar-nav-group-border-radius: 0;--emr-sidebar-nav-group-tree-lines-color: var(--color-surface-container-highest);--emr-sidebar-nav-heading-text-align: start;--emr-sidebar-nav-compact-line-bg: var(--color-surface-container-high);flex-grow:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:var(--emr-sidebar-nav-items-gap);background:var(--emr-sidebar-nav-bg)}:host-context(html.dark){--emr-sidebar-nav-item-color: var(--color-neutral-400);--emr-sidebar-nav-item-icon-color: var(--color-neutral-400);--emr-sidebar-nav-item-hover-bg: var(--color-neutral-700);--emr-sidebar-nav-item-active-bg: var(--color-primary-300);--emr-sidebar-nav-item-hover-color: var(--color-neutral-100);--emr-sidebar-nav-item-hover-icon-color: var(--color-neutral-100);--emr-sidebar-nav-item-active-color: var(--color-neutral-950);--emr-sidebar-nav-item-active-icon-color: var(--color-neutral-950);--emr-sidebar-nav-heading-color: var(--color-neutral-200);--emr-sidebar-nav-nested-item-color: var(--color-neutral-400);--emr-sidebar-nav-nested-item-hover-bg: var(--color-neutral-700);--emr-sidebar-nav-nested-item-hover-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-active-bg: var(--color-neutral-800);--emr-sidebar-nav-group-toggle-active-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-icon-color: var(--color-neutral-300);--emr-sidebar-nav-group-toggle-hover-icon-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-active-icon-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-hover-bg: var(--color-neutral-800)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
306
300
|
}
|
|
307
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
301
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavComponent, decorators: [{
|
|
308
302
|
type: Component,
|
|
309
303
|
args: [{ selector: 'emr-sidebar-nav', exportAs: 'emrSidebarNav', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
310
304
|
{
|
|
@@ -314,47 +308,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
314
308
|
SidebarNavStore
|
|
315
309
|
], host: {
|
|
316
310
|
'class': 'emr-sidebar-nav',
|
|
317
|
-
}, template: "<ng-content/>\n", styles: [":host{--emr-sidebar-nav-bg: inherit;--emr-sidebar-nav-items-gap: calc(var(--spacing, .25rem) * .5);--emr-sidebar-nav-item-width: 100%;--emr-sidebar-nav-item-bg: transparent;--emr-sidebar-nav-item-height: calc(var(--spacing, .25rem) * 12);--emr-sidebar-nav-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-item-font-size: .875rem;--emr-sidebar-nav-item-border-radius: calc(infinity * 1px);--emr-sidebar-nav-item-border-width: 1px;--emr-sidebar-nav-item-border-color: transparent;--emr-sidebar-nav-item-font-weight: 500;--emr-sidebar-nav-item-color: var(--color-secondary);--emr-sidebar-nav-item-hover-bg: var(--color-neutral-300);--emr-sidebar-nav-item-active-bg: var(--color-secondary-container);--emr-sidebar-nav-item-hover-color: var(--color-secondary-800);--emr-sidebar-nav-item-active-color: var(--color-secondary-950);--emr-sidebar-nav-item-icon-font-size: 1.5rem;--emr-sidebar-nav-item-icon-color: var(--color-secondary-700);--emr-sidebar-nav-item-icon-width: 27px;--emr-sidebar-nav-item-hover-icon-color: var(--color-secondary-800);--emr-sidebar-nav-item-active-icon-color: var(--color-secondary-950);--emr-sidebar-nav-item-icon-size: calc(var(--spacing, .25rem) * 6);--emr-sidebar-nav-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-sidebar-nav-item-has-icon-padding-start: calc(var(--spacing, .25rem) * 2.5);--emr-sidebar-nav-heading-color: var(--color-neutral-900);--emr-sidebar-nav-heading-font-size: var(--text-2xs);--emr-sidebar-nav-heading-font-weight: 700;--emr-sidebar-nav-heading-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-heading-margin-top: calc(var(--spacing, .25rem) * 6);--emr-sidebar-nav-heading-margin-bottom: calc(var(--spacing, .25rem) * 2);--emr-sidebar-nav-heading-after-margin: calc(var(--spacing, .25rem) * 8);--emr-sidebar-nav-heading-text-transform: uppercase;--emr-sidebar-nav-divider-height: 1px;--emr-sidebar-nav-divider-bg: var(--color-border);--emr-sidebar-nav-divider-margin: calc(var(--spacing, .25rem) * 6) 0;--emr-sidebar-nav-group-toggle-has-icon-padding-end: calc(var(--spacing, .25rem) * 2);--emr-sidebar-nav-group-toggle-icon-color: var(--color-neutral-700);--emr-sidebar-nav-group-toggle-icon-position-end: calc(var(--spacing, .25rem) * 3);--emr-sidebar-nav-group-toggle-icon-size: calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-group-menu-padding-start: 0;--emr-sidebar-nav-group-toggle-bg: transparent;--emr-sidebar-nav-group-toggle-active-bg: var(--color-neutral-300);--emr-sidebar-nav-group-toggle-active-color: var(--emr-sidebar-nav-item-active-color);--emr-sidebar-nav-group-toggle-hover-icon-color: var(--color-secondary-700);--emr-sidebar-nav-group-toggle-active-icon-color: var(--color-secondary-700);--emr-sidebar-nav-nested-item-bg: transparent;--emr-sidebar-nav-nested-item-height: calc(var(--spacing, .25rem) * 10);--emr-sidebar-nav-nested-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-nested-item-margin: 0 0 0 52px;--emr-sidebar-nav-nested-item-border-radius: 0;--emr-sidebar-nav-nested-item-color: var(--color-secondary-600);--emr-sidebar-nav-nested-item-hover-bg: var(--color-neutral-200);--emr-sidebar-nav-nested-item-active-bg: var(--color-secondary-fixed);--emr-sidebar-nav-nested-item-hover-color: var(--color-secondary-800);--emr-sidebar-nav-nested-item-active-color: var(--color-secondary-950);--emr-sidebar-nav-nested-item-indicator-width: calc(var(--spacing, .25rem) * 3.5);--emr-sidebar-nav-nested-item-indicator-height: calc(var(--spacing, .25rem) * .5);--emr-sidebar-nav-nested-item-indicator-bg: var(--color-neutral-500);--emr-sidebar-nav-nested-item-indicator-position-start: calc(calc(var(--spacing, .25rem) * 2.5) * -1);--emr-sidebar-nav-group-active-bg: transparent;--emr-sidebar-nav-group-border-radius: 0;--emr-sidebar-nav-group-tree-lines-color: var(--color-surface-container-highest);--emr-sidebar-nav-heading-text-align: start;--emr-sidebar-nav-compact-line-bg: var(--color-surface-container-high);flex-grow:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:var(--emr-sidebar-nav-items-gap);background:var(--emr-sidebar-nav-bg)}:host-context(html.dark){--emr-sidebar-nav-item-color: var(--color-neutral-400);--emr-sidebar-nav-item-icon-color: var(--color-neutral-400);--emr-sidebar-nav-item-hover-bg: var(--color-neutral-700);--emr-sidebar-nav-item-active-bg: var(--color-primary-300);--emr-sidebar-nav-item-hover-color: var(--color-neutral-100);--emr-sidebar-nav-item-hover-icon-color: var(--color-neutral-100);--emr-sidebar-nav-item-active-color: var(--color-neutral-950);--emr-sidebar-nav-item-active-icon-color: var(--color-neutral-950);--emr-sidebar-nav-heading-color: var(--color-neutral-200);--emr-sidebar-nav-nested-item-color: var(--color-neutral-400);--emr-sidebar-nav-nested-item-hover-bg: var(--color-neutral-700);--emr-sidebar-nav-nested-item-hover-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-active-bg: var(--color-neutral-800);--emr-sidebar-nav-group-toggle-active-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-icon-color: var(--color-neutral-300);--emr-sidebar-nav-group-toggle-hover-icon-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-active-icon-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-hover-bg: var(--color-neutral-800)}\n/*! tailwindcss v4.3.
|
|
311
|
+
}, template: "<ng-content/>\n", styles: [":host{--emr-sidebar-nav-bg: inherit;--emr-sidebar-nav-items-gap: calc(var(--spacing, .25rem) * .5);--emr-sidebar-nav-item-width: 100%;--emr-sidebar-nav-item-bg: transparent;--emr-sidebar-nav-item-height: calc(var(--spacing, .25rem) * 12);--emr-sidebar-nav-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-item-font-size: .875rem;--emr-sidebar-nav-item-border-radius: calc(infinity * 1px);--emr-sidebar-nav-item-border-width: 1px;--emr-sidebar-nav-item-border-color: transparent;--emr-sidebar-nav-item-font-weight: 500;--emr-sidebar-nav-item-color: var(--color-secondary);--emr-sidebar-nav-item-hover-bg: var(--color-neutral-300);--emr-sidebar-nav-item-active-bg: var(--color-secondary-container);--emr-sidebar-nav-item-hover-color: var(--color-secondary-800);--emr-sidebar-nav-item-active-color: var(--color-secondary-950);--emr-sidebar-nav-item-icon-font-size: 1.5rem;--emr-sidebar-nav-item-icon-color: var(--color-secondary-700);--emr-sidebar-nav-item-icon-width: 27px;--emr-sidebar-nav-item-hover-icon-color: var(--color-secondary-800);--emr-sidebar-nav-item-active-icon-color: var(--color-secondary-950);--emr-sidebar-nav-item-icon-size: calc(var(--spacing, .25rem) * 6);--emr-sidebar-nav-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-sidebar-nav-item-has-icon-padding-start: calc(var(--spacing, .25rem) * 2.5);--emr-sidebar-nav-heading-color: var(--color-neutral-900);--emr-sidebar-nav-heading-font-size: var(--text-2xs);--emr-sidebar-nav-heading-font-weight: 700;--emr-sidebar-nav-heading-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-heading-margin-top: calc(var(--spacing, .25rem) * 6);--emr-sidebar-nav-heading-margin-bottom: calc(var(--spacing, .25rem) * 2);--emr-sidebar-nav-heading-after-margin: calc(var(--spacing, .25rem) * 8);--emr-sidebar-nav-heading-text-transform: uppercase;--emr-sidebar-nav-divider-height: 1px;--emr-sidebar-nav-divider-bg: var(--color-border);--emr-sidebar-nav-divider-margin: calc(var(--spacing, .25rem) * 6) 0;--emr-sidebar-nav-group-toggle-has-icon-padding-end: calc(var(--spacing, .25rem) * 2);--emr-sidebar-nav-group-toggle-icon-color: var(--color-neutral-700);--emr-sidebar-nav-group-toggle-icon-position-end: calc(var(--spacing, .25rem) * 3);--emr-sidebar-nav-group-toggle-icon-size: calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-group-menu-padding-start: 0;--emr-sidebar-nav-group-toggle-bg: transparent;--emr-sidebar-nav-group-toggle-active-bg: var(--color-neutral-300);--emr-sidebar-nav-group-toggle-active-color: var(--emr-sidebar-nav-item-active-color);--emr-sidebar-nav-group-toggle-hover-icon-color: var(--color-secondary-700);--emr-sidebar-nav-group-toggle-active-icon-color: var(--color-secondary-700);--emr-sidebar-nav-nested-item-bg: transparent;--emr-sidebar-nav-nested-item-height: calc(var(--spacing, .25rem) * 10);--emr-sidebar-nav-nested-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-nested-item-margin: 0 0 0 52px;--emr-sidebar-nav-nested-item-border-radius: 0;--emr-sidebar-nav-nested-item-color: var(--color-secondary-600);--emr-sidebar-nav-nested-item-hover-bg: var(--color-neutral-200);--emr-sidebar-nav-nested-item-active-bg: var(--color-secondary-fixed);--emr-sidebar-nav-nested-item-hover-color: var(--color-secondary-800);--emr-sidebar-nav-nested-item-active-color: var(--color-secondary-950);--emr-sidebar-nav-nested-item-indicator-width: calc(var(--spacing, .25rem) * 3.5);--emr-sidebar-nav-nested-item-indicator-height: calc(var(--spacing, .25rem) * .5);--emr-sidebar-nav-nested-item-indicator-bg: var(--color-neutral-500);--emr-sidebar-nav-nested-item-indicator-position-start: calc(calc(var(--spacing, .25rem) * 2.5) * -1);--emr-sidebar-nav-group-active-bg: transparent;--emr-sidebar-nav-group-border-radius: 0;--emr-sidebar-nav-group-tree-lines-color: var(--color-surface-container-highest);--emr-sidebar-nav-heading-text-align: start;--emr-sidebar-nav-compact-line-bg: var(--color-surface-container-high);flex-grow:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:var(--emr-sidebar-nav-items-gap);background:var(--emr-sidebar-nav-bg)}:host-context(html.dark){--emr-sidebar-nav-item-color: var(--color-neutral-400);--emr-sidebar-nav-item-icon-color: var(--color-neutral-400);--emr-sidebar-nav-item-hover-bg: var(--color-neutral-700);--emr-sidebar-nav-item-active-bg: var(--color-primary-300);--emr-sidebar-nav-item-hover-color: var(--color-neutral-100);--emr-sidebar-nav-item-hover-icon-color: var(--color-neutral-100);--emr-sidebar-nav-item-active-color: var(--color-neutral-950);--emr-sidebar-nav-item-active-icon-color: var(--color-neutral-950);--emr-sidebar-nav-heading-color: var(--color-neutral-200);--emr-sidebar-nav-nested-item-color: var(--color-neutral-400);--emr-sidebar-nav-nested-item-hover-bg: var(--color-neutral-700);--emr-sidebar-nav-nested-item-hover-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-active-bg: var(--color-neutral-800);--emr-sidebar-nav-group-toggle-active-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-icon-color: var(--color-neutral-300);--emr-sidebar-nav-group-toggle-hover-icon-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-active-icon-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-hover-bg: var(--color-neutral-800)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
|
|
318
312
|
}], ctorParameters: () => [], propDecorators: { _items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SidebarNavItemComponent), { ...{ descendants: true }, isSignal: true }] }], _groups: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SidebarNavGroupComponent), { ...{ descendants: true }, isSignal: true }] }], activeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeKey", required: false }] }], autoScrollToActiveItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoScrollToActiveItem", required: false }] }], itemClicked: [{ type: i0.Output, args: ["itemClicked"] }] } });
|
|
319
313
|
|
|
320
314
|
class SidebarFooterComponent {
|
|
321
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
322
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
315
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
316
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: SidebarFooterComponent, isStandalone: true, selector: "emr-sidebar-footer", host: { classAttribute: "emr-sidebar-footer" }, exportAs: ["emrSidebarFooter"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--emr-sidebar-footer-padding: calc(var(--spacing, .25rem) * 5) calc(var(--spacing, .25rem) * 6);--emr-sidebar-footer-compact-padding: calc(var(--spacing, .25rem) * 4) 0;display:flex;align-items:center;flex:none;width:100%;padding:var(--emr-sidebar-footer-padding)}:host ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)){padding:var(--emr-sidebar-footer-compact-padding);display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
|
|
323
317
|
}
|
|
324
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
318
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarFooterComponent, decorators: [{
|
|
325
319
|
type: Component,
|
|
326
320
|
args: [{ selector: 'emr-sidebar-footer', exportAs: 'emrSidebarFooter', host: {
|
|
327
321
|
'class': 'emr-sidebar-footer',
|
|
328
|
-
}, template: "<ng-content/>\n", styles: [":host{--emr-sidebar-footer-padding: calc(var(--spacing, .25rem) * 5) calc(var(--spacing, .25rem) * 6);--emr-sidebar-footer-compact-padding: calc(var(--spacing, .25rem) * 4) 0;display:flex;align-items:center;flex:none;width:100%;padding:var(--emr-sidebar-footer-padding)}:host ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)){padding:var(--emr-sidebar-footer-compact-padding);display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.3.
|
|
322
|
+
}, template: "<ng-content/>\n", styles: [":host{--emr-sidebar-footer-padding: calc(var(--spacing, .25rem) * 5) calc(var(--spacing, .25rem) * 6);--emr-sidebar-footer-compact-padding: calc(var(--spacing, .25rem) * 4) 0;display:flex;align-items:center;flex:none;width:100%;padding:var(--emr-sidebar-footer-padding)}:host ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)){padding:var(--emr-sidebar-footer-compact-padding);display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
|
|
329
323
|
}] });
|
|
330
324
|
|
|
331
325
|
class SidebarNavHeadingComponent {
|
|
332
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
333
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
326
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
327
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: SidebarNavHeadingComponent, isStandalone: true, selector: "emr-sidebar-nav-heading", host: { classAttribute: "emr-sidebar-nav-heading" }, exportAs: ["emrSidebarNavHeading"], ngImport: i0, template: "<div class=\"line\"></div>\n<div class=\"content\">\n <ng-content/>\n</div>\n", styles: [":host{display:block;text-transform:var(--emr-sidebar-nav-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--emr-sidebar-nav-heading-color);font-size:var(--emr-sidebar-nav-heading-font-size);font-weight:var(--emr-sidebar-nav-heading-font-weight);padding:var(--emr-sidebar-nav-heading-padding);margin-top:var(--emr-sidebar-nav-heading-margin-top);margin-bottom:var(--emr-sidebar-nav-heading-margin-bottom);text-align:var(--emr-sidebar-nav-heading-text-align);height:calc(var(--spacing, .25rem) * 6);align-items:center;position:relative}:host .line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;height:calc(var(--spacing, .25rem) * 2);border-radius:calc(var(--spacing, .25rem) * 2);background:var(--emr-sidebar-nav-compact-line-bg);width:calc(var(--emr-sidebar-compact-width) - calc(var(--spacing, .25rem) * 7))}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
|
|
334
328
|
}
|
|
335
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
329
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavHeadingComponent, decorators: [{
|
|
336
330
|
type: Component,
|
|
337
331
|
args: [{ selector: 'emr-sidebar-nav-heading', exportAs: 'emrSidebarNavHeading', imports: [], host: {
|
|
338
332
|
class: 'emr-sidebar-nav-heading',
|
|
339
|
-
}, template: "<div class=\"line\"></div>\n<div class=\"content\">\n <ng-content/>\n</div>\n", styles: [":host{display:block;text-transform:var(--emr-sidebar-nav-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--emr-sidebar-nav-heading-color);font-size:var(--emr-sidebar-nav-heading-font-size);font-weight:var(--emr-sidebar-nav-heading-font-weight);padding:var(--emr-sidebar-nav-heading-padding);margin-top:var(--emr-sidebar-nav-heading-margin-top);margin-bottom:var(--emr-sidebar-nav-heading-margin-bottom);text-align:var(--emr-sidebar-nav-heading-text-align);height:calc(var(--spacing, .25rem) * 6);align-items:center;position:relative}:host .line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;height:calc(var(--spacing, .25rem) * 2);border-radius:calc(var(--spacing, .25rem) * 2);background:var(--emr-sidebar-nav-compact-line-bg);width:calc(var(--emr-sidebar-compact-width) - calc(var(--spacing, .25rem) * 7))}\n/*! tailwindcss v4.3.
|
|
333
|
+
}, template: "<div class=\"line\"></div>\n<div class=\"content\">\n <ng-content/>\n</div>\n", styles: [":host{display:block;text-transform:var(--emr-sidebar-nav-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--emr-sidebar-nav-heading-color);font-size:var(--emr-sidebar-nav-heading-font-size);font-weight:var(--emr-sidebar-nav-heading-font-weight);padding:var(--emr-sidebar-nav-heading-padding);margin-top:var(--emr-sidebar-nav-heading-margin-top);margin-bottom:var(--emr-sidebar-nav-heading-margin-bottom);text-align:var(--emr-sidebar-nav-heading-text-align);height:calc(var(--spacing, .25rem) * 6);align-items:center;position:relative}:host .line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;height:calc(var(--spacing, .25rem) * 2);border-radius:calc(var(--spacing, .25rem) * 2);background:var(--emr-sidebar-nav-compact-line-bg);width:calc(var(--emr-sidebar-compact-width) - calc(var(--spacing, .25rem) * 7))}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
|
|
340
334
|
}] });
|
|
341
335
|
|
|
342
336
|
class SidebarNavDividerComponent {
|
|
343
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
344
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
337
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
338
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: SidebarNavDividerComponent, isStandalone: true, selector: "emr-sidebar-nav-divider", host: { classAttribute: "emr-sidebar-nav-divider" }, exportAs: ["emrSidebarNavDivider"], ngImport: i0, template: "", styles: [":host{display:block;height:var(--emr-sidebar-nav-divider-height);background-color:var(--emr-sidebar-nav-divider-bg);margin:var(--emr-sidebar-nav-divider-margin)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
|
|
345
339
|
}
|
|
346
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
340
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavDividerComponent, decorators: [{
|
|
347
341
|
type: Component,
|
|
348
342
|
args: [{ selector: 'emr-sidebar-nav-divider', exportAs: 'emrSidebarNavDivider', host: {
|
|
349
343
|
'class': 'emr-sidebar-nav-divider',
|
|
350
|
-
}, template: "", styles: [":host{display:block;height:var(--emr-sidebar-nav-divider-height);background-color:var(--emr-sidebar-nav-divider-bg);margin:var(--emr-sidebar-nav-divider-margin)}\n/*! tailwindcss v4.3.
|
|
344
|
+
}, template: "", styles: [":host{display:block;height:var(--emr-sidebar-nav-divider-height);background-color:var(--emr-sidebar-nav-divider-bg);margin:var(--emr-sidebar-nav-divider-margin)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
|
|
351
345
|
}] });
|
|
352
346
|
|
|
353
347
|
class SidebarCompactViewModeDirective {
|
|
354
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
355
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
348
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarCompactViewModeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
349
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: SidebarCompactViewModeDirective, isStandalone: true, selector: "[emrSidebarCompactViewMode]", host: { classAttribute: "emr-sidebar-compact-view-mode" }, exportAs: ["emrSidebarCompactViewMode"], ngImport: i0 });
|
|
356
350
|
}
|
|
357
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarCompactViewModeDirective, decorators: [{
|
|
358
352
|
type: Directive,
|
|
359
353
|
args: [{
|
|
360
354
|
selector: '[emrSidebarCompactViewMode]',
|
|
@@ -366,10 +360,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
366
360
|
}] });
|
|
367
361
|
|
|
368
362
|
class SidebarFullViewModeDirective {
|
|
369
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
370
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
363
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarFullViewModeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
364
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: SidebarFullViewModeDirective, isStandalone: true, selector: "[emrSidebarFullViewMode]", host: { classAttribute: "emr-sidebar-full-view-mode" }, exportAs: ["emrSidebarFullViewMode"], ngImport: i0 });
|
|
371
365
|
}
|
|
372
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
366
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarFullViewModeDirective, decorators: [{
|
|
373
367
|
type: Directive,
|
|
374
368
|
args: [{
|
|
375
369
|
selector: '[emrSidebarFullViewMode]',
|
|
@@ -381,10 +375,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
381
375
|
}] });
|
|
382
376
|
|
|
383
377
|
class SidebarNavItemIconDirective {
|
|
384
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
385
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
378
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
379
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: SidebarNavItemIconDirective, isStandalone: true, selector: "[emrSidebarNavItemIcon]", ngImport: i0 });
|
|
386
380
|
}
|
|
387
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
381
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavItemIconDirective, decorators: [{
|
|
388
382
|
type: Directive,
|
|
389
383
|
args: [{
|
|
390
384
|
selector: '[emrSidebarNavItemIcon]'
|
|
@@ -393,10 +387,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
393
387
|
|
|
394
388
|
class SidebarNavItemBadgeDirective {
|
|
395
389
|
constructor() { }
|
|
396
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
397
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
390
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavItemBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
391
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: SidebarNavItemBadgeDirective, isStandalone: true, selector: "[emrSidebarNavItemBadge]", ngImport: i0 });
|
|
398
392
|
}
|
|
399
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
393
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavItemBadgeDirective, decorators: [{
|
|
400
394
|
type: Directive,
|
|
401
395
|
args: [{
|
|
402
396
|
selector: '[emrSidebarNavItemBadge]'
|
|
@@ -405,10 +399,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
|
|
|
405
399
|
|
|
406
400
|
class SidebarNavGroupToggleIconDirective {
|
|
407
401
|
constructor() { }
|
|
408
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
409
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
402
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavGroupToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
403
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: SidebarNavGroupToggleIconDirective, isStandalone: true, selector: "[emrSidebarNavGroupToggleIcon]", ngImport: i0 });
|
|
410
404
|
}
|
|
411
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
405
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidebarNavGroupToggleIconDirective, decorators: [{
|
|
412
406
|
type: Directive,
|
|
413
407
|
args: [{
|
|
414
408
|
selector: '[emrSidebarNavGroupToggleIcon]'
|