@elementar-rt/components 0.6.56 → 0.6.57
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 +49 -49
- package/badge/index.d.ts +18 -0
- package/bottom-sheet/index.d.ts +32 -0
- package/button-toggle/index.d.ts +33 -0
- package/calendar/index.d.ts +44 -0
- package/card/index.d.ts +32 -0
- package/chips/index.d.ts +23 -0
- package/clipboard-copy/index.d.ts +28 -0
- package/code-highlighter/index.d.ts +5 -1
- package/combobox/index.d.ts +38 -0
- package/content-editor/index.d.ts +18 -0
- package/dashboard/index.d.ts +1 -1
- package/data-grid/index.d.ts +64 -0
- package/datepicker/index.d.ts +32 -0
- package/dialog/index.d.ts +48 -0
- package/digit-roller/index.d.ts +18 -0
- package/empty-state/index.d.ts +17 -0
- package/expansion-panel/index.d.ts +12 -0
- package/fesm2022/elementar-rt-components-action-required.mjs +4 -4
- package/fesm2022/elementar-rt-components-action-required.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-alert.mjs +17 -17
- package/fesm2022/elementar-rt-components-alert.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-announcement.mjs +8 -8
- package/fesm2022/elementar-rt-components-announcement.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-avatar.mjs +22 -22
- package/fesm2022/elementar-rt-components-avatar.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-badge.mjs +38 -0
- package/fesm2022/elementar-rt-components-badge.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-block-loader.mjs +7 -7
- 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 +71 -0
- package/fesm2022/elementar-rt-components-bottom-sheet.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-brand-colors.mjs +5 -5
- package/fesm2022/elementar-rt-components-brand-colors.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-breadcrumbs.mjs +41 -41
- package/fesm2022/elementar-rt-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-button-toggle.mjs +89 -0
- package/fesm2022/elementar-rt-components-button-toggle.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-calendar.mjs +130 -0
- package/fesm2022/elementar-rt-components-calendar.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-card-overlay.mjs +7 -7
- package/fesm2022/elementar-rt-components-card-overlay.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-card.mjs +60 -0
- package/fesm2022/elementar-rt-components-card.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-carousel.mjs +22 -22
- package/fesm2022/elementar-rt-components-carousel.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-chips.mjs +54 -0
- package/fesm2022/elementar-rt-components-chips.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-clipboard-copy.mjs +115 -0
- package/fesm2022/elementar-rt-components-clipboard-copy.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-code-highlighter.mjs +19 -6
- package/fesm2022/elementar-rt-components-code-highlighter.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-color-picker.mjs +27 -27
- 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 +70 -0
- package/fesm2022/elementar-rt-components-combobox.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-command-bar.mjs +12 -12
- package/fesm2022/elementar-rt-components-command-bar.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-comment-editor.mjs +82 -82
- package/fesm2022/elementar-rt-components-comment-editor.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-comparison-slider.mjs +10 -10
- 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 +121 -0
- package/fesm2022/elementar-rt-components-content-editor.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-content-fade.mjs +4 -4
- package/fesm2022/elementar-rt-components-content-fade.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-cookie-popup.mjs +13 -13
- package/fesm2022/elementar-rt-components-cookie-popup.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-core.mjs +64 -64
- package/fesm2022/elementar-rt-components-core.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-country-select.mjs +5 -5
- package/fesm2022/elementar-rt-components-country-select.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-crop.mjs +4 -4
- package/fesm2022/elementar-rt-components-crop.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-currency-select.mjs +5 -5
- package/fesm2022/elementar-rt-components-currency-select.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-dashboard.mjs +9 -9
- package/fesm2022/elementar-rt-components-dashboard.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-data-grid.mjs +120 -0
- package/fesm2022/elementar-rt-components-data-grid.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-data-view.mjs +17 -17
- package/fesm2022/elementar-rt-components-data-view.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-date-format-select.mjs +5 -5
- package/fesm2022/elementar-rt-components-date-format-select.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-datepicker.mjs +81 -0
- package/fesm2022/elementar-rt-components-datepicker.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-dialog.mjs +97 -0
- package/fesm2022/elementar-rt-components-dialog.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-digit-roller.mjs +41 -0
- package/fesm2022/elementar-rt-components-digit-roller.mjs.map +1 -0
- 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 +8 -8
- package/fesm2022/elementar-rt-components-drawer.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-emoji-picker.mjs +7 -7
- package/fesm2022/elementar-rt-components-emoji-picker.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-empty-state.mjs +35 -0
- package/fesm2022/elementar-rt-components-empty-state.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-expand.mjs +4 -4
- package/fesm2022/elementar-rt-components-expand.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-expansion-panel.mjs +32 -0
- package/fesm2022/elementar-rt-components-expansion-panel.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-filter-builder.mjs +13 -13
- package/fesm2022/elementar-rt-components-filter-builder.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-filter-select.mjs +126 -0
- package/fesm2022/elementar-rt-components-filter-select.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-form-renderer-autocomplete-many-field.component-C2Ai6F2X.mjs +123 -0
- package/fesm2022/elementar-rt-components-form-renderer-autocomplete-many-field.component-C2Ai6F2X.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-form-renderer-checkbox-field.component-a0XAs0-_.mjs +22 -0
- package/fesm2022/elementar-rt-components-form-renderer-checkbox-field.component-a0XAs0-_.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-form-renderer-datepicker-field.component-CTVrrf43.mjs +40 -0
- package/fesm2022/elementar-rt-components-form-renderer-datepicker-field.component-CTVrrf43.mjs.map +1 -0
- package/fesm2022/{elementar-rt-components-form-renderer-divider-content.component-CjlGcU3B.mjs → elementar-rt-components-form-renderer-divider-content.component-CkYa0MOQ.mjs} +5 -5
- package/fesm2022/elementar-rt-components-form-renderer-divider-content.component-CkYa0MOQ.mjs.map +1 -0
- package/fesm2022/{elementar-rt-components-form-renderer-image-content.component-0pL2Fk0H.mjs → elementar-rt-components-form-renderer-image-content.component-B5uj3hoV.mjs} +5 -5
- package/fesm2022/elementar-rt-components-form-renderer-image-content.component-B5uj3hoV.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-form-renderer-input-field.component-DnaWJIK9.mjs +33 -0
- package/fesm2022/elementar-rt-components-form-renderer-input-field.component-DnaWJIK9.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-form-renderer-radio-group-field.component-9BLv1MsP.mjs +38 -0
- package/fesm2022/elementar-rt-components-form-renderer-radio-group-field.component-9BLv1MsP.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-form-renderer-select-field.component-C97pIEdh.mjs +39 -0
- package/fesm2022/elementar-rt-components-form-renderer-select-field.component-C97pIEdh.mjs.map +1 -0
- package/fesm2022/{elementar-rt-components-form-renderer-text-content.component-BmFyUG06.mjs → elementar-rt-components-form-renderer-text-content.component-CJxCc5vX.mjs} +5 -5
- package/fesm2022/elementar-rt-components-form-renderer-text-content.component-CJxCc5vX.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-form-renderer-textarea-field.component-CCtWiJOk.mjs +37 -0
- package/fesm2022/elementar-rt-components-form-renderer-textarea-field.component-CCtWiJOk.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-form-renderer-timezone-field.component-GvZgdvUX.mjs +35 -0
- package/fesm2022/elementar-rt-components-form-renderer-timezone-field.component-GvZgdvUX.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-form-renderer-toggle-field.component-DBiIiV-9.mjs +22 -0
- package/fesm2022/elementar-rt-components-form-renderer-toggle-field.component-DBiIiV-9.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-form-renderer.mjs +29 -29
- package/fesm2022/elementar-rt-components-form-renderer.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-gauge.mjs +8 -8
- package/fesm2022/elementar-rt-components-gauge.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-grid.mjs +37 -0
- package/fesm2022/elementar-rt-components-grid.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-guided-tour.mjs +161 -0
- package/fesm2022/elementar-rt-components-guided-tour.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-headless-stepper.mjs +72 -0
- package/fesm2022/elementar-rt-components-headless-stepper.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-icon.mjs +4 -4
- package/fesm2022/elementar-rt-components-icon.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-image-placeholder.mjs +30 -0
- package/fesm2022/elementar-rt-components-image-placeholder.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-image-resizer.mjs +10 -10
- package/fesm2022/elementar-rt-components-image-resizer.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-image-viewer.mjs +19 -19
- package/fesm2022/elementar-rt-components-image-viewer.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-image-zoom-viewer.mjs +97 -0
- package/fesm2022/elementar-rt-components-image-zoom-viewer.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-incidents.mjs +49 -49
- package/fesm2022/elementar-rt-components-incidents.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-inline-text-edit.mjs +4 -4
- package/fesm2022/elementar-rt-components-inline-text-edit.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-input-mask.mjs +9 -9
- 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 +7 -7
- package/fesm2022/elementar-rt-components-kanban-board.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-keyboard.mjs +63 -0
- package/fesm2022/elementar-rt-components-keyboard.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-layout.mjs +32 -32
- package/fesm2022/elementar-rt-components-layout.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-list.mjs +43 -0
- package/fesm2022/elementar-rt-components-list.mjs.map +1 -0
- 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 +7 -7
- package/fesm2022/elementar-rt-components-marquee.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-menu.mjs +94 -0
- package/fesm2022/elementar-rt-components-menu.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-micro-chart.mjs +24 -24
- package/fesm2022/elementar-rt-components-micro-chart.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-multi-select.mjs +66 -0
- package/fesm2022/elementar-rt-components-multi-select.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-navigation.mjs +39 -39
- package/fesm2022/elementar-rt-components-navigation.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-notifications.mjs +40 -40
- package/fesm2022/elementar-rt-components-notifications.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-number-input.mjs +17 -17
- package/fesm2022/elementar-rt-components-number-input.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-overlay-scrollbar.mjs +4 -4
- 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 +4 -4
- package/fesm2022/elementar-rt-components-page-loading-bar.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-paginator.mjs +50 -0
- package/fesm2022/elementar-rt-components-paginator.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-panel.mjs +24 -24
- package/fesm2022/elementar-rt-components-panel.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-password-strength.mjs +13 -13
- package/fesm2022/elementar-rt-components-password-strength.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-phone-input.mjs +11 -11
- package/fesm2022/elementar-rt-components-phone-input.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-pin-input.mjs +8 -8
- package/fesm2022/elementar-rt-components-pin-input.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-popover.mjs +10 -10
- package/fesm2022/elementar-rt-components-popover.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-progress-bar.mjs +32 -0
- package/fesm2022/elementar-rt-components-progress-bar.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-progress-spinner.mjs +94 -0
- package/fesm2022/elementar-rt-components-progress-spinner.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-radio-card.mjs +17 -17
- package/fesm2022/elementar-rt-components-radio-card.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-rail-nav.mjs +12 -12
- package/fesm2022/elementar-rt-components-rail-nav.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-rating.mjs +84 -0
- package/fesm2022/elementar-rt-components-rating.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-resizable-container.mjs +4 -4
- package/fesm2022/elementar-rt-components-resizable-container.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-screen-loader.mjs +4 -4
- package/fesm2022/elementar-rt-components-screen-loader.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-scroll-spy.mjs +16 -16
- package/fesm2022/elementar-rt-components-scroll-spy.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-segmented.mjs +12 -12
- package/fesm2022/elementar-rt-components-segmented.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-side-panel.mjs +8 -8
- package/fesm2022/elementar-rt-components-side-panel.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-sidebar.mjs +61 -61
- package/fesm2022/elementar-rt-components-sidebar.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-sidenav.mjs +72 -0
- package/fesm2022/elementar-rt-components-sidenav.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-signature-pad.mjs +4 -4
- package/fesm2022/elementar-rt-components-signature-pad.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-skeleton.mjs +16 -16
- package/fesm2022/elementar-rt-components-skeleton.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-slider.mjs +64 -0
- package/fesm2022/elementar-rt-components-slider.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-snackbar.mjs +81 -0
- package/fesm2022/elementar-rt-components-snackbar.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-sort.mjs +69 -0
- package/fesm2022/elementar-rt-components-sort.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-splash-screen.mjs +4 -4
- package/fesm2022/elementar-rt-components-splash-screen.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-split-pane.mjs +70 -0
- package/fesm2022/elementar-rt-components-split-pane.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-stat-card.mjs +27 -0
- package/fesm2022/elementar-rt-components-stat-card.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-step-tracker.mjs +30 -0
- package/fesm2022/elementar-rt-components-step-tracker.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-stepper.mjs +6 -6
- package/fesm2022/elementar-rt-components-stepper.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-suggestions.mjs +18 -18
- package/fesm2022/elementar-rt-components-suggestions.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-tab-panel.mjs +48 -48
- package/fesm2022/elementar-rt-components-tab-panel.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-table.mjs +84 -0
- package/fesm2022/elementar-rt-components-table.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-tabs.mjs +59 -0
- package/fesm2022/elementar-rt-components-tabs.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-tag.mjs +28 -0
- package/fesm2022/elementar-rt-components-tag.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-text-editor.mjs +85 -85
- package/fesm2022/elementar-rt-components-text-editor.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-thumbnail-maker.mjs +7 -7
- package/fesm2022/elementar-rt-components-thumbnail-maker.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-tiles.mjs +35 -0
- package/fesm2022/elementar-rt-components-tiles.mjs.map +1 -0
- 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 +75 -0
- package/fesm2022/elementar-rt-components-timepicker.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-timezone-select.mjs +8 -8
- package/fesm2022/elementar-rt-components-timezone-select.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-toast.mjs +98 -0
- package/fesm2022/elementar-rt-components-toast.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-toolbar.mjs +24 -0
- package/fesm2022/elementar-rt-components-toolbar.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-tooltip.mjs +119 -0
- package/fesm2022/elementar-rt-components-tooltip.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-tree.mjs +77 -0
- package/fesm2022/elementar-rt-components-tree.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-upload.mjs +57 -57
- package/fesm2022/elementar-rt-components-upload.mjs.map +1 -1
- package/fesm2022/elementar-rt-components-video-player.mjs +144 -0
- package/fesm2022/elementar-rt-components-video-player.mjs.map +1 -0
- package/fesm2022/elementar-rt-components-video-viewer.mjs +98 -0
- package/fesm2022/elementar-rt-components-video-viewer.mjs.map +1 -0
- package/fesm2022/elementar-rt-components.mjs.map +1 -1
- package/filter-select/index.d.ts +40 -0
- package/grid/index.d.ts +24 -0
- package/guided-tour/index.d.ts +45 -0
- package/headless-stepper/index.d.ts +30 -0
- package/image-placeholder/index.d.ts +18 -0
- package/image-zoom-viewer/index.d.ts +33 -0
- package/keyboard/index.d.ts +13 -0
- package/list/index.d.ts +18 -0
- package/menu/index.d.ts +38 -0
- package/multi-select/index.d.ts +36 -0
- package/package.json +225 -33
- package/paginator/index.d.ts +26 -0
- package/progress-bar/index.d.ts +17 -0
- package/progress-spinner/index.d.ts +19 -0
- package/rating/index.d.ts +30 -0
- package/sidenav/index.d.ts +31 -0
- package/slider/index.d.ts +26 -0
- package/snackbar/index.d.ts +36 -0
- package/sort/index.d.ts +27 -0
- package/split-pane/index.d.ts +25 -0
- package/stat-card/index.d.ts +16 -0
- package/step-tracker/index.d.ts +21 -0
- package/styles/_common.scss +777 -776
- package/styles/themes/cyan-orange.scss +41 -41
- package/styles/themes/default.scss +5 -5
- package/styles/themes/magenta-violet.scss +41 -41
- package/styles/themes/rose-red.scss +41 -41
- package/table/index.d.ts +44 -0
- package/tabs/index.d.ts +26 -0
- package/tag/index.d.ts +17 -0
- package/tiles/index.d.ts +14 -0
- package/timepicker/index.d.ts +29 -0
- package/toast/index.d.ts +48 -0
- package/toolbar/index.d.ts +10 -0
- package/tooltip/index.d.ts +30 -0
- package/tree/index.d.ts +42 -0
- package/video-player/index.d.ts +49 -0
- package/video-viewer/index.d.ts +33 -0
- package/fesm2022/elementar-rt-components-form-renderer-autocomplete-many-field.component-AqEghjO_.mjs +0 -123
- package/fesm2022/elementar-rt-components-form-renderer-autocomplete-many-field.component-AqEghjO_.mjs.map +0 -1
- package/fesm2022/elementar-rt-components-form-renderer-checkbox-field.component-CUKmZGFq.mjs +0 -22
- package/fesm2022/elementar-rt-components-form-renderer-checkbox-field.component-CUKmZGFq.mjs.map +0 -1
- package/fesm2022/elementar-rt-components-form-renderer-datepicker-field.component-DihIRWMt.mjs +0 -40
- package/fesm2022/elementar-rt-components-form-renderer-datepicker-field.component-DihIRWMt.mjs.map +0 -1
- package/fesm2022/elementar-rt-components-form-renderer-divider-content.component-CjlGcU3B.mjs.map +0 -1
- package/fesm2022/elementar-rt-components-form-renderer-image-content.component-0pL2Fk0H.mjs.map +0 -1
- package/fesm2022/elementar-rt-components-form-renderer-input-field.component-X2sKvj6J.mjs +0 -33
- package/fesm2022/elementar-rt-components-form-renderer-input-field.component-X2sKvj6J.mjs.map +0 -1
- package/fesm2022/elementar-rt-components-form-renderer-radio-group-field.component-DWXZAA3F.mjs +0 -38
- package/fesm2022/elementar-rt-components-form-renderer-radio-group-field.component-DWXZAA3F.mjs.map +0 -1
- package/fesm2022/elementar-rt-components-form-renderer-select-field.component-Cx9DZoD6.mjs +0 -39
- package/fesm2022/elementar-rt-components-form-renderer-select-field.component-Cx9DZoD6.mjs.map +0 -1
- package/fesm2022/elementar-rt-components-form-renderer-text-content.component-BmFyUG06.mjs.map +0 -1
- package/fesm2022/elementar-rt-components-form-renderer-textarea-field.component-D9KmE049.mjs +0 -37
- package/fesm2022/elementar-rt-components-form-renderer-textarea-field.component-D9KmE049.mjs.map +0 -1
- package/fesm2022/elementar-rt-components-form-renderer-timezone-field.component-BroP_Q4P.mjs +0 -35
- package/fesm2022/elementar-rt-components-form-renderer-timezone-field.component-BroP_Q4P.mjs.map +0 -1
- package/fesm2022/elementar-rt-components-form-renderer-toggle-field.component-nGbtVi1_.mjs +0 -22
- package/fesm2022/elementar-rt-components-form-renderer-toggle-field.component-nGbtVi1_.mjs.map +0 -1
|
@@ -20,10 +20,10 @@ class TabPanelApiService {
|
|
|
20
20
|
hasActive() {
|
|
21
21
|
return this._selectionModel.hasValue();
|
|
22
22
|
}
|
|
23
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
24
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
24
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelApiService });
|
|
25
25
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelApiService, decorators: [{
|
|
27
27
|
type: Injectable
|
|
28
28
|
}] });
|
|
29
29
|
|
|
@@ -51,12 +51,12 @@ class TabPanelComponent {
|
|
|
51
51
|
this.api.activate(changes['activeItemId'].currentValue, false);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
55
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.
|
|
54
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: TabPanelComponent, isStandalone: true, selector: "emr-tab-panel", inputs: { hideContentIfTabNotSelected: { classPropertyName: "hideContentIfTabNotSelected", publicName: "hideContentIfTabNotSelected", isSignal: true, isRequired: false, transformFunction: null }, activeItemId: { classPropertyName: "activeItemId", publicName: "activeItemId", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemIdChanged: "itemIdChanged" }, host: { properties: { "class.is-hide-content-if-tab-not-selected": "hideContentIfTabNotSelected()", "class.is-compact": "compact()" }, classAttribute: "emr-tab-panel" }, providers: [
|
|
56
56
|
TabPanelApiService
|
|
57
|
-
], exportAs: ["emrTabPanel"], usesOnChanges: true, ngImport: i0, template: "<div class=\"panel\">\
|
|
57
|
+
], exportAs: ["emrTabPanel"], usesOnChanges: true, ngImport: i0, template: "<div class=\"panel\">\n <ng-content select=\"emr-tab-panel-header\"/>\n <ng-content select=\"emr-tab-panel-body\"/>\n <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\n", styles: [":host{--emr-tab-panel-width: 5rem;--emr-tab-panel-item-width: 3.75rem;--emr-tab-panel-item-height: 3.75rem;--emr-tab-panel-item-padding: calc(var(--spacing) * 2);--emr-tab-panel-item-color: var(--color-neutral-500);--emr-tab-panel-item-gap: calc(var(--spacing) * 1);--emr-tab-panel-item-hover-bg: var(--color-neutral-200);--emr-tab-panel-item-hover-color: var(--color-neutral-700);--emr-tab-panel-item-active-bg: var(--color-secondary-fixed);--emr-tab-panel-item-active-color: var(--color-on-secondary-fixed);--emr-tab-panel-item-border-radius: .75rem;--emr-tab-panel-aside-width: 18.75rem;--emr-tab-panel-border-end: 1px solid var(--color-border);--emr-tab-panel-nav-padding: calc(var(--spacing) * 2.5);--emr-tab-panel-nav-gap: calc(var(--spacing) * 3);--emr-tab-panel-item-text-font-size: var(--text-xs);--emr-tab-panel-item-icon-font-size: 1.5rem;--emr-tab-panel-compact-width: calc(var(--spacing, .25rem) * 14);--emr-tab-panel-compact-item-width: calc(var(--spacing, .25rem) * 10);--emr-tab-panel-compact-item-height: calc(var(--spacing, .25rem) * 10);display:flex;width:min-content;align-items:stretch}:host .panel{display:flex;flex-direction:column;border-right:var(--emr-tab-panel-border-end);width:var(--emr-tab-panel-width);flex:none}:host.is-compact .panel{width:var(--emr-tab-panel-compact-width)}:host-context(html.dark){--emr-tab-panel-item-hover-bg: var(--color-neutral-700);--emr-tab-panel-item-hover-color: var(--color-primary-200)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
58
58
|
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
61
|
args: [{ selector: 'emr-tab-panel', exportAs: 'emrTabPanel', providers: [
|
|
62
62
|
TabPanelApiService
|
|
@@ -64,29 +64,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
|
|
|
64
64
|
'class': 'emr-tab-panel',
|
|
65
65
|
'[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',
|
|
66
66
|
'[class.is-compact]': 'compact()',
|
|
67
|
-
}, template: "<div class=\"panel\">\
|
|
67
|
+
}, template: "<div class=\"panel\">\n <ng-content select=\"emr-tab-panel-header\"/>\n <ng-content select=\"emr-tab-panel-body\"/>\n <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\n", styles: [":host{--emr-tab-panel-width: 5rem;--emr-tab-panel-item-width: 3.75rem;--emr-tab-panel-item-height: 3.75rem;--emr-tab-panel-item-padding: calc(var(--spacing) * 2);--emr-tab-panel-item-color: var(--color-neutral-500);--emr-tab-panel-item-gap: calc(var(--spacing) * 1);--emr-tab-panel-item-hover-bg: var(--color-neutral-200);--emr-tab-panel-item-hover-color: var(--color-neutral-700);--emr-tab-panel-item-active-bg: var(--color-secondary-fixed);--emr-tab-panel-item-active-color: var(--color-on-secondary-fixed);--emr-tab-panel-item-border-radius: .75rem;--emr-tab-panel-aside-width: 18.75rem;--emr-tab-panel-border-end: 1px solid var(--color-border);--emr-tab-panel-nav-padding: calc(var(--spacing) * 2.5);--emr-tab-panel-nav-gap: calc(var(--spacing) * 3);--emr-tab-panel-item-text-font-size: var(--text-xs);--emr-tab-panel-item-icon-font-size: 1.5rem;--emr-tab-panel-compact-width: calc(var(--spacing, .25rem) * 14);--emr-tab-panel-compact-item-width: calc(var(--spacing, .25rem) * 10);--emr-tab-panel-compact-item-height: calc(var(--spacing, .25rem) * 10);display:flex;width:min-content;align-items:stretch}:host .panel{display:flex;flex-direction:column;border-right:var(--emr-tab-panel-border-end);width:var(--emr-tab-panel-width);flex:none}:host.is-compact .panel{width:var(--emr-tab-panel-compact-width)}:host-context(html.dark){--emr-tab-panel-item-hover-bg: var(--color-neutral-700);--emr-tab-panel-item-hover-color: var(--color-primary-200)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
68
68
|
}], propDecorators: { hideContentIfTabNotSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideContentIfTabNotSelected", required: false }] }], activeItemId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeItemId", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], itemIdChanged: [{ type: i0.Output, args: ["itemIdChanged"] }] } });
|
|
69
69
|
|
|
70
70
|
class TabPanelHeaderComponent {
|
|
71
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
72
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
71
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
72
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelHeaderComponent, isStandalone: true, selector: "emr-tab-panel-header", host: { classAttribute: "emr-tab-panel-header" }, exportAs: ["emrTabPanelHeader"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
73
73
|
}
|
|
74
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
74
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelHeaderComponent, decorators: [{
|
|
75
75
|
type: Component,
|
|
76
76
|
args: [{ selector: 'emr-tab-panel-header', exportAs: 'emrTabPanelHeader', host: {
|
|
77
77
|
'class': 'emr-tab-panel-header'
|
|
78
|
-
}, template: "<ng-content/>\
|
|
78
|
+
}, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
79
79
|
}] });
|
|
80
80
|
|
|
81
81
|
class TabPanelFooterComponent {
|
|
82
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
83
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
82
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
83
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelFooterComponent, isStandalone: true, selector: "emr-tab-panel-footer", host: { classAttribute: "emr-tab-panel-footer" }, exportAs: ["emrTabPanelFooter"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
84
84
|
}
|
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelFooterComponent, decorators: [{
|
|
86
86
|
type: Component,
|
|
87
87
|
args: [{ selector: 'emr-tab-panel-footer', exportAs: 'emrTabPanelFooter', host: {
|
|
88
88
|
'class': 'emr-tab-panel-footer'
|
|
89
|
-
}, template: "<ng-content/>\
|
|
89
|
+
}, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
90
90
|
}] });
|
|
91
91
|
|
|
92
92
|
const TAB_PANEL_NAV = new InjectionToken('TAB_PANEL_NAV');
|
|
@@ -102,10 +102,10 @@ class TabPanelItemComponent {
|
|
|
102
102
|
}
|
|
103
103
|
this.api.activate(this.for());
|
|
104
104
|
}
|
|
105
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
106
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.
|
|
105
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
106
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: TabPanelItemComponent, isStandalone: true, selector: "emr-tab-panel-item", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick()" }, properties: { "class.is-active": "api.isActive(this.for())" }, classAttribute: "emr-tab-panel-item" }, exportAs: ["emrTabPanelItem"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<div class=\"icon\">\n <ng-content select=\"[emrTabPanelItemIcon]\"/>\n</div>\n<div class=\"text\">\n <ng-content/>\n</div>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height);padding:var(--emr-tab-panel-item-padding);border-radius:var(--emr-tab-panel-item-border-radius);color:var(--emr-tab-panel-item-color);gap:var(--emr-tab-panel-item-gap)}:host:not(.is-active):hover{background:var(--emr-tab-panel-item-hover-bg);color:var(--emr-tab-panel-item-hover-color)}:host.is-active{background:var(--emr-tab-panel-item-active-bg);color:var(--emr-tab-panel-item-active-color)}:host .icon{line-height:0;display:inline-block}:host .icon:empty{display:none}:host .text{top:-1px;white-space:nowrap;position:relative;line-height:1}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}:host-context(.emr-tab-panel.is-compact) .text{display:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
107
107
|
}
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemComponent, decorators: [{
|
|
109
109
|
type: Component,
|
|
110
110
|
args: [{ selector: 'emr-tab-panel-item', exportAs: 'emrTabPanelItem', hostDirectives: [
|
|
111
111
|
MatRipple
|
|
@@ -113,20 +113,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
|
|
|
113
113
|
'class': 'emr-tab-panel-item',
|
|
114
114
|
'[class.is-active]': 'api.isActive(this.for())',
|
|
115
115
|
'(click)': '_handleClick()'
|
|
116
|
-
}, template: "<div class=\"icon\">\
|
|
116
|
+
}, template: "<div class=\"icon\">\n <ng-content select=\"[emrTabPanelItemIcon]\"/>\n</div>\n<div class=\"text\">\n <ng-content/>\n</div>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height);padding:var(--emr-tab-panel-item-padding);border-radius:var(--emr-tab-panel-item-border-radius);color:var(--emr-tab-panel-item-color);gap:var(--emr-tab-panel-item-gap)}:host:not(.is-active):hover{background:var(--emr-tab-panel-item-hover-bg);color:var(--emr-tab-panel-item-hover-color)}:host.is-active{background:var(--emr-tab-panel-item-active-bg);color:var(--emr-tab-panel-item-active-color)}:host .icon{line-height:0;display:inline-block}:host .icon:empty{display:none}:host .text{top:-1px;white-space:nowrap;position:relative;line-height:1}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}:host-context(.emr-tab-panel.is-compact) .text{display:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
117
117
|
}], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }] } });
|
|
118
118
|
|
|
119
119
|
class TabPanelNavComponent {
|
|
120
120
|
nextId = 0;
|
|
121
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
122
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
121
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
122
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelNavComponent, isStandalone: true, selector: "emr-tab-panel-nav", host: { classAttribute: "emr-tab-panel-nav" }, providers: [
|
|
123
123
|
{
|
|
124
124
|
provide: TAB_PANEL_NAV,
|
|
125
125
|
useExisting: TabPanelNavComponent
|
|
126
126
|
}
|
|
127
|
-
], exportAs: ["emrTabPanelNav"], ngImport: i0, template: "<ng-content/>\
|
|
127
|
+
], exportAs: ["emrTabPanelNav"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;align-items:center;padding:var(--emr-tab-panel-nav-padding);gap:var(--emr-tab-panel-nav-gap)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
128
128
|
}
|
|
129
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
129
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelNavComponent, decorators: [{
|
|
130
130
|
type: Component,
|
|
131
131
|
args: [{ selector: 'emr-tab-panel-nav', exportAs: 'emrTabPanelNav', providers: [
|
|
132
132
|
{
|
|
@@ -135,31 +135,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
|
|
|
135
135
|
}
|
|
136
136
|
], host: {
|
|
137
137
|
'class': 'emr-tab-panel-nav'
|
|
138
|
-
}, template: "<ng-content/>\
|
|
138
|
+
}, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;align-items:center;padding:var(--emr-tab-panel-nav-padding);gap:var(--emr-tab-panel-nav-gap)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
139
139
|
}] });
|
|
140
140
|
|
|
141
141
|
class TabPanelItemTextComponent {
|
|
142
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
143
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
142
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
143
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelItemTextComponent, isStandalone: true, selector: "emr-tab-panel-item-text", host: { classAttribute: "emr-tab-panel-item-text" }, exportAs: ["emrTabPanelItemText"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{font-size:var(--emr-tab-panel-item-text-font-size)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
144
144
|
}
|
|
145
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
145
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemTextComponent, decorators: [{
|
|
146
146
|
type: Component,
|
|
147
147
|
args: [{ selector: 'emr-tab-panel-item-text', exportAs: 'emrTabPanelItemText', host: {
|
|
148
148
|
'class': 'emr-tab-panel-item-text'
|
|
149
|
-
}, template: "<ng-content/>\
|
|
149
|
+
}, template: "<ng-content/>\n", styles: [":host{font-size:var(--emr-tab-panel-item-text-font-size)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
150
150
|
}] });
|
|
151
151
|
|
|
152
152
|
class TabPanelAsideComponent {
|
|
153
153
|
nextId = 0;
|
|
154
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
155
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
154
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
155
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelAsideComponent, isStandalone: true, selector: "emr-tab-panel-aside", host: { classAttribute: "emr-tab-panel-aside" }, providers: [
|
|
156
156
|
{
|
|
157
157
|
provide: TAB_PANEL_ASIDE,
|
|
158
158
|
useExisting: TabPanelAsideComponent
|
|
159
159
|
}
|
|
160
|
-
], exportAs: ["emrTabPanelAside"], ngImport: i0, template: "<ng-content/>\
|
|
160
|
+
], exportAs: ["emrTabPanelAside"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;border-right:var(--emr-tab-panel-border-end);flex:none;width:var(--emr-tab-panel-aside-width)}:host-context(.emr-tab-panel.is-hide-content-if-tab-not-selected):empty{display:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
161
161
|
}
|
|
162
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelAsideComponent, decorators: [{
|
|
163
163
|
type: Component,
|
|
164
164
|
args: [{ selector: 'emr-tab-panel-aside', exportAs: 'emrTabPanelAside', providers: [
|
|
165
165
|
{
|
|
@@ -168,18 +168,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
|
|
|
168
168
|
}
|
|
169
169
|
], host: {
|
|
170
170
|
'class': 'emr-tab-panel-aside'
|
|
171
|
-
}, template: "<ng-content/>\
|
|
171
|
+
}, template: "<ng-content/>\n", styles: [":host{display:block;border-right:var(--emr-tab-panel-border-end);flex:none;width:var(--emr-tab-panel-aside-width)}:host-context(.emr-tab-panel.is-hide-content-if-tab-not-selected):empty{display:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
172
172
|
}] });
|
|
173
173
|
|
|
174
174
|
class TabPanelBodyComponent {
|
|
175
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
176
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
175
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
176
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelBodyComponent, isStandalone: true, selector: "emr-tab-panel-body", host: { classAttribute: "emr-tab-panel-body" }, exportAs: ["emrTabPanelBody"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;flex-grow:1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
177
177
|
}
|
|
178
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
178
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelBodyComponent, decorators: [{
|
|
179
179
|
type: Component,
|
|
180
180
|
args: [{ selector: 'emr-tab-panel-body', exportAs: 'emrTabPanelBody', host: {
|
|
181
181
|
'class': 'emr-tab-panel-body'
|
|
182
|
-
}, template: "<ng-content/>\
|
|
182
|
+
}, template: "<ng-content/>\n", styles: [":host{display:block;flex-grow:1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
183
183
|
}] });
|
|
184
184
|
|
|
185
185
|
class TabPanelCustomItemComponent {
|
|
@@ -191,15 +191,15 @@ class TabPanelCustomItemComponent {
|
|
|
191
191
|
}
|
|
192
192
|
this.api.activate(this.for());
|
|
193
193
|
}
|
|
194
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
195
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.
|
|
194
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelCustomItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
195
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: TabPanelCustomItemComponent, isStandalone: true, selector: "emr-tab-panel-custom-item", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick()" }, classAttribute: "emr-tab-panel-custom-item" }, exportAs: ["emrTabPanelCustomItem"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height)}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
196
196
|
}
|
|
197
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
197
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelCustomItemComponent, decorators: [{
|
|
198
198
|
type: Component,
|
|
199
199
|
args: [{ selector: 'emr-tab-panel-custom-item', exportAs: 'emrTabPanelCustomItem', host: {
|
|
200
200
|
'class': 'emr-tab-panel-custom-item',
|
|
201
201
|
'(click)': '_handleClick()'
|
|
202
|
-
}, template: "<ng-content/>\
|
|
202
|
+
}, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height)}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
203
203
|
}], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }] } });
|
|
204
204
|
|
|
205
205
|
class TabPanelAsideContentDirective {
|
|
@@ -236,10 +236,10 @@ class TabPanelAsideContentDirective {
|
|
|
236
236
|
_hide() {
|
|
237
237
|
this._viewContainer.clear();
|
|
238
238
|
}
|
|
239
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
240
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.
|
|
239
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelAsideContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
240
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", type: TabPanelAsideContentDirective, isStandalone: true, selector: "[emrTabPanelAsideContent]", inputs: { id: { classPropertyName: "id", publicName: "emrTabPanelAsideContent", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["emrTabPanelAsideContent"], ngImport: i0 });
|
|
241
241
|
}
|
|
242
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
242
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelAsideContentDirective, decorators: [{
|
|
243
243
|
type: Directive,
|
|
244
244
|
args: [{
|
|
245
245
|
selector: '[emrTabPanelAsideContent]',
|
|
@@ -248,10 +248,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
|
|
|
248
248
|
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "emrTabPanelAsideContent", required: false }] }] } });
|
|
249
249
|
|
|
250
250
|
class TabPanelItemIconDirective {
|
|
251
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
252
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
251
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
252
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelItemIconDirective, isStandalone: true, selector: "[emrTabPanelItemIcon]", host: { classAttribute: "emr-tab-panel-item-icon" }, exportAs: ["emrTabPanelItemIcon"], ngImport: i0 });
|
|
253
253
|
}
|
|
254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemIconDirective, decorators: [{
|
|
255
255
|
type: Directive,
|
|
256
256
|
args: [{
|
|
257
257
|
selector: '[emrTabPanelItemIcon]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"elementar-rt-components-tab-panel.mjs","sources":["../../../projects/components/tab-panel/src/tab-panel-api.service.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.component.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.component.html","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.component.ts","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.component.html","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.component.ts","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.component.html","../../../projects/components/tab-panel/src/types.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.component.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.component.html","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.component.ts","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.component.html","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.component.ts","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.component.html","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.component.ts","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.component.html","../../../projects/components/tab-panel/src/tab-panel-body/tab-panel-body.component.ts","../../../projects/components/tab-panel/src/tab-panel-body/tab-panel-body.component.html","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.component.ts","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.component.html","../../../projects/components/tab-panel/src/tab-panel-aside-content.directive.ts","../../../projects/components/tab-panel/src/tab-panel-item-icon.directive.ts","../../../projects/components/tab-panel/elementar-rt-components-tab-panel.ts"],"sourcesContent":["import { EventEmitter, Injectable } from '@angular/core';\r\nimport { SelectionModel } from '@angular/cdk/collections';\r\n\r\n@Injectable()\r\nexport class TabPanelApiService {\r\n private _selectionModel = new SelectionModel(false);\r\n readonly itemIdChanged = new EventEmitter<any>();\r\n\r\n activate(id: any, emitEvent = true) {\r\n this._selectionModel.select(id);\r\n\r\n if (emitEvent) {\r\n this.itemIdChanged.emit(id);\r\n }\r\n }\r\n\r\n isActive(id: any): boolean {\r\n return this._selectionModel.isSelected(id);\r\n }\r\n\r\n hasActive(): boolean {\r\n return this._selectionModel.hasValue();\r\n }\r\n}\r\n","import {\r\n booleanAttribute,\r\n Component, DestroyRef,\r\n inject,\r\n input,\r\n OnChanges, OnInit, output,\r\n SimpleChanges\r\n} from '@angular/core';\r\nimport { TabPanelApiService } from '../tab-panel-api.service';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\n@Component({\r\n selector: 'emr-tab-panel',\r\n exportAs: 'emrTabPanel',\r\n templateUrl: './tab-panel.component.html',\r\n styleUrl: './tab-panel.component.scss',\r\n providers: [\r\n TabPanelApiService\r\n ],\r\n host: {\r\n 'class': 'emr-tab-panel',\r\n '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',\r\n '[class.is-compact]': 'compact()',\r\n }\r\n})\r\nexport class TabPanelComponent implements OnInit, OnChanges {\r\n private _destroyRef = inject(DestroyRef);\r\n readonly api = inject(TabPanelApiService);\r\n\r\n hideContentIfTabNotSelected = input(false, {\r\n transform: booleanAttribute\r\n });\r\n activeItemId = input<any>();\r\n compact = input(false, {\r\n transform: booleanAttribute\r\n });\r\n\r\n readonly itemIdChanged = output();\r\n\r\n ngOnInit() {\r\n this.api\r\n .itemIdChanged\r\n .pipe(takeUntilDestroyed(this._destroyRef))\r\n .subscribe(() => {\r\n this.itemIdChanged.emit();\r\n });\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (changes['activeItemId']) {\r\n this.api.activate(changes['activeItemId'].currentValue, false);\r\n }\r\n }\r\n}\r\n","<div class=\"panel\">\r\n <ng-content select=\"emr-tab-panel-header\"/>\r\n <ng-content select=\"emr-tab-panel-body\"/>\r\n <ng-content select=\"emr-tab-panel-footer\"/>\r\n</div>\r\n<ng-content select=\"emr-tab-panel-aside\"/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-tab-panel-header',\r\n exportAs: 'emrTabPanelHeader',\r\n templateUrl: './tab-panel-header.component.html',\r\n styleUrl: './tab-panel-header.component.scss',\r\n host: {\r\n 'class': 'emr-tab-panel-header'\r\n }\r\n})\r\nexport class TabPanelHeaderComponent {\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-tab-panel-footer',\r\n exportAs: 'emrTabPanelFooter',\r\n templateUrl: './tab-panel-footer.component.html',\r\n styleUrl: './tab-panel-footer.component.scss',\r\n host: {\r\n 'class': 'emr-tab-panel-footer'\r\n }\r\n})\r\nexport class TabPanelFooterComponent {\r\n}\r\n","<ng-content/>\r\n","import { InjectionToken } from '@angular/core';\r\n\r\nexport const TAB_PANEL_NAV = new InjectionToken('TAB_PANEL_NAV');\r\nexport const TAB_PANEL_ASIDE = new InjectionToken('TAB_PANEL_ASIDE');\r\n","import { Component, inject, input } from '@angular/core';\r\nimport { TabPanelApiService } from '../tab-panel-api.service';\r\nimport { TabPanelNavComponent } from '../tab-panel-nav/tab-panel-nav.component';\r\nimport { TAB_PANEL_NAV } from '../types';\r\nimport { MatRipple } from '@angular/material/core';\r\n\r\n@Component({\r\n selector: 'emr-tab-panel-item',\r\n exportAs: 'emrTabPanelItem',\r\n templateUrl: './tab-panel-item.component.html',\r\n styleUrl: './tab-panel-item.component.scss',\r\n hostDirectives: [\r\n MatRipple\r\n ],\r\n host: {\r\n 'class': 'emr-tab-panel-item',\r\n '[class.is-active]': 'api.isActive(this.for())',\r\n '(click)': '_handleClick()'\r\n }\r\n})\r\nexport class TabPanelItemComponent {\r\n readonly api = inject(TabPanelApiService);\r\n private _nav = inject<TabPanelNavComponent>(TAB_PANEL_NAV, { optional: true });\r\n\r\n for = input<any>(this._nav ? this._nav.nextId++ : null);\r\n\r\n protected _handleClick() {\r\n if (!this.for()) {\r\n return;\r\n }\r\n\r\n this.api.activate(this.for());\r\n }\r\n}\r\n","<div class=\"icon\">\r\n <ng-content select=\"[emrTabPanelItemIcon]\"/>\r\n</div>\r\n<div class=\"text\">\r\n <ng-content/>\r\n</div>\r\n","import { Component } from '@angular/core';\r\nimport { TAB_PANEL_NAV } from '../types';\r\n\r\n@Component({\r\n selector: 'emr-tab-panel-nav',\r\n exportAs: 'emrTabPanelNav',\r\n templateUrl: './tab-panel-nav.component.html',\r\n styleUrl: './tab-panel-nav.component.scss',\r\n providers: [\r\n {\r\n provide: TAB_PANEL_NAV,\r\n useExisting: TabPanelNavComponent\r\n }\r\n ],\r\n host: {\r\n 'class': 'emr-tab-panel-nav'\r\n }\r\n})\r\nexport class TabPanelNavComponent {\r\n nextId = 0;\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-tab-panel-item-text',\r\n exportAs: 'emrTabPanelItemText',\r\n templateUrl: './tab-panel-item-text.component.html',\r\n styleUrl: './tab-panel-item-text.component.scss',\r\n host: {\r\n 'class': 'emr-tab-panel-item-text'\r\n }\r\n})\r\nexport class TabPanelItemTextComponent {\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\nimport { TAB_PANEL_ASIDE } from '../types';\r\n\r\n@Component({\r\n selector: 'emr-tab-panel-aside',\r\n exportAs: 'emrTabPanelAside',\r\n templateUrl: './tab-panel-aside.component.html',\r\n styleUrl: './tab-panel-aside.component.scss',\r\n providers: [\r\n {\r\n provide: TAB_PANEL_ASIDE,\r\n useExisting: TabPanelAsideComponent\r\n }\r\n ],\r\n host: {\r\n 'class': 'emr-tab-panel-aside'\r\n }\r\n})\r\nexport class TabPanelAsideComponent {\r\n nextId = 0;\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-tab-panel-body',\r\n exportAs: 'emrTabPanelBody',\r\n templateUrl: './tab-panel-body.component.html',\r\n styleUrl: './tab-panel-body.component.scss',\r\n host: {\r\n 'class': 'emr-tab-panel-body'\r\n }\r\n})\r\nexport class TabPanelBodyComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component, inject, input } from '@angular/core';\r\nimport { TabPanelApiService } from '../tab-panel-api.service';\r\n\r\n@Component({\r\n selector: 'emr-tab-panel-custom-item',\r\n exportAs: 'emrTabPanelCustomItem',\r\n templateUrl: './tab-panel-custom-item.component.html',\r\n styleUrl: './tab-panel-custom-item.component.scss',\r\n host: {\r\n 'class': 'emr-tab-panel-custom-item',\r\n '(click)': '_handleClick()'\r\n }\r\n})\r\nexport class TabPanelCustomItemComponent {\r\n readonly api = inject(TabPanelApiService);\r\n\r\n for = input<any>();\r\n\r\n protected _handleClick() {\r\n if (!this.for()) {\r\n return;\r\n }\r\n\r\n this.api.activate(this.for());\r\n }\r\n}\r\n","<ng-content/>\r\n","import {\r\n DestroyRef,\r\n Directive,\r\n inject, input,\r\n OnInit,\r\n TemplateRef,\r\n ViewContainerRef\r\n} from '@angular/core';\r\nimport { TabPanelApiService } from './tab-panel-api.service';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { TAB_PANEL_ASIDE } from './types';\r\nimport { TabPanelAsideComponent } from './tab-panel-aside/tab-panel-aside.component';\r\n\r\n@Directive({\r\n selector: '[emrTabPanelAsideContent]',\r\n exportAs: 'emrTabPanelAsideContent'\r\n})\r\nexport class TabPanelAsideContentDirective implements OnInit {\r\n private _aside = inject<TabPanelAsideComponent>(TAB_PANEL_ASIDE, { optional: true });\r\n private _api = inject(TabPanelApiService);\r\n private _templateRef = inject(TemplateRef);\r\n private _viewContainer = inject(ViewContainerRef);\r\n private _destroyRef = inject(DestroyRef);\r\n\r\n id = input<any>(this._aside ? this._aside.nextId++ : null, {\r\n alias: 'emrTabPanelAsideContent'\r\n });\r\n\r\n ngOnInit() {\r\n if (this._api.isActive(this.id())) {\r\n this._show();\r\n } else {\r\n this._hide();\r\n }\r\n\r\n this._api.itemIdChanged\r\n .pipe(takeUntilDestroyed(this._destroyRef))\r\n .subscribe(id => {\r\n if (this.id() === id) {\r\n this._show();\r\n } else {\r\n this._hide();\r\n }\r\n })\r\n ;\r\n }\r\n\r\n private _show() {\r\n this._viewContainer.clear();\r\n this._viewContainer.createEmbeddedView(this._templateRef);\r\n }\r\n\r\n private _hide() {\r\n this._viewContainer.clear();\r\n }\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[emrTabPanelItemIcon]',\r\n exportAs: 'emrTabPanelItemIcon',\r\n host: {\r\n 'class': 'emr-tab-panel-item-icon'\r\n }\r\n})\r\nexport class TabPanelItemIconDirective {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"elementar-rt-components-tab-panel.mjs","sources":["../../../projects/components/tab-panel/src/tab-panel-api.service.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.component.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.component.html","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.component.ts","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.component.html","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.component.ts","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.component.html","../../../projects/components/tab-panel/src/types.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.component.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.component.html","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.component.ts","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.component.html","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.component.ts","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.component.html","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.component.ts","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.component.html","../../../projects/components/tab-panel/src/tab-panel-body/tab-panel-body.component.ts","../../../projects/components/tab-panel/src/tab-panel-body/tab-panel-body.component.html","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.component.ts","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.component.html","../../../projects/components/tab-panel/src/tab-panel-aside-content.directive.ts","../../../projects/components/tab-panel/src/tab-panel-item-icon.directive.ts","../../../projects/components/tab-panel/elementar-rt-components-tab-panel.ts"],"sourcesContent":["import { EventEmitter, Injectable } from '@angular/core';\nimport { SelectionModel } from '@angular/cdk/collections';\n\n@Injectable()\nexport class TabPanelApiService {\n private _selectionModel = new SelectionModel(false);\n readonly itemIdChanged = new EventEmitter<any>();\n\n activate(id: any, emitEvent = true) {\n this._selectionModel.select(id);\n\n if (emitEvent) {\n this.itemIdChanged.emit(id);\n }\n }\n\n isActive(id: any): boolean {\n return this._selectionModel.isSelected(id);\n }\n\n hasActive(): boolean {\n return this._selectionModel.hasValue();\n }\n}\n","import {\n booleanAttribute,\n Component, DestroyRef,\n inject,\n input,\n OnChanges, OnInit, output,\n SimpleChanges\n} from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n selector: 'emr-tab-panel',\n exportAs: 'emrTabPanel',\n templateUrl: './tab-panel.component.html',\n styleUrl: './tab-panel.component.scss',\n providers: [\n TabPanelApiService\n ],\n host: {\n 'class': 'emr-tab-panel',\n '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',\n '[class.is-compact]': 'compact()',\n }\n})\nexport class TabPanelComponent implements OnInit, OnChanges {\n private _destroyRef = inject(DestroyRef);\n readonly api = inject(TabPanelApiService);\n\n hideContentIfTabNotSelected = input(false, {\n transform: booleanAttribute\n });\n activeItemId = input<any>();\n compact = input(false, {\n transform: booleanAttribute\n });\n\n readonly itemIdChanged = output();\n\n ngOnInit() {\n this.api\n .itemIdChanged\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe(() => {\n this.itemIdChanged.emit();\n });\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['activeItemId']) {\n this.api.activate(changes['activeItemId'].currentValue, false);\n }\n }\n}\n","<div class=\"panel\">\n <ng-content select=\"emr-tab-panel-header\"/>\n <ng-content select=\"emr-tab-panel-body\"/>\n <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-header',\n exportAs: 'emrTabPanelHeader',\n templateUrl: './tab-panel-header.component.html',\n styleUrl: './tab-panel-header.component.scss',\n host: {\n 'class': 'emr-tab-panel-header'\n }\n})\nexport class TabPanelHeaderComponent {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-footer',\n exportAs: 'emrTabPanelFooter',\n templateUrl: './tab-panel-footer.component.html',\n styleUrl: './tab-panel-footer.component.scss',\n host: {\n 'class': 'emr-tab-panel-footer'\n }\n})\nexport class TabPanelFooterComponent {\n}\n","<ng-content/>\n","import { InjectionToken } from '@angular/core';\n\nexport const TAB_PANEL_NAV = new InjectionToken('TAB_PANEL_NAV');\nexport const TAB_PANEL_ASIDE = new InjectionToken('TAB_PANEL_ASIDE');\n","import { Component, inject, input } from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\nimport { TabPanelNavComponent } from '../tab-panel-nav/tab-panel-nav.component';\nimport { TAB_PANEL_NAV } from '../types';\nimport { MatRipple } from '@angular/material/core';\n\n@Component({\n selector: 'emr-tab-panel-item',\n exportAs: 'emrTabPanelItem',\n templateUrl: './tab-panel-item.component.html',\n styleUrl: './tab-panel-item.component.scss',\n hostDirectives: [\n MatRipple\n ],\n host: {\n 'class': 'emr-tab-panel-item',\n '[class.is-active]': 'api.isActive(this.for())',\n '(click)': '_handleClick()'\n }\n})\nexport class TabPanelItemComponent {\n readonly api = inject(TabPanelApiService);\n private _nav = inject<TabPanelNavComponent>(TAB_PANEL_NAV, { optional: true });\n\n for = input<any>(this._nav ? this._nav.nextId++ : null);\n\n protected _handleClick() {\n if (!this.for()) {\n return;\n }\n\n this.api.activate(this.for());\n }\n}\n","<div class=\"icon\">\n <ng-content select=\"[emrTabPanelItemIcon]\"/>\n</div>\n<div class=\"text\">\n <ng-content/>\n</div>\n","import { Component } from '@angular/core';\nimport { TAB_PANEL_NAV } from '../types';\n\n@Component({\n selector: 'emr-tab-panel-nav',\n exportAs: 'emrTabPanelNav',\n templateUrl: './tab-panel-nav.component.html',\n styleUrl: './tab-panel-nav.component.scss',\n providers: [\n {\n provide: TAB_PANEL_NAV,\n useExisting: TabPanelNavComponent\n }\n ],\n host: {\n 'class': 'emr-tab-panel-nav'\n }\n})\nexport class TabPanelNavComponent {\n nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-item-text',\n exportAs: 'emrTabPanelItemText',\n templateUrl: './tab-panel-item-text.component.html',\n styleUrl: './tab-panel-item-text.component.scss',\n host: {\n 'class': 'emr-tab-panel-item-text'\n }\n})\nexport class TabPanelItemTextComponent {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\nimport { TAB_PANEL_ASIDE } from '../types';\n\n@Component({\n selector: 'emr-tab-panel-aside',\n exportAs: 'emrTabPanelAside',\n templateUrl: './tab-panel-aside.component.html',\n styleUrl: './tab-panel-aside.component.scss',\n providers: [\n {\n provide: TAB_PANEL_ASIDE,\n useExisting: TabPanelAsideComponent\n }\n ],\n host: {\n 'class': 'emr-tab-panel-aside'\n }\n})\nexport class TabPanelAsideComponent {\n nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-body',\n exportAs: 'emrTabPanelBody',\n templateUrl: './tab-panel-body.component.html',\n styleUrl: './tab-panel-body.component.scss',\n host: {\n 'class': 'emr-tab-panel-body'\n }\n})\nexport class TabPanelBodyComponent {\n\n}\n","<ng-content/>\n","import { Component, inject, input } from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\n\n@Component({\n selector: 'emr-tab-panel-custom-item',\n exportAs: 'emrTabPanelCustomItem',\n templateUrl: './tab-panel-custom-item.component.html',\n styleUrl: './tab-panel-custom-item.component.scss',\n host: {\n 'class': 'emr-tab-panel-custom-item',\n '(click)': '_handleClick()'\n }\n})\nexport class TabPanelCustomItemComponent {\n readonly api = inject(TabPanelApiService);\n\n for = input<any>();\n\n protected _handleClick() {\n if (!this.for()) {\n return;\n }\n\n this.api.activate(this.for());\n }\n}\n","<ng-content/>\n","import {\n DestroyRef,\n Directive,\n inject, input,\n OnInit,\n TemplateRef,\n ViewContainerRef\n} from '@angular/core';\nimport { TabPanelApiService } from './tab-panel-api.service';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { TAB_PANEL_ASIDE } from './types';\nimport { TabPanelAsideComponent } from './tab-panel-aside/tab-panel-aside.component';\n\n@Directive({\n selector: '[emrTabPanelAsideContent]',\n exportAs: 'emrTabPanelAsideContent'\n})\nexport class TabPanelAsideContentDirective implements OnInit {\n private _aside = inject<TabPanelAsideComponent>(TAB_PANEL_ASIDE, { optional: true });\n private _api = inject(TabPanelApiService);\n private _templateRef = inject(TemplateRef);\n private _viewContainer = inject(ViewContainerRef);\n private _destroyRef = inject(DestroyRef);\n\n id = input<any>(this._aside ? this._aside.nextId++ : null, {\n alias: 'emrTabPanelAsideContent'\n });\n\n ngOnInit() {\n if (this._api.isActive(this.id())) {\n this._show();\n } else {\n this._hide();\n }\n\n this._api.itemIdChanged\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe(id => {\n if (this.id() === id) {\n this._show();\n } else {\n this._hide();\n }\n })\n ;\n }\n\n private _show() {\n this._viewContainer.clear();\n this._viewContainer.createEmbeddedView(this._templateRef);\n }\n\n private _hide() {\n this._viewContainer.clear();\n }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[emrTabPanelItemIcon]',\n exportAs: 'emrTabPanelItemIcon',\n host: {\n 'class': 'emr-tab-panel-item-icon'\n }\n})\nexport class TabPanelItemIconDirective {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, output, signal, computed, Component } from '@angular/core';
|
|
3
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
4
|
+
|
|
5
|
+
class TableComponent {
|
|
6
|
+
columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
|
|
7
|
+
rows = input([], ...(ngDevMode ? [{ debugName: "rows" }] : []));
|
|
8
|
+
striped = input(false, ...(ngDevMode ? [{ debugName: "striped", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
9
|
+
bordered = input(false, ...(ngDevMode ? [{ debugName: "bordered", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
10
|
+
hoverable = input(true, ...(ngDevMode ? [{ debugName: "hoverable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
11
|
+
selectable = input(false, ...(ngDevMode ? [{ debugName: "selectable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
12
|
+
stickyHeader = input(false, ...(ngDevMode ? [{ debugName: "stickyHeader", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
13
|
+
rowTemplate = input(null, ...(ngDevMode ? [{ debugName: "rowTemplate" }] : []));
|
|
14
|
+
sortChange = output();
|
|
15
|
+
selectionChange = output();
|
|
16
|
+
_sortColumn = signal('', ...(ngDevMode ? [{ debugName: "_sortColumn" }] : []));
|
|
17
|
+
_sortDirection = signal(null, ...(ngDevMode ? [{ debugName: "_sortDirection" }] : []));
|
|
18
|
+
_selectedRows = signal(new Set(), ...(ngDevMode ? [{ debugName: "_selectedRows" }] : []));
|
|
19
|
+
_allSelected = computed(() => {
|
|
20
|
+
const rows = this.rows();
|
|
21
|
+
return rows.length > 0 && this._selectedRows().size === rows.length;
|
|
22
|
+
}, ...(ngDevMode ? [{ debugName: "_allSelected" }] : []));
|
|
23
|
+
_cellValue(row, col) {
|
|
24
|
+
if (col.cell)
|
|
25
|
+
return col.cell(row);
|
|
26
|
+
return String(row[col.key] ?? '');
|
|
27
|
+
}
|
|
28
|
+
_onSort(col) {
|
|
29
|
+
if (!col.sortable)
|
|
30
|
+
return;
|
|
31
|
+
const current = this._sortColumn();
|
|
32
|
+
const dir = this._sortDirection();
|
|
33
|
+
let next;
|
|
34
|
+
if (current !== col.key) {
|
|
35
|
+
next = 'asc';
|
|
36
|
+
}
|
|
37
|
+
else if (dir === 'asc') {
|
|
38
|
+
next = 'desc';
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
next = null;
|
|
42
|
+
}
|
|
43
|
+
this._sortColumn.set(next ? col.key : '');
|
|
44
|
+
this._sortDirection.set(next);
|
|
45
|
+
this.sortChange.emit({ column: col.key, direction: next });
|
|
46
|
+
}
|
|
47
|
+
_toggleAll(checked) {
|
|
48
|
+
const next = checked ? new Set(this.rows()) : new Set();
|
|
49
|
+
this._selectedRows.set(next);
|
|
50
|
+
this.selectionChange.emit([...next]);
|
|
51
|
+
}
|
|
52
|
+
_toggleRow(row, checked) {
|
|
53
|
+
const next = new Set(this._selectedRows());
|
|
54
|
+
checked ? next.add(row) : next.delete(row);
|
|
55
|
+
this._selectedRows.set(next);
|
|
56
|
+
this.selectionChange.emit([...next]);
|
|
57
|
+
}
|
|
58
|
+
_isSelected(row) {
|
|
59
|
+
return this._selectedRows().has(row);
|
|
60
|
+
}
|
|
61
|
+
_sortIcon(col) {
|
|
62
|
+
if (this._sortColumn() !== col.key)
|
|
63
|
+
return 'unfold_more';
|
|
64
|
+
return this._sortDirection() === 'asc' ? 'arrow_upward' : 'arrow_downward';
|
|
65
|
+
}
|
|
66
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
67
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TableComponent, isStandalone: true, selector: "emr-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, hoverable: { classPropertyName: "hoverable", publicName: "hoverable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, rowTemplate: { classPropertyName: "rowTemplate", publicName: "rowTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sortChange: "sortChange", selectionChange: "selectionChange" }, host: { properties: { "class.is-striped": "striped()", "class.is-bordered": "bordered()", "class.is-hoverable": "hoverable()" }, classAttribute: "emr-table-wrapper" }, exportAs: ["emrTable"], ngImport: i0, template: "<div class=\"table-scroll\">\n <table class=\"emr-table\">\n <thead [class.is-sticky]=\"stickyHeader()\">\n <tr>\n @if (selectable()) {\n <th class=\"col-check\">\n <input\n type=\"checkbox\"\n [checked]=\"_allSelected()\"\n (change)=\"_toggleAll($any($event.target).checked)\"\n aria-label=\"Select all\"\n />\n </th>\n }\n @for (col of columns(); track col.key) {\n <th\n [class.is-sortable]=\"col.sortable\"\n [class.is-sorted]=\"_sortColumn() === col.key\"\n [style.width]=\"col.width || ''\"\n [class.is-sticky]=\"col.sticky\"\n (click)=\"_onSort(col)\"\n >\n <span class=\"th-content\">\n {{ col.label }}\n @if (col.sortable) {\n <span class=\"sort-icon\">{{ _sortIcon(col) }}</span>\n }\n </span>\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (row of rows(); track $index) {\n <tr [class.is-selected]=\"_isSelected(row)\">\n @if (selectable()) {\n <td class=\"col-check\">\n <input\n type=\"checkbox\"\n [checked]=\"_isSelected(row)\"\n (change)=\"_toggleRow(row, $any($event.target).checked)\"\n [attr.aria-label]=\"'Select row ' + $index\"\n />\n </td>\n }\n @if (rowTemplate()) {\n <ng-container [ngTemplateOutlet]=\"rowTemplate()!\" [ngTemplateOutletContext]=\"{ $implicit: row, index: $index }\"/>\n } @else {\n @for (col of columns(); track col.key) {\n <td [class.is-sticky]=\"col.sticky\">{{ _cellValue(row, col) }}</td>\n }\n }\n </tr>\n }\n @if (rows().length === 0) {\n <tr class=\"empty-row\">\n <td [attr.colspan]=\"columns().length + (selectable() ? 1 : 0)\">\n <ng-content select=\"[emrTableEmpty]\"/>\n </td>\n </tr>\n }\n </tbody>\n </table>\n</div>\n<ng-content select=\"emr-paginator\"/>\n", styles: [":host{--emr-table-border-color: var(--color-outline-variant);--emr-table-header-bg: var(--color-surface-container-low);--emr-table-header-color: var(--color-on-surface-variant);--emr-table-header-font-weight: 600;--emr-table-header-font-size: .75rem;--emr-table-row-hover-bg: var(--color-surface-container);--emr-table-row-selected-bg: var(--color-secondary-container);--emr-table-row-striped-bg: var(--color-surface-container-lowest);--emr-table-cell-padding: calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 4);--emr-table-border-radius: .75rem;display:block;width:100%}.table-scroll{overflow-x:auto;border-radius:var(--emr-table-border-radius);border:1px solid var(--emr-table-border-color)}.emr-table{width:100%;border-collapse:collapse;font-size:.875rem}.emr-table thead{background:var(--emr-table-header-bg)}.emr-table thead.is-sticky th{position:sticky;top:0;z-index:2;background:var(--emr-table-header-bg)}.emr-table thead th{padding:var(--emr-table-cell-padding);text-align:start;font-weight:var(--emr-table-header-font-weight);font-size:var(--emr-table-header-font-size);color:var(--emr-table-header-color);white-space:nowrap;border-bottom:1px solid var(--emr-table-border-color);text-transform:uppercase;letter-spacing:.05em}.emr-table thead th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.emr-table thead th.is-sortable:hover .sort-icon{opacity:1}.emr-table thead th.is-sticky{position:sticky;left:0;z-index:3;background:var(--emr-table-header-bg)}.emr-table thead .th-content{display:flex;align-items:center;gap:var(--spacing, .25rem)}.emr-table thead .sort-icon{font-family:Material Icons;font-size:1rem;opacity:.4;transition:opacity .15s}.emr-table thead .is-sorted .sort-icon{opacity:1}.emr-table tbody tr{transition:background .1s;border-bottom:1px solid var(--emr-table-border-color)}.emr-table tbody tr:last-child{border-bottom:none}.emr-table tbody td{padding:var(--emr-table-cell-padding)}.emr-table tbody td.is-sticky{position:sticky;left:0;background:var(--color-surface);z-index:1}.emr-table :host(.is-hoverable) tbody tr:hover{background:var(--emr-table-row-hover-bg)}.emr-table :host(.is-striped) tbody tr:nth-child(2n){background:var(--emr-table-row-striped-bg)}:host(.is-bordered) .emr-table th,:host(.is-bordered) .emr-table td{border:1px solid var(--emr-table-border-color)}.emr-table .is-selected{background:var(--emr-table-row-selected-bg)!important}.emr-table .col-check{width:calc(var(--spacing, .25rem) * 12);padding-inline:calc(var(--spacing, .25rem) * 3)}.emr-table .empty-row td{text-align:center;padding:calc(var(--spacing, .25rem) * 12);color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
68
|
+
}
|
|
69
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TableComponent, decorators: [{
|
|
70
|
+
type: Component,
|
|
71
|
+
args: [{ selector: 'emr-table', exportAs: 'emrTable', imports: [NgTemplateOutlet], host: {
|
|
72
|
+
'class': 'emr-table-wrapper',
|
|
73
|
+
'[class.is-striped]': 'striped()',
|
|
74
|
+
'[class.is-bordered]': 'bordered()',
|
|
75
|
+
'[class.is-hoverable]': 'hoverable()',
|
|
76
|
+
}, template: "<div class=\"table-scroll\">\n <table class=\"emr-table\">\n <thead [class.is-sticky]=\"stickyHeader()\">\n <tr>\n @if (selectable()) {\n <th class=\"col-check\">\n <input\n type=\"checkbox\"\n [checked]=\"_allSelected()\"\n (change)=\"_toggleAll($any($event.target).checked)\"\n aria-label=\"Select all\"\n />\n </th>\n }\n @for (col of columns(); track col.key) {\n <th\n [class.is-sortable]=\"col.sortable\"\n [class.is-sorted]=\"_sortColumn() === col.key\"\n [style.width]=\"col.width || ''\"\n [class.is-sticky]=\"col.sticky\"\n (click)=\"_onSort(col)\"\n >\n <span class=\"th-content\">\n {{ col.label }}\n @if (col.sortable) {\n <span class=\"sort-icon\">{{ _sortIcon(col) }}</span>\n }\n </span>\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (row of rows(); track $index) {\n <tr [class.is-selected]=\"_isSelected(row)\">\n @if (selectable()) {\n <td class=\"col-check\">\n <input\n type=\"checkbox\"\n [checked]=\"_isSelected(row)\"\n (change)=\"_toggleRow(row, $any($event.target).checked)\"\n [attr.aria-label]=\"'Select row ' + $index\"\n />\n </td>\n }\n @if (rowTemplate()) {\n <ng-container [ngTemplateOutlet]=\"rowTemplate()!\" [ngTemplateOutletContext]=\"{ $implicit: row, index: $index }\"/>\n } @else {\n @for (col of columns(); track col.key) {\n <td [class.is-sticky]=\"col.sticky\">{{ _cellValue(row, col) }}</td>\n }\n }\n </tr>\n }\n @if (rows().length === 0) {\n <tr class=\"empty-row\">\n <td [attr.colspan]=\"columns().length + (selectable() ? 1 : 0)\">\n <ng-content select=\"[emrTableEmpty]\"/>\n </td>\n </tr>\n }\n </tbody>\n </table>\n</div>\n<ng-content select=\"emr-paginator\"/>\n", styles: [":host{--emr-table-border-color: var(--color-outline-variant);--emr-table-header-bg: var(--color-surface-container-low);--emr-table-header-color: var(--color-on-surface-variant);--emr-table-header-font-weight: 600;--emr-table-header-font-size: .75rem;--emr-table-row-hover-bg: var(--color-surface-container);--emr-table-row-selected-bg: var(--color-secondary-container);--emr-table-row-striped-bg: var(--color-surface-container-lowest);--emr-table-cell-padding: calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 4);--emr-table-border-radius: .75rem;display:block;width:100%}.table-scroll{overflow-x:auto;border-radius:var(--emr-table-border-radius);border:1px solid var(--emr-table-border-color)}.emr-table{width:100%;border-collapse:collapse;font-size:.875rem}.emr-table thead{background:var(--emr-table-header-bg)}.emr-table thead.is-sticky th{position:sticky;top:0;z-index:2;background:var(--emr-table-header-bg)}.emr-table thead th{padding:var(--emr-table-cell-padding);text-align:start;font-weight:var(--emr-table-header-font-weight);font-size:var(--emr-table-header-font-size);color:var(--emr-table-header-color);white-space:nowrap;border-bottom:1px solid var(--emr-table-border-color);text-transform:uppercase;letter-spacing:.05em}.emr-table thead th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.emr-table thead th.is-sortable:hover .sort-icon{opacity:1}.emr-table thead th.is-sticky{position:sticky;left:0;z-index:3;background:var(--emr-table-header-bg)}.emr-table thead .th-content{display:flex;align-items:center;gap:var(--spacing, .25rem)}.emr-table thead .sort-icon{font-family:Material Icons;font-size:1rem;opacity:.4;transition:opacity .15s}.emr-table thead .is-sorted .sort-icon{opacity:1}.emr-table tbody tr{transition:background .1s;border-bottom:1px solid var(--emr-table-border-color)}.emr-table tbody tr:last-child{border-bottom:none}.emr-table tbody td{padding:var(--emr-table-cell-padding)}.emr-table tbody td.is-sticky{position:sticky;left:0;background:var(--color-surface);z-index:1}.emr-table :host(.is-hoverable) tbody tr:hover{background:var(--emr-table-row-hover-bg)}.emr-table :host(.is-striped) tbody tr:nth-child(2n){background:var(--emr-table-row-striped-bg)}:host(.is-bordered) .emr-table th,:host(.is-bordered) .emr-table td{border:1px solid var(--emr-table-border-color)}.emr-table .is-selected{background:var(--emr-table-row-selected-bg)!important}.emr-table .col-check{width:calc(var(--spacing, .25rem) * 12);padding-inline:calc(var(--spacing, .25rem) * 3)}.emr-table .empty-row td{text-align:center;padding:calc(var(--spacing, .25rem) * 12);color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
77
|
+
}], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "striped", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], hoverable: [{ type: i0.Input, args: [{ isSignal: true, alias: "hoverable", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], rowTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowTemplate", required: false }] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }] } });
|
|
78
|
+
|
|
79
|
+
/**
|
|
80
|
+
* Generated bundle index. Do not edit.
|
|
81
|
+
*/
|
|
82
|
+
|
|
83
|
+
export { TableComponent };
|
|
84
|
+
//# sourceMappingURL=elementar-rt-components-table.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"elementar-rt-components-table.mjs","sources":["../../../projects/components/table/src/table/table.component.ts","../../../projects/components/table/src/table/table.component.html","../../../projects/components/table/elementar-rt-components-table.ts"],"sourcesContent":["import {\n booleanAttribute,\n Component,\n computed,\n input,\n output,\n signal,\n TemplateRef\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { EmrTableColumn, SortDirection, SortState } from '../types';\n\n@Component({\n selector: 'emr-table',\n exportAs: 'emrTable',\n imports: [NgTemplateOutlet],\n templateUrl: './table.component.html',\n styleUrl: './table.component.scss',\n host: {\n 'class': 'emr-table-wrapper',\n '[class.is-striped]': 'striped()',\n '[class.is-bordered]': 'bordered()',\n '[class.is-hoverable]': 'hoverable()',\n }\n})\nexport class TableComponent<T = any> {\n columns = input<EmrTableColumn<T>[]>([]);\n rows = input<T[]>([]);\n striped = input(false, { transform: booleanAttribute });\n bordered = input(false, { transform: booleanAttribute });\n hoverable = input(true, { transform: booleanAttribute });\n selectable = input(false, { transform: booleanAttribute });\n stickyHeader = input(false, { transform: booleanAttribute });\n rowTemplate = input<TemplateRef<any> | null>(null);\n\n readonly sortChange = output<SortState>();\n readonly selectionChange = output<T[]>();\n\n protected _sortColumn = signal<string>('');\n protected _sortDirection = signal<SortDirection>(null);\n protected _selectedRows = signal<Set<T>>(new Set());\n\n protected _allSelected = computed(() => {\n const rows = this.rows();\n return rows.length > 0 && this._selectedRows().size === rows.length;\n });\n\n protected _cellValue(row: T, col: EmrTableColumn<T>): string {\n if (col.cell) return col.cell(row);\n return String((row as any)[col.key] ?? '');\n }\n\n protected _onSort(col: EmrTableColumn<T>) {\n if (!col.sortable) return;\n const current = this._sortColumn();\n const dir = this._sortDirection();\n let next: SortDirection;\n if (current !== col.key) {\n next = 'asc';\n } else if (dir === 'asc') {\n next = 'desc';\n } else {\n next = null;\n }\n this._sortColumn.set(next ? col.key : '');\n this._sortDirection.set(next);\n this.sortChange.emit({ column: col.key, direction: next });\n }\n\n protected _toggleAll(checked: boolean) {\n const next = checked ? new Set(this.rows()) : new Set<T>();\n this._selectedRows.set(next);\n this.selectionChange.emit([...next]);\n }\n\n protected _toggleRow(row: T, checked: boolean) {\n const next = new Set(this._selectedRows());\n checked ? next.add(row) : next.delete(row);\n this._selectedRows.set(next);\n this.selectionChange.emit([...next]);\n }\n\n protected _isSelected(row: T): boolean {\n return this._selectedRows().has(row);\n }\n\n protected _sortIcon(col: EmrTableColumn<T>): string {\n if (this._sortColumn() !== col.key) return 'unfold_more';\n return this._sortDirection() === 'asc' ? 'arrow_upward' : 'arrow_downward';\n }\n}\n","<div class=\"table-scroll\">\n <table class=\"emr-table\">\n <thead [class.is-sticky]=\"stickyHeader()\">\n <tr>\n @if (selectable()) {\n <th class=\"col-check\">\n <input\n type=\"checkbox\"\n [checked]=\"_allSelected()\"\n (change)=\"_toggleAll($any($event.target).checked)\"\n aria-label=\"Select all\"\n />\n </th>\n }\n @for (col of columns(); track col.key) {\n <th\n [class.is-sortable]=\"col.sortable\"\n [class.is-sorted]=\"_sortColumn() === col.key\"\n [style.width]=\"col.width || ''\"\n [class.is-sticky]=\"col.sticky\"\n (click)=\"_onSort(col)\"\n >\n <span class=\"th-content\">\n {{ col.label }}\n @if (col.sortable) {\n <span class=\"sort-icon\">{{ _sortIcon(col) }}</span>\n }\n </span>\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (row of rows(); track $index) {\n <tr [class.is-selected]=\"_isSelected(row)\">\n @if (selectable()) {\n <td class=\"col-check\">\n <input\n type=\"checkbox\"\n [checked]=\"_isSelected(row)\"\n (change)=\"_toggleRow(row, $any($event.target).checked)\"\n [attr.aria-label]=\"'Select row ' + $index\"\n />\n </td>\n }\n @if (rowTemplate()) {\n <ng-container [ngTemplateOutlet]=\"rowTemplate()!\" [ngTemplateOutletContext]=\"{ $implicit: row, index: $index }\"/>\n } @else {\n @for (col of columns(); track col.key) {\n <td [class.is-sticky]=\"col.sticky\">{{ _cellValue(row, col) }}</td>\n }\n }\n </tr>\n }\n @if (rows().length === 0) {\n <tr class=\"empty-row\">\n <td [attr.colspan]=\"columns().length + (selectable() ? 1 : 0)\">\n <ng-content select=\"[emrTableEmpty]\"/>\n </td>\n </tr>\n }\n </tbody>\n </table>\n</div>\n<ng-content select=\"emr-paginator\"/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|