@ngstarter-ui/components 1.0.27 → 1.0.30
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/fesm2022/ngstarter-ui-components-action-required.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-action-required.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-alert.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-alert.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-announcement.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-announcement.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-autocomplete.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-autocomplete.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-avatar.mjs +8 -8
- package/fesm2022/ngstarter-ui-components-avatar.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-badge.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-badge.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-block-loader.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-block-loader.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-breadcrumbs.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-button-toggle.mjs +4 -4
- package/fesm2022/ngstarter-ui-components-button-toggle.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-button.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-button.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-card.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-card.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-checkbox.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-checkbox.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-chips.mjs +6 -6
- package/fesm2022/ngstarter-ui-components-chips.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-code-highlighter.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-code-highlighter.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-color-picker.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-color-picker.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-color-switcher.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-color-switcher.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-command-bar.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-command-bar.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-comment-editor.mjs +34 -21
- package/fesm2022/ngstarter-ui-components-comment-editor.mjs.map +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-code-block.component-Bk6QTli8.mjs → ngstarter-ui-components-content-editor-code-block.component-CpZ5gJOc.mjs} +4 -4
- package/fesm2022/{ngstarter-ui-components-content-editor-code-block.component-Bk6QTli8.mjs.map → ngstarter-ui-components-content-editor-code-block.component-CpZ5gJOc.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-embed-block-BbkC_t86.mjs → ngstarter-ui-components-content-editor-embed-block-ghm0_0AF.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-content-editor-embed-block-BbkC_t86.mjs.map → ngstarter-ui-components-content-editor-embed-block-ghm0_0AF.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-heading-block.component-D9_CxTY1.mjs → ngstarter-ui-components-content-editor-heading-block.component-C1FH89Sj.mjs} +4 -4
- package/fesm2022/{ngstarter-ui-components-content-editor-heading-block.component-D9_CxTY1.mjs.map → ngstarter-ui-components-content-editor-heading-block.component-C1FH89Sj.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-image-block.component-B4zJyUg1.mjs → ngstarter-ui-components-content-editor-image-block.component-ahCIfpvQ.mjs} +4 -4
- package/fesm2022/{ngstarter-ui-components-content-editor-image-block.component-B4zJyUg1.mjs.map → ngstarter-ui-components-content-editor-image-block.component-ahCIfpvQ.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-list-block.component-Cv6wx5Xe.mjs → ngstarter-ui-components-content-editor-list-block.component-guhW_EyK.mjs} +4 -4
- package/fesm2022/{ngstarter-ui-components-content-editor-list-block.component-Cv6wx5Xe.mjs.map → ngstarter-ui-components-content-editor-list-block.component-guhW_EyK.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-1Zi2nAX5.mjs → ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-DNLTNGYa.mjs} +15 -15
- package/fesm2022/{ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-1Zi2nAX5.mjs.map → ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-DNLTNGYa.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-paragraph-block.component-C9bQvDYU.mjs → ngstarter-ui-components-content-editor-paragraph-block.component-DjgGUc7s.mjs} +4 -4
- package/fesm2022/{ngstarter-ui-components-content-editor-paragraph-block.component-C9bQvDYU.mjs.map → ngstarter-ui-components-content-editor-paragraph-block.component-DjgGUc7s.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-quote-block.component-BbHds2r2.mjs → ngstarter-ui-components-content-editor-quote-block.component-B3pek1H6.mjs} +4 -4
- package/fesm2022/{ngstarter-ui-components-content-editor-quote-block.component-BbHds2r2.mjs.map → ngstarter-ui-components-content-editor-quote-block.component-B3pek1H6.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-table-block.component-DlDh7Fnn.mjs → ngstarter-ui-components-content-editor-table-block.component-bgBNjf4d.mjs} +6 -6
- package/fesm2022/{ngstarter-ui-components-content-editor-table-block.component-DlDh7Fnn.mjs.map → ngstarter-ui-components-content-editor-table-block.component-bgBNjf4d.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-video-block.component-m4DTihP2.mjs → ngstarter-ui-components-content-editor-video-block.component-DPlYe-_8.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-content-editor-video-block.component-m4DTihP2.mjs.map → ngstarter-ui-components-content-editor-video-block.component-DPlYe-_8.mjs.map} +1 -1
- package/fesm2022/ngstarter-ui-components-content-editor.mjs +1 -1
- package/fesm2022/ngstarter-ui-components-content-fade.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-content-fade.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-cookie-popup.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-cookie-popup.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-core.mjs +137 -34
- package/fesm2022/ngstarter-ui-components-core.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-country-select.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-country-select.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-data-view.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-data-view.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-datepicker.mjs +10 -10
- package/fesm2022/ngstarter-ui-components-datepicker.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-dialog.mjs +8 -8
- package/fesm2022/ngstarter-ui-components-dialog.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-divider.mjs +4 -4
- package/fesm2022/ngstarter-ui-components-divider.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-drawer.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-drawer.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-emoji-picker.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-emoji-picker.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-empty-state.mjs +4 -4
- package/fesm2022/ngstarter-ui-components-empty-state.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-expand.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-expand.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-expansion.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-expansion.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-filter-builder.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-filter-builder.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-form-field.mjs +4 -4
- package/fesm2022/ngstarter-ui-components-form-field.mjs.map +1 -1
- package/fesm2022/{ngstarter-ui-components-form-renderer-divider-content-CwGzDCZv.mjs → ngstarter-ui-components-form-renderer-divider-content-D8Sffofu.mjs} +3 -3
- package/fesm2022/{ngstarter-ui-components-form-renderer-divider-content-CwGzDCZv.mjs.map → ngstarter-ui-components-form-renderer-divider-content-D8Sffofu.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-form-renderer-radio-group-field-Cv3AGpoq.mjs → ngstarter-ui-components-form-renderer-radio-group-field-DUCSU3iT.mjs} +3 -3
- package/fesm2022/{ngstarter-ui-components-form-renderer-radio-group-field-Cv3AGpoq.mjs.map → ngstarter-ui-components-form-renderer-radio-group-field-DUCSU3iT.mjs.map} +1 -1
- package/fesm2022/ngstarter-ui-components-form-renderer.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-gauge.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-gauge.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-grid.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-grid.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-guided-tour.mjs +4 -4
- package/fesm2022/ngstarter-ui-components-guided-tour.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-image-placeholder.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-image-placeholder.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-image-resizer.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-image-resizer.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-image-viewer.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-image-viewer.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-image-zoom-viewer.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-image-zoom-viewer.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-incidents.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-incidents.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-inline-text-edit.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-inline-text-edit.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-kanban-board.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-kanban-board.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-kbd.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-kbd.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-list.mjs +10 -10
- package/fesm2022/ngstarter-ui-components-list.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-logo.mjs +8 -8
- package/fesm2022/ngstarter-ui-components-logo.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-menu.mjs +8 -8
- package/fesm2022/ngstarter-ui-components-menu.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-micro-chart.mjs +10 -10
- package/fesm2022/ngstarter-ui-components-micro-chart.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-navigation.mjs +8 -8
- package/fesm2022/ngstarter-ui-components-navigation.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-notifications.mjs +8 -8
- package/fesm2022/ngstarter-ui-components-notifications.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-number-input.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-number-input.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-option.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-option.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-paginator.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-paginator.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-password-strength.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-password-strength.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-phone-input.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-phone-input.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-popover.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-popover.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-progress-bar.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-progress-bar.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-radio-card.mjs +4 -4
- package/fesm2022/ngstarter-ui-components-radio-card.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-radio.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-radio.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-rail-nav.mjs +4 -4
- package/fesm2022/ngstarter-ui-components-rail-nav.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-resizable-container.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-resizable-container.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-screen-loader.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-screen-loader.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-scroll-spy.mjs +6 -6
- package/fesm2022/ngstarter-ui-components-scroll-spy.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-scrollbar-area.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-scrollbar-area.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-segmented.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-segmented.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-select.mjs +8 -8
- package/fesm2022/ngstarter-ui-components-select.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-side-panel.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-side-panel.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-sidebar.mjs +14 -14
- package/fesm2022/ngstarter-ui-components-sidebar.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-sidenav.mjs +4 -4
- package/fesm2022/ngstarter-ui-components-sidenav.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-signature-pad.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-signature-pad.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-skeleton.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-skeleton.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-slide-toggle.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-slide-toggle.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-slider.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-slider.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-snack-bar.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-snack-bar.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-spinner.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-spinner.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-splash-screen.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-splash-screen.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-split.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-split.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-stepper.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-stepper.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-suggestions.mjs +4 -4
- package/fesm2022/ngstarter-ui-components-suggestions.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-tab-panel.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-tab-panel.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-table.mjs +6 -6
- package/fesm2022/ngstarter-ui-components-table.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-tabs.mjs +6 -6
- package/fesm2022/ngstarter-ui-components-tabs.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-text-editor.mjs +10 -10
- package/fesm2022/ngstarter-ui-components-text-editor.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-thumbnail-maker.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-thumbnail-maker.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-tiles.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-tiles.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-timeline.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-timeline.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-timepicker.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-timepicker.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-toolbar.mjs +4 -4
- package/fesm2022/ngstarter-ui-components-toolbar.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-tooltip.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-tooltip.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-upload.mjs +10 -10
- package/fesm2022/ngstarter-ui-components-upload.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-video-viewer.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-video-viewer.mjs.map +1 -1
- package/package.json +15 -3
- package/schematics/collection.json +10 -0
- package/schematics/migrations.json +11 -0
- package/schematics/ng-add/index.d.ts +6 -0
- package/schematics/ng-add/index.js +14 -0
- package/schematics/ng-add/index.js.map +1 -0
- package/schematics/ng-add/schema.json +17 -0
- package/schematics/ng-update/index.d.ts +6 -0
- package/schematics/ng-update/index.js +14 -0
- package/schematics/ng-update/index.js.map +1 -0
- package/schematics/ng-update/schema.json +17 -0
- package/schematics/utils.d.ts +8 -0
- package/schematics/utils.js +305 -0
- package/schematics/utils.js.map +1 -0
- package/styles/_common.scss +84 -390
- package/styles/_global.scss +12 -12
- package/styles/_tokens.scss +1041 -0
- package/styles/themes/compact.scss +9 -0
- package/styles/themes/enterprise.scss +349 -0
- package/styles/themes/modern.scss +352 -0
- package/types/ngstarter-ui-components-comment-editor.d.ts +10 -2
- package/types/ngstarter-ui-components-core.d.ts +41 -5
|
@@ -101,7 +101,7 @@ class Avatar {
|
|
|
101
101
|
useExisting: forwardRef(() => Avatar),
|
|
102
102
|
multi: true
|
|
103
103
|
}
|
|
104
|
-
], exportAs: ["ngsAvatar"], usesOnChanges: true, ngImport: i0, template: "@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (label() && showLabel) {\n <svg viewBox=\"0 0 50 50\" class=\"text\">\n <text\n x=\"50%\"\n y=\"50%\"\n alignment-baseline=\"central\"\n text-anchor=\"middle\"\n font-weight=\"inherit\"\n font-size=\"20\"\n fill=\"currentColor\">{{ label() }}</text>\n </svg>\n}\n\n<ng-content select=\"mat-icon,ngs-icon\"/>\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg: var(--color-surface-container-highest);--ngs-avatar-color: var(--color-on-surface);--ngs-avatar-presence-indicator-size: 20%;--ngs-avatar-presence-indicator-position-top: 5%;--ngs-avatar-presence-indicator-position-end: 5%;--ngs-avatar-presence-indicator-online-bg: var(--color-
|
|
104
|
+
], exportAs: ["ngsAvatar"], usesOnChanges: true, ngImport: i0, template: "@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (label() && showLabel) {\n <svg viewBox=\"0 0 50 50\" class=\"text\">\n <text\n x=\"50%\"\n y=\"50%\"\n alignment-baseline=\"central\"\n text-anchor=\"middle\"\n font-weight=\"inherit\"\n font-size=\"20\"\n fill=\"currentColor\">{{ label() }}</text>\n </svg>\n}\n\n<ng-content select=\"mat-icon,ngs-icon\"/>\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg: var(--ngs-color-surface-container-highest);--ngs-avatar-color: var(--ngs-color-on-surface);--ngs-avatar-presence-indicator-size: 20%;--ngs-avatar-presence-indicator-position-top: 5%;--ngs-avatar-presence-indicator-position-end: 5%;--ngs-avatar-presence-indicator-online-bg: var(--ngs-color-success);--ngs-avatar-presence-indicator-offline-bg: var(--ngs-color-on-surface-variant);--ngs-avatar-presence-indicator-away-bg: var(--ngs-color-warning);--ngs-avatar-presence-indicator-outline: var(--ngs-color-surface) solid 2px;--ngs-avatar-inner-border: inset 0 0 1px var(--ngs-color-outline-variant);--ngs-avatar-border-color: transparent;--ngs-avatar-border-width: 1px;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--ngs-avatar-font-weight)}:host:not([class*=text-]){color:var(--ngs-avatar-color)}:host:not([class*=rounded]){border-radius:var(--ngs-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--ngs-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--ngs-avatar-size)}:host:not([class*=bg-]):not(.has-loaded-image){background:var(--ngs-avatar-bg)}:host.is-solid{--ngs-avatar-bg: var(--ngs-color-primary);--ngs-avatar-color: var(--ngs-color-on-primary)}:host.is-tonal{--ngs-avatar-bg: var(--ngs-color-surface-container-highest);--ngs-avatar-color: var(--ngs-color-on-surface)}:host.is-outlined{--ngs-avatar-bg: transparent;--ngs-avatar-color: var(--ngs-color-on-surface);box-shadow:var(--ngs-avatar-inner-border)}:host.is-plain{--ngs-avatar-bg: transparent;--ngs-avatar-color: var(--ngs-color-on-surface)}:host .text{z-index:0;width:100%;height:100%}:host.has-loaded-image .text{display:none}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--ngs-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--ngs-avatar-presence-indicator-size);height:var(--ngs-avatar-presence-indicator-size);top:var(--ngs-avatar-presence-indicator-position-top);inset-inline-end:var(--ngs-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--ngs-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--ngs-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--ngs-avatar-presence-indicator-away-bg)}:host ::ng-deep .ngs-icon{display:flex;align-items:center;justify-content:center}:host.has-automatic-color{--ngs-avatar-border-color: var(--ngs-avatar-border-color-auto, transparent)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
105
105
|
}
|
|
106
106
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Avatar, decorators: [{
|
|
107
107
|
type: Component,
|
|
@@ -120,7 +120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
120
120
|
'[class.is-tonal]': 'variant() === "tonal"',
|
|
121
121
|
'[class.is-outlined]': 'variant() === "outlined"',
|
|
122
122
|
'[class.is-plain]': 'variant() === "plain"',
|
|
123
|
-
}, template: "@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (label() && showLabel) {\n <svg viewBox=\"0 0 50 50\" class=\"text\">\n <text\n x=\"50%\"\n y=\"50%\"\n alignment-baseline=\"central\"\n text-anchor=\"middle\"\n font-weight=\"inherit\"\n font-size=\"20\"\n fill=\"currentColor\">{{ label() }}</text>\n </svg>\n}\n\n<ng-content select=\"mat-icon,ngs-icon\"/>\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg: var(--color-surface-container-highest);--ngs-avatar-color: var(--color-on-surface);--ngs-avatar-presence-indicator-size: 20%;--ngs-avatar-presence-indicator-position-top: 5%;--ngs-avatar-presence-indicator-position-end: 5%;--ngs-avatar-presence-indicator-online-bg: var(--color-
|
|
123
|
+
}, template: "@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (label() && showLabel) {\n <svg viewBox=\"0 0 50 50\" class=\"text\">\n <text\n x=\"50%\"\n y=\"50%\"\n alignment-baseline=\"central\"\n text-anchor=\"middle\"\n font-weight=\"inherit\"\n font-size=\"20\"\n fill=\"currentColor\">{{ label() }}</text>\n </svg>\n}\n\n<ng-content select=\"mat-icon,ngs-icon\"/>\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg: var(--ngs-color-surface-container-highest);--ngs-avatar-color: var(--ngs-color-on-surface);--ngs-avatar-presence-indicator-size: 20%;--ngs-avatar-presence-indicator-position-top: 5%;--ngs-avatar-presence-indicator-position-end: 5%;--ngs-avatar-presence-indicator-online-bg: var(--ngs-color-success);--ngs-avatar-presence-indicator-offline-bg: var(--ngs-color-on-surface-variant);--ngs-avatar-presence-indicator-away-bg: var(--ngs-color-warning);--ngs-avatar-presence-indicator-outline: var(--ngs-color-surface) solid 2px;--ngs-avatar-inner-border: inset 0 0 1px var(--ngs-color-outline-variant);--ngs-avatar-border-color: transparent;--ngs-avatar-border-width: 1px;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--ngs-avatar-font-weight)}:host:not([class*=text-]){color:var(--ngs-avatar-color)}:host:not([class*=rounded]){border-radius:var(--ngs-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--ngs-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--ngs-avatar-size)}:host:not([class*=bg-]):not(.has-loaded-image){background:var(--ngs-avatar-bg)}:host.is-solid{--ngs-avatar-bg: var(--ngs-color-primary);--ngs-avatar-color: var(--ngs-color-on-primary)}:host.is-tonal{--ngs-avatar-bg: var(--ngs-color-surface-container-highest);--ngs-avatar-color: var(--ngs-color-on-surface)}:host.is-outlined{--ngs-avatar-bg: transparent;--ngs-avatar-color: var(--ngs-color-on-surface);box-shadow:var(--ngs-avatar-inner-border)}:host.is-plain{--ngs-avatar-bg: transparent;--ngs-avatar-color: var(--ngs-color-on-surface)}:host .text{z-index:0;width:100%;height:100%}:host.has-loaded-image .text{display:none}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--ngs-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--ngs-avatar-presence-indicator-size);height:var(--ngs-avatar-presence-indicator-size);top:var(--ngs-avatar-presence-indicator-position-top);inset-inline-end:var(--ngs-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--ngs-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--ngs-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--ngs-avatar-presence-indicator-away-bg)}:host ::ng-deep .ngs-icon{display:flex;align-items:center;justify-content:center}:host.has-automatic-color{--ngs-avatar-border-color: var(--ngs-avatar-border-color-auto, transparent)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
124
124
|
}], propDecorators: { image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], automaticColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "automaticColor", required: false }] }], presenceIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "presenceIndicator", required: false }] }] } });
|
|
125
125
|
|
|
126
126
|
class AvatarGroup {
|
|
@@ -136,25 +136,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
136
136
|
|
|
137
137
|
class AvatarMore {
|
|
138
138
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AvatarMore, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
139
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: AvatarMore, isStandalone: true, selector: "ngs-avatar-more,[ngs-avatar-more]", host: { classAttribute: "ngs-avatar-more" }, exportAs: ["ngsAvatarMore"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg:
|
|
139
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: AvatarMore, isStandalone: true, selector: "ngs-avatar-more,[ngs-avatar-more]", host: { classAttribute: "ngs-avatar-more" }, exportAs: ["ngsAvatarMore"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg: var(--ngs-color-success);--ngs-avatar-color: white;--ngs-avatar-inner-border: inset 0 0 2px var(--ngs-color-border);--ngs-avatar-total-font-size: var(--ngs-font-size-xs);--ngs-avatar-total-font-weight: 500;--ngs-avatar-total-color: white;--ngs-avatar-total-bg: var(--ngs-color-neutral-700);--ngs-avatar-total-hover-bg: var(--ngs-color-neutral-600);background:var(--ngs-avatar-total-bg);font-size:var(--ngs-avatar-total-font-size);font-weight:var(--ngs-avatar-total-font-weight);color:var(--ngs-avatar-total-color);border-radius:var(--ngs-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--ngs-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--ngs-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--ngs-avatar-size)}:host-context(html.dark){--ngs-avatar-group-item-border: .125rem solid var(--ngs-color-neutral-950);--ngs-avatar-presence-indicator-outline: var(--ngs-color-neutral-950) solid 2px}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
140
140
|
}
|
|
141
141
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AvatarMore, decorators: [{
|
|
142
142
|
type: Component,
|
|
143
143
|
args: [{ selector: 'ngs-avatar-more,[ngs-avatar-more]', exportAs: 'ngsAvatarMore', imports: [], host: {
|
|
144
144
|
'class': 'ngs-avatar-more'
|
|
145
|
-
}, template: "<ng-content/>\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg:
|
|
145
|
+
}, template: "<ng-content/>\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg: var(--ngs-color-success);--ngs-avatar-color: white;--ngs-avatar-inner-border: inset 0 0 2px var(--ngs-color-border);--ngs-avatar-total-font-size: var(--ngs-font-size-xs);--ngs-avatar-total-font-weight: 500;--ngs-avatar-total-color: white;--ngs-avatar-total-bg: var(--ngs-color-neutral-700);--ngs-avatar-total-hover-bg: var(--ngs-color-neutral-600);background:var(--ngs-avatar-total-bg);font-size:var(--ngs-avatar-total-font-size);font-weight:var(--ngs-avatar-total-font-weight);color:var(--ngs-avatar-total-color);border-radius:var(--ngs-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--ngs-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--ngs-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--ngs-avatar-size)}:host-context(html.dark){--ngs-avatar-group-item-border: .125rem solid var(--ngs-color-neutral-950);--ngs-avatar-presence-indicator-outline: var(--ngs-color-neutral-950) solid 2px}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
146
146
|
}] });
|
|
147
147
|
|
|
148
148
|
// DEPRECATED
|
|
149
149
|
class AvatarTotal {
|
|
150
150
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AvatarTotal, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
151
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: AvatarTotal, isStandalone: true, selector: "ngs-avatar-total,[ngs-avatar-total]", host: { classAttribute: "ngs-avatar-total" }, exportAs: ["ngsAvatarTotal"], ngImport: i0, template: "<ng-content />\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg:
|
|
151
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: AvatarTotal, isStandalone: true, selector: "ngs-avatar-total,[ngs-avatar-total]", host: { classAttribute: "ngs-avatar-total" }, exportAs: ["ngsAvatarTotal"], ngImport: i0, template: "<ng-content />\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg: var(--ngs-color-success);--ngs-avatar-color: white;--ngs-avatar-inner-border: inset 0 0 2px var(--ngs-color-border);--ngs-avatar-total-font-size: var(--ngs-font-size-xs);--ngs-avatar-total-font-weight: 500;--ngs-avatar-total-color: white;--ngs-avatar-total-bg: var(--ngs-color-neutral-700);--ngs-avatar-total-hover-bg: var(--ngs-color-neutral-600);background:var(--ngs-avatar-total-bg);font-size:var(--ngs-avatar-total-font-size);font-weight:var(--ngs-avatar-total-font-weight);color:var(--ngs-avatar-total-color);border-radius:var(--ngs-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--ngs-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--ngs-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--ngs-avatar-size)}:host-context(html.dark){--ngs-avatar-group-item-border: .125rem solid var(--ngs-color-neutral-950);--ngs-avatar-presence-indicator-outline: var(--ngs-color-neutral-950) solid 2px}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
152
152
|
}
|
|
153
153
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AvatarTotal, decorators: [{
|
|
154
154
|
type: Component,
|
|
155
155
|
args: [{ selector: 'ngs-avatar-total,[ngs-avatar-total]', exportAs: 'ngsAvatarTotal', standalone: true, host: {
|
|
156
156
|
'class': 'ngs-avatar-total'
|
|
157
|
-
}, template: "<ng-content />\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg:
|
|
157
|
+
}, template: "<ng-content />\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg: var(--ngs-color-success);--ngs-avatar-color: white;--ngs-avatar-inner-border: inset 0 0 2px var(--ngs-color-border);--ngs-avatar-total-font-size: var(--ngs-font-size-xs);--ngs-avatar-total-font-weight: 500;--ngs-avatar-total-color: white;--ngs-avatar-total-bg: var(--ngs-color-neutral-700);--ngs-avatar-total-hover-bg: var(--ngs-color-neutral-600);background:var(--ngs-avatar-total-bg);font-size:var(--ngs-avatar-total-font-size);font-weight:var(--ngs-avatar-total-font-weight);color:var(--ngs-avatar-total-color);border-radius:var(--ngs-avatar-border-radius);flex:none;display:flex;align-items:center;justify-content:center}:host:hover{background:var(--ngs-avatar-total-hover-bg)}:host:not([class*=w-]):not([class*=size-]){width:var(--ngs-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--ngs-avatar-size)}:host-context(html.dark){--ngs-avatar-group-item-border: .125rem solid var(--ngs-color-neutral-950);--ngs-avatar-presence-indicator-outline: var(--ngs-color-neutral-950) solid 2px}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
158
158
|
}] });
|
|
159
159
|
|
|
160
160
|
const alreadyLoadedImages = [];
|
|
@@ -208,7 +208,7 @@ class Dicebear {
|
|
|
208
208
|
useExisting: forwardRef(() => Dicebear),
|
|
209
209
|
multi: true
|
|
210
210
|
}
|
|
211
|
-
], exportAs: ["ngsDicebear"], ngImport: i0, template: "@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\n [alt]=\"alt() || ''\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (!image() && svg) {\n <div class=\"svg\" [innerHTML]=\"svg | safeHtml\"></div>\n}\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg: var(--color-surface-container-high);--ngs-avatar-color: var(--color-on-surface);--ngs-avatar-presence-indicator-size: 20%;--ngs-avatar-presence-indicator-position-top: 5%;--ngs-avatar-presence-indicator-position-end: 5%;--ngs-avatar-presence-indicator-online-bg: var(--color-
|
|
211
|
+
], exportAs: ["ngsDicebear"], ngImport: i0, template: "@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\n [alt]=\"alt() || ''\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (!image() && svg) {\n <div class=\"svg\" [innerHTML]=\"svg | safeHtml\"></div>\n}\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg: var(--ngs-color-surface-container-high);--ngs-avatar-color: var(--ngs-color-on-surface);--ngs-avatar-presence-indicator-size: 20%;--ngs-avatar-presence-indicator-position-top: 5%;--ngs-avatar-presence-indicator-position-end: 5%;--ngs-avatar-presence-indicator-online-bg: var(--ngs-color-success);--ngs-avatar-presence-indicator-offline-bg: var(--ngs-color-on-surface-variant);--ngs-avatar-presence-indicator-away-bg: var(--ngs-color-warning);--ngs-avatar-presence-indicator-outline: var(--ngs-color-surface) solid 2px;--ngs-avatar-inner-border: inset 0 0 2px var(--ngs-color-outline-variant);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--ngs-avatar-font-weight)}:host:not([class*=shadow-]){box-shadow:var(--ngs-avatar-inner-border)}:host .svg{overflow:hidden;border-radius:inherit;position:absolute;inset:0;z-index:0}:host:not([class*=rounded]),:host:not([class*=rounded]) .svg{border-radius:var(--ngs-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--ngs-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--ngs-avatar-size)}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--ngs-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--ngs-avatar-presence-indicator-size);height:var(--ngs-avatar-presence-indicator-size);top:var(--ngs-avatar-presence-indicator-position-top);inset-inline-end:var(--ngs-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--ngs-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--ngs-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--ngs-avatar-presence-indicator-away-bg)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] });
|
|
212
212
|
}
|
|
213
213
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Dicebear, decorators: [{
|
|
214
214
|
type: Component,
|
|
@@ -224,7 +224,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
224
224
|
'class': 'ngs-avatar ngs-dicebear',
|
|
225
225
|
'[class.is-clickable]': 'clickable()',
|
|
226
226
|
'[class.has-loaded-image]': 'image() && imageLoaded',
|
|
227
|
-
}, template: "@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\n [alt]=\"alt() || ''\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (!image() && svg) {\n <div class=\"svg\" [innerHTML]=\"svg | safeHtml\"></div>\n}\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg: var(--color-surface-container-high);--ngs-avatar-color: var(--color-on-surface);--ngs-avatar-presence-indicator-size: 20%;--ngs-avatar-presence-indicator-position-top: 5%;--ngs-avatar-presence-indicator-position-end: 5%;--ngs-avatar-presence-indicator-online-bg: var(--color-
|
|
227
|
+
}, template: "@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\n [alt]=\"alt() || ''\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (!image() && svg) {\n <div class=\"svg\" [innerHTML]=\"svg | safeHtml\"></div>\n}\n", styles: [":host{--ngs-avatar-font-weight: 500;--ngs-avatar-size: calc(var(--spacing, .25rem) * 10);--ngs-avatar-border-radius: calc(infinity * 1px);--ngs-avatar-bg: var(--ngs-color-surface-container-high);--ngs-avatar-color: var(--ngs-color-on-surface);--ngs-avatar-presence-indicator-size: 20%;--ngs-avatar-presence-indicator-position-top: 5%;--ngs-avatar-presence-indicator-position-end: 5%;--ngs-avatar-presence-indicator-online-bg: var(--ngs-color-success);--ngs-avatar-presence-indicator-offline-bg: var(--ngs-color-on-surface-variant);--ngs-avatar-presence-indicator-away-bg: var(--ngs-color-warning);--ngs-avatar-presence-indicator-outline: var(--ngs-color-surface) solid 2px;--ngs-avatar-inner-border: inset 0 0 2px var(--ngs-color-outline-variant);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:none;text-transform:uppercase;position:relative;font-weight:var(--ngs-avatar-font-weight)}:host:not([class*=shadow-]){box-shadow:var(--ngs-avatar-inner-border)}:host .svg{overflow:hidden;border-radius:inherit;position:absolute;inset:0;z-index:0}:host:not([class*=rounded]),:host:not([class*=rounded]) .svg{border-radius:var(--ngs-avatar-border-radius)}:host:not([class*=w-]):not([class*=size-]){width:var(--ngs-avatar-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--ngs-avatar-size)}:host.is-clickable{cursor:pointer}:host.is-hidden{display:none}:host.is-clickable:active{scale:.97}:host .image{display:inline;object-fit:cover;position:absolute;width:100%;height:100%;border-radius:inherit;z-index:1}:host .presence-indicator{position:absolute;z-index:1;outline:var(--ngs-avatar-presence-indicator-outline);border-radius:6.1875rem;width:var(--ngs-avatar-presence-indicator-size);height:var(--ngs-avatar-presence-indicator-size);top:var(--ngs-avatar-presence-indicator-position-top);inset-inline-end:var(--ngs-avatar-presence-indicator-position-end)}:host .presence-indicator.is-online{background:var(--ngs-avatar-presence-indicator-online-bg)}:host .presence-indicator.is-offline{background:var(--ngs-avatar-presence-indicator-offline-bg)}:host .presence-indicator.is-away{background:var(--ngs-avatar-presence-indicator-away-bg)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
228
228
|
}], propDecorators: { image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], preset: [{ type: i0.Input, args: [{ isSignal: true, alias: "preset", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], presenceIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "presenceIndicator", required: false }] }] } });
|
|
229
229
|
|
|
230
230
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngstarter-ui-components-avatar.mjs","sources":["../../../projects/components/avatar/src/types.ts","../../../projects/components/avatar/src/avatar/avatar.ts","../../../projects/components/avatar/src/avatar/avatar.html","../../../projects/components/avatar/src/avatar-group/avatar-group.ts","../../../projects/components/avatar/src/avatar-group/avatar-group.html","../../../projects/components/avatar/src/avatar-more/avatar-more.ts","../../../projects/components/avatar/src/avatar-more/avatar-more.html","../../../projects/components/avatar/src/avatar-total/avatar-total.ts","../../../projects/components/avatar/src/avatar-total/avatar-total.html","../../../projects/components/avatar/src/dicebear/dicebear.ts","../../../projects/components/avatar/src/dicebear/dicebear.html","../../../projects/components/avatar/ngstarter-ui-components-avatar.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const AVATAR_ACCESSOR = new InjectionToken('AVATAR_ACCESSOR');\nexport type AvatarPresenceIndicator = 'online' | 'offline' | 'away' | null | string;\nexport type AvatarVariant = 'solid' | 'tonal' | 'outlined' | 'plain' | string;\n","import {\n AfterViewInit,\n booleanAttribute,\n Component,\n ElementRef,\n forwardRef,\n inject,\n input,\n OnChanges,\n OnInit,\n SimpleChanges\n} from '@angular/core';\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator, AvatarVariant } from '../types';\n\nconst alreadyLoadedImages: string[] = [];\n\n@Component({\n selector: 'ngs-avatar,[ngs-avatar]',\n exportAs: 'ngsAvatar',\n standalone: true,\n templateUrl: './avatar.html',\n styleUrl: './avatar.scss',\n providers: [\n {\n provide: AVATAR_ACCESSOR,\n useExisting: forwardRef(() => Avatar),\n multi: true\n }\n ],\n host: {\n 'class': 'ngs-avatar',\n '[class.is-clickable]': 'clickable()',\n '[class.has-automatic-color]': '!!automaticColor()',\n '[class.has-loaded-image]': 'image() && imageLoaded',\n '[class.is-solid]': 'variant() === \"solid\"',\n '[class.is-tonal]': 'variant() === \"tonal\"',\n '[class.is-outlined]': 'variant() === \"outlined\"',\n '[class.is-plain]': 'variant() === \"plain\"',\n }\n})\nexport class Avatar implements OnInit, OnChanges, AfterViewInit {\n private _elementRef = inject(ElementRef);\n\n image = input<string>('');\n variant = input<AvatarVariant>('');\n clickable = input(false, {\n transform: booleanAttribute\n });\n label = input('');\n alt = input('');\n automaticColor = input();\n presenceIndicator = input<AvatarPresenceIndicator>(null);\n\n protected imageLoaded: boolean;\n protected showLabel = false;\n\n ngOnInit() {\n if (!this.image()) {\n return;\n }\n\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\n }\n\n ngAfterViewInit() {\n setTimeout(() => {\n this.showLabel = true;\n }, 0);\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['automaticColor'] && changes['automaticColor'].currentValue) {\n this._setAutomaticColor(changes['automaticColor'].currentValue);\n }\n }\n\n onImageLoaded(): void {\n if (this.imageLoaded) {\n return;\n }\n\n alreadyLoadedImages.push(<string>this.image());\n this.imageLoaded = true;\n }\n\n private _setAutomaticColor(color: any): void {\n if (!this.isValidHex(color)) {\n throw new Error(`Invalid ${color} color, automatic color supports only a valid hex color`);\n }\n\n const element = this._elementRef.nativeElement as HTMLElement;\n element.style.setProperty('--ngs-avatar-bg', color);\n element.style.setProperty('--ngs-avatar-border-color-auto', this._newShade(color, -25));\n element.style.setProperty('--ngs-avatar-color', this._newShade(color, -150));\n }\n\n private _newShade(hexColor: string, magnitude: number): string {\n hexColor = hexColor.replace(`#`, ``);\n if (hexColor.length === 6) {\n const decimalColor = parseInt(hexColor, 16);\n let r = (decimalColor >> 16) + magnitude;\n r > 255 && (r = 255);\n r < 0 && (r = 0);\n let g = (decimalColor & 0x0000ff) + magnitude;\n g > 255 && (g = 255);\n g < 0 && (g = 0);\n let b = ((decimalColor >> 8) & 0x00ff) + magnitude;\n b > 255 && (b = 255);\n b < 0 && (b = 0);\n return `#${(g | (b << 8) | (r << 16)).toString(16)}`;\n } else {\n return hexColor;\n }\n };\n\n isValidHex(color: any): boolean {\n if(!color || typeof color !== 'string') {\n return false;\n }\n\n // Validate hex values\n if(color.substring(0, 1) === '#') {\n color = color.substring(1);\n }\n\n switch(color.length) {\n case 3: {\n return /^[0-9A-F]{3}$/i.test(color);\n }\n case 6: {\n return /^[0-9A-F]{6}$/i.test(color);\n }\n case 8: {\n return /^[0-9A-F]{8}$/i.test(color);\n }\n default: {\n return false;\n }\n }\n }\n}\n","@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (label() && showLabel) {\n <svg viewBox=\"0 0 50 50\" class=\"text\">\n <text\n x=\"50%\"\n y=\"50%\"\n alignment-baseline=\"central\"\n text-anchor=\"middle\"\n font-weight=\"inherit\"\n font-size=\"20\"\n fill=\"currentColor\">{{ label() }}</text>\n </svg>\n}\n\n<ng-content select=\"mat-icon,ngs-icon\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-avatar-group',\n exportAs: 'ngsAvatarGroup',\n standalone: true,\n templateUrl: './avatar-group.html',\n styleUrl: './avatar-group.scss',\n host: {\n 'class': 'ngs-avatar-group'\n }\n})\nexport class AvatarGroup {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-avatar-more,[ngs-avatar-more]',\n exportAs: 'ngsAvatarMore',\n imports: [],\n templateUrl: './avatar-more.html',\n styleUrl: './avatar-more.scss',\n host: {\n 'class': 'ngs-avatar-more'\n }\n})\nexport class AvatarMore {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n// DEPRECATED\n@Component({\n selector: 'ngs-avatar-total,[ngs-avatar-total]',\n exportAs: 'ngsAvatarTotal',\n standalone: true,\n templateUrl: './avatar-total.html',\n styleUrl: './avatar-total.scss',\n host: {\n 'class': 'ngs-avatar-total'\n }\n})\nexport class AvatarTotal {\n}\n","<ng-content />\n","import {\n booleanAttribute,\n Component,\n forwardRef,\n input, OnInit\n} from '@angular/core';\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator } from '../types';\nimport { createAvatar } from '@dicebear/core';\nimport { identicon, initials } from '@dicebear/collection';\nimport { v7 as uuid } from 'uuid';\nimport { SafeHtmlPipe } from '@ngstarter-ui/components/core';\n\nexport interface Preset {\n style: any,\n options?: {\n scale?: number;\n backgroundColor?: string[];\n fontWeight?: number;\n }\n}\n\nconst alreadyLoadedImages: string[] = [];\nconst presets: {[prop: string]: Preset} = {\n 'identicon': {\n style: identicon,\n options: {\n scale: 55,\n backgroundColor: ['cbebf7', 'ebe1fc', 'd1f9db', 'f7e4e7', 'fce8d4', 'dcfcf9']\n }\n },\n 'initials': {\n style: initials,\n options: {\n scale: 75,\n fontWeight: 500\n }\n }\n};\n\n@Component({\n selector: 'ngs-dicebear,[ngs-dicebear]',\n exportAs: 'ngsDicebear',\n templateUrl: './dicebear.html',\n styleUrl: './dicebear.scss',\n providers: [\n {\n provide: AVATAR_ACCESSOR,\n useExisting: forwardRef(() => Dicebear),\n multi: true\n }\n ],\n imports: [\n SafeHtmlPipe,\n ],\n host: {\n 'class': 'ngs-avatar ngs-dicebear',\n '[class.is-clickable]': 'clickable()',\n '[class.has-loaded-image]': 'image() && imageLoaded',\n }\n})\nexport class Dicebear implements OnInit {\n image = input<string>('');\n clickable = input(false, {\n transform: booleanAttribute\n });\n key = input<any>();\n preset = input<string>('identicon');\n alt = input<string>();\n presenceIndicator = input<AvatarPresenceIndicator>(null);\n\n protected imageLoaded: boolean;\n protected svg = '';\n\n ngOnInit() {\n if (this.image()) {\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\n }\n\n const preset = presets[this.preset()];\n const avatar = createAvatar(preset.style, {\n seed: this.key() || '',\n ...preset.options\n });\n this.svg = avatar.toString().replace('viewboxMask', uuid());\n }\n\n onImageLoaded(): void {\n if (this.imageLoaded) {\n return;\n }\n\n alreadyLoadedImages.push(<string>this.image());\n this.imageLoaded = true;\n }\n}\n","@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\n [alt]=\"alt() || ''\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (!image() && svg) {\n <div class=\"svg\" [innerHTML]=\"svg | safeHtml\"></div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["alreadyLoadedImages","uuid"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ngstarter-ui-components-avatar.mjs","sources":["../../../projects/components/avatar/src/types.ts","../../../projects/components/avatar/src/avatar/avatar.ts","../../../projects/components/avatar/src/avatar/avatar.html","../../../projects/components/avatar/src/avatar-group/avatar-group.ts","../../../projects/components/avatar/src/avatar-group/avatar-group.html","../../../projects/components/avatar/src/avatar-more/avatar-more.ts","../../../projects/components/avatar/src/avatar-more/avatar-more.html","../../../projects/components/avatar/src/avatar-total/avatar-total.ts","../../../projects/components/avatar/src/avatar-total/avatar-total.html","../../../projects/components/avatar/src/dicebear/dicebear.ts","../../../projects/components/avatar/src/dicebear/dicebear.html","../../../projects/components/avatar/ngstarter-ui-components-avatar.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const AVATAR_ACCESSOR = new InjectionToken('AVATAR_ACCESSOR');\nexport type AvatarPresenceIndicator = 'online' | 'offline' | 'away' | null | string;\nexport type AvatarVariant = 'solid' | 'tonal' | 'outlined' | 'plain' | string;\n","import {\n AfterViewInit,\n booleanAttribute,\n Component,\n ElementRef,\n forwardRef,\n inject,\n input,\n OnChanges,\n OnInit,\n SimpleChanges\n} from '@angular/core';\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator, AvatarVariant } from '../types';\n\nconst alreadyLoadedImages: string[] = [];\n\n@Component({\n selector: 'ngs-avatar,[ngs-avatar]',\n exportAs: 'ngsAvatar',\n standalone: true,\n templateUrl: './avatar.html',\n styleUrl: './avatar.scss',\n providers: [\n {\n provide: AVATAR_ACCESSOR,\n useExisting: forwardRef(() => Avatar),\n multi: true\n }\n ],\n host: {\n 'class': 'ngs-avatar',\n '[class.is-clickable]': 'clickable()',\n '[class.has-automatic-color]': '!!automaticColor()',\n '[class.has-loaded-image]': 'image() && imageLoaded',\n '[class.is-solid]': 'variant() === \"solid\"',\n '[class.is-tonal]': 'variant() === \"tonal\"',\n '[class.is-outlined]': 'variant() === \"outlined\"',\n '[class.is-plain]': 'variant() === \"plain\"',\n }\n})\nexport class Avatar implements OnInit, OnChanges, AfterViewInit {\n private _elementRef = inject(ElementRef);\n\n image = input<string>('');\n variant = input<AvatarVariant>('');\n clickable = input(false, {\n transform: booleanAttribute\n });\n label = input('');\n alt = input('');\n automaticColor = input();\n presenceIndicator = input<AvatarPresenceIndicator>(null);\n\n protected imageLoaded: boolean;\n protected showLabel = false;\n\n ngOnInit() {\n if (!this.image()) {\n return;\n }\n\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\n }\n\n ngAfterViewInit() {\n setTimeout(() => {\n this.showLabel = true;\n }, 0);\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['automaticColor'] && changes['automaticColor'].currentValue) {\n this._setAutomaticColor(changes['automaticColor'].currentValue);\n }\n }\n\n onImageLoaded(): void {\n if (this.imageLoaded) {\n return;\n }\n\n alreadyLoadedImages.push(<string>this.image());\n this.imageLoaded = true;\n }\n\n private _setAutomaticColor(color: any): void {\n if (!this.isValidHex(color)) {\n throw new Error(`Invalid ${color} color, automatic color supports only a valid hex color`);\n }\n\n const element = this._elementRef.nativeElement as HTMLElement;\n element.style.setProperty('--ngs-avatar-bg', color);\n element.style.setProperty('--ngs-avatar-border-color-auto', this._newShade(color, -25));\n element.style.setProperty('--ngs-avatar-color', this._newShade(color, -150));\n }\n\n private _newShade(hexColor: string, magnitude: number): string {\n hexColor = hexColor.replace(`#`, ``);\n if (hexColor.length === 6) {\n const decimalColor = parseInt(hexColor, 16);\n let r = (decimalColor >> 16) + magnitude;\n r > 255 && (r = 255);\n r < 0 && (r = 0);\n let g = (decimalColor & 0x0000ff) + magnitude;\n g > 255 && (g = 255);\n g < 0 && (g = 0);\n let b = ((decimalColor >> 8) & 0x00ff) + magnitude;\n b > 255 && (b = 255);\n b < 0 && (b = 0);\n return `#${(g | (b << 8) | (r << 16)).toString(16)}`;\n } else {\n return hexColor;\n }\n };\n\n isValidHex(color: any): boolean {\n if(!color || typeof color !== 'string') {\n return false;\n }\n\n // Validate hex values\n if(color.substring(0, 1) === '#') {\n color = color.substring(1);\n }\n\n switch(color.length) {\n case 3: {\n return /^[0-9A-F]{3}$/i.test(color);\n }\n case 6: {\n return /^[0-9A-F]{6}$/i.test(color);\n }\n case 8: {\n return /^[0-9A-F]{8}$/i.test(color);\n }\n default: {\n return false;\n }\n }\n }\n}\n","@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (label() && showLabel) {\n <svg viewBox=\"0 0 50 50\" class=\"text\">\n <text\n x=\"50%\"\n y=\"50%\"\n alignment-baseline=\"central\"\n text-anchor=\"middle\"\n font-weight=\"inherit\"\n font-size=\"20\"\n fill=\"currentColor\">{{ label() }}</text>\n </svg>\n}\n\n<ng-content select=\"mat-icon,ngs-icon\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-avatar-group',\n exportAs: 'ngsAvatarGroup',\n standalone: true,\n templateUrl: './avatar-group.html',\n styleUrl: './avatar-group.scss',\n host: {\n 'class': 'ngs-avatar-group'\n }\n})\nexport class AvatarGroup {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-avatar-more,[ngs-avatar-more]',\n exportAs: 'ngsAvatarMore',\n imports: [],\n templateUrl: './avatar-more.html',\n styleUrl: './avatar-more.scss',\n host: {\n 'class': 'ngs-avatar-more'\n }\n})\nexport class AvatarMore {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n// DEPRECATED\n@Component({\n selector: 'ngs-avatar-total,[ngs-avatar-total]',\n exportAs: 'ngsAvatarTotal',\n standalone: true,\n templateUrl: './avatar-total.html',\n styleUrl: './avatar-total.scss',\n host: {\n 'class': 'ngs-avatar-total'\n }\n})\nexport class AvatarTotal {\n}\n","<ng-content />\n","import {\n booleanAttribute,\n Component,\n forwardRef,\n input, OnInit\n} from '@angular/core';\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator } from '../types';\nimport { createAvatar } from '@dicebear/core';\nimport { identicon, initials } from '@dicebear/collection';\nimport { v7 as uuid } from 'uuid';\nimport { SafeHtmlPipe } from '@ngstarter-ui/components/core';\n\nexport interface Preset {\n style: any,\n options?: {\n scale?: number;\n backgroundColor?: string[];\n fontWeight?: number;\n }\n}\n\nconst alreadyLoadedImages: string[] = [];\nconst presets: {[prop: string]: Preset} = {\n 'identicon': {\n style: identicon,\n options: {\n scale: 55,\n backgroundColor: ['cbebf7', 'ebe1fc', 'd1f9db', 'f7e4e7', 'fce8d4', 'dcfcf9']\n }\n },\n 'initials': {\n style: initials,\n options: {\n scale: 75,\n fontWeight: 500\n }\n }\n};\n\n@Component({\n selector: 'ngs-dicebear,[ngs-dicebear]',\n exportAs: 'ngsDicebear',\n templateUrl: './dicebear.html',\n styleUrl: './dicebear.scss',\n providers: [\n {\n provide: AVATAR_ACCESSOR,\n useExisting: forwardRef(() => Dicebear),\n multi: true\n }\n ],\n imports: [\n SafeHtmlPipe,\n ],\n host: {\n 'class': 'ngs-avatar ngs-dicebear',\n '[class.is-clickable]': 'clickable()',\n '[class.has-loaded-image]': 'image() && imageLoaded',\n }\n})\nexport class Dicebear implements OnInit {\n image = input<string>('');\n clickable = input(false, {\n transform: booleanAttribute\n });\n key = input<any>();\n preset = input<string>('identicon');\n alt = input<string>();\n presenceIndicator = input<AvatarPresenceIndicator>(null);\n\n protected imageLoaded: boolean;\n protected svg = '';\n\n ngOnInit() {\n if (this.image()) {\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\n }\n\n const preset = presets[this.preset()];\n const avatar = createAvatar(preset.style, {\n seed: this.key() || '',\n ...preset.options\n });\n this.svg = avatar.toString().replace('viewboxMask', uuid());\n }\n\n onImageLoaded(): void {\n if (this.imageLoaded) {\n return;\n }\n\n alreadyLoadedImages.push(<string>this.image());\n this.imageLoaded = true;\n }\n}\n","@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\n [alt]=\"alt() || ''\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (!image() && svg) {\n <div class=\"svg\" [innerHTML]=\"svg | safeHtml\"></div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["alreadyLoadedImages","uuid"],"mappings":"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"}
|
|
@@ -4,11 +4,11 @@ import { Component, inject, ElementRef, ApplicationRef, EnvironmentInjector, Inj
|
|
|
4
4
|
class BadgeContent {
|
|
5
5
|
content;
|
|
6
6
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BadgeContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: BadgeContent, isStandalone: true, selector: "ngs-badge-content", ngImport: i0, template: `{{ content }}`, isInline: true, styles: [":host.ngs-primary{--ngs-badge-background: var(--color-primary);--ngs-badge-text-color: var(--color-on-primary)}:host.ngs-accent{--ngs-badge-background: var(--color-secondary);--ngs-badge-text-color: var(--color-on-secondary)}:host.ngs-warn{--ngs-badge-background: var(--color-
|
|
7
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: BadgeContent, isStandalone: true, selector: "ngs-badge-content", ngImport: i0, template: `{{ content }}`, isInline: true, styles: [":host.ngs-primary{--ngs-badge-background: var(--ngs-color-primary);--ngs-badge-text-color: var(--ngs-color-on-primary)}:host.ngs-accent{--ngs-badge-background: var(--ngs-color-secondary);--ngs-badge-text-color: var(--ngs-color-on-secondary)}:host.ngs-warn{--ngs-badge-background: var(--ngs-color-danger);--ngs-badge-text-color: var(--ngs-color-on-danger)}:host{position:absolute;display:flex;justify-content:center;align-content:center;align-items:center;border-radius:16px;font-family:var(--font-sans),serif;font-size:var(--ngs-badge-font-size, 10px);font-weight:600!important;white-space:nowrap;padding:0 4px;text-overflow:ellipsis;background:var(--ngs-badge-background-color, var(--ngs-color-primary));color:var(--ngs-badge-text-color, var(--ngs-color-on-primary));--_ngs-badge-current-size: var(--ngs-badge-size, 16px);min-width:var(--_ngs-badge-current-size);height:var(--_ngs-badge-current-size);line-height:var(--_ngs-badge-current-size);transition:transform .2s ease-in-out;pointer-events:none;z-index:1}:host-context(.ngs-badge-small) :host{--_ngs-badge-current-size: var(--ngs-badge-small-size, 6px);min-width:var(--_ngs-badge-current-size);height:var(--_ngs-badge-current-size);line-height:var(--_ngs-badge-current-size);font-size:0;color:transparent;padding:0}:host-context(.ngs-badge-small) :host:after{content:none}:host-context(.ngs-badge-small) :host *{display:none}:host-context(.ngs-badge-large) :host{--_ngs-badge-current-size: var(--ngs-badge-large-size, 18px);min-width:var(--_ngs-badge-current-size);height:var(--_ngs-badge-current-size);line-height:var(--_ngs-badge-current-size);font-size:12px}:host-context(.ngs-badge-hidden) :host{display:none}:host-context(.ngs-badge-disabled) :host{background:var(--ngs-color-surface-container-high);color:var(--ngs-color-on-surface-variant)}:host-context(.ngs-badge-above) :host{top:6px}:host-context(.ngs-badge-below) :host{bottom:6px}:host-context(.ngs-badge-before) :host{left:2px}:host-context(.ngs-badge-after) :host{right:2px}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-above{top:0}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-below{bottom:0}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-before{left:0}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-after{right:0}:host-context(.ngs-badge-overlap.ngs-badge-above:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(-50%)}:host-context(.ngs-badge-overlap.ngs-badge-below:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(50%)}:host-context(.ngs-badge-overlap.ngs-badge-before:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(-50%)}:host-context(.ngs-badge-overlap.ngs-badge-after:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(50%)}:host-context(.ngs-badge-overlap.ngs-badge-above.ngs-badge-before) :host{transform:translate(-50%,-50%)}:host-context(.ngs-badge-overlap.ngs-badge-above.ngs-badge-after) :host{transform:translate(50%,-50%)}:host-context(.ngs-badge-overlap.ngs-badge-below.ngs-badge-before) :host{transform:translate(-50%,50%)}:host-context(.ngs-badge-overlap.ngs-badge-below.ngs-badge-after) :host{transform:translate(50%,50%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-above:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-below:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-before:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-after:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-above.ngs-badge-before) :host{transform:translate(-100%,-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-above.ngs-badge-after) :host{transform:translate(100%,-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-below.ngs-badge-before) :host{transform:translate(-100%,100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-below.ngs-badge-after) :host{transform:translate(100%,100%)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BadgeContent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'ngs-badge-content', standalone: true, template: `{{ content }}`, styles: [":host.ngs-primary{--ngs-badge-background: var(--color-primary);--ngs-badge-text-color: var(--color-on-primary)}:host.ngs-accent{--ngs-badge-background: var(--color-secondary);--ngs-badge-text-color: var(--color-on-secondary)}:host.ngs-warn{--ngs-badge-background: var(--color-
|
|
11
|
+
args: [{ selector: 'ngs-badge-content', standalone: true, template: `{{ content }}`, styles: [":host.ngs-primary{--ngs-badge-background: var(--ngs-color-primary);--ngs-badge-text-color: var(--ngs-color-on-primary)}:host.ngs-accent{--ngs-badge-background: var(--ngs-color-secondary);--ngs-badge-text-color: var(--ngs-color-on-secondary)}:host.ngs-warn{--ngs-badge-background: var(--ngs-color-danger);--ngs-badge-text-color: var(--ngs-color-on-danger)}:host{position:absolute;display:flex;justify-content:center;align-content:center;align-items:center;border-radius:16px;font-family:var(--font-sans),serif;font-size:var(--ngs-badge-font-size, 10px);font-weight:600!important;white-space:nowrap;padding:0 4px;text-overflow:ellipsis;background:var(--ngs-badge-background-color, var(--ngs-color-primary));color:var(--ngs-badge-text-color, var(--ngs-color-on-primary));--_ngs-badge-current-size: var(--ngs-badge-size, 16px);min-width:var(--_ngs-badge-current-size);height:var(--_ngs-badge-current-size);line-height:var(--_ngs-badge-current-size);transition:transform .2s ease-in-out;pointer-events:none;z-index:1}:host-context(.ngs-badge-small) :host{--_ngs-badge-current-size: var(--ngs-badge-small-size, 6px);min-width:var(--_ngs-badge-current-size);height:var(--_ngs-badge-current-size);line-height:var(--_ngs-badge-current-size);font-size:0;color:transparent;padding:0}:host-context(.ngs-badge-small) :host:after{content:none}:host-context(.ngs-badge-small) :host *{display:none}:host-context(.ngs-badge-large) :host{--_ngs-badge-current-size: var(--ngs-badge-large-size, 18px);min-width:var(--_ngs-badge-current-size);height:var(--_ngs-badge-current-size);line-height:var(--_ngs-badge-current-size);font-size:12px}:host-context(.ngs-badge-hidden) :host{display:none}:host-context(.ngs-badge-disabled) :host{background:var(--ngs-color-surface-container-high);color:var(--ngs-color-on-surface-variant)}:host-context(.ngs-badge-above) :host{top:6px}:host-context(.ngs-badge-below) :host{bottom:6px}:host-context(.ngs-badge-before) :host{left:2px}:host-context(.ngs-badge-after) :host{right:2px}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-above{top:0}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-below{bottom:0}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-before{left:0}:host-context(.ngs-badge:not(.ngs-badge-overlap)) :host.ngs-badge-after{right:0}:host-context(.ngs-badge-overlap.ngs-badge-above:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(-50%)}:host-context(.ngs-badge-overlap.ngs-badge-below:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(50%)}:host-context(.ngs-badge-overlap.ngs-badge-before:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(-50%)}:host-context(.ngs-badge-overlap.ngs-badge-after:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(50%)}:host-context(.ngs-badge-overlap.ngs-badge-above.ngs-badge-before) :host{transform:translate(-50%,-50%)}:host-context(.ngs-badge-overlap.ngs-badge-above.ngs-badge-after) :host{transform:translate(50%,-50%)}:host-context(.ngs-badge-overlap.ngs-badge-below.ngs-badge-before) :host{transform:translate(-50%,50%)}:host-context(.ngs-badge-overlap.ngs-badge-below.ngs-badge-after) :host{transform:translate(50%,50%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-above:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-below:not(.ngs-badge-before):not(.ngs-badge-after)) :host{transform:translateY(100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-before:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-after:not(.ngs-badge-above):not(.ngs-badge-below)) :host{transform:translate(100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-above.ngs-badge-before) :host{transform:translate(-100%,-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-above.ngs-badge-after) :host{transform:translate(100%,-100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-below.ngs-badge-before) :host{transform:translate(-100%,100%)}:host-context(.ngs-badge:not(.ngs-badge-overlap).ngs-badge-below.ngs-badge-after) :host{transform:translate(100%,100%)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
12
12
|
}] });
|
|
13
13
|
|
|
14
14
|
class Badge {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngstarter-ui-components-badge.mjs","sources":["../../../projects/components/badge/src/badge/badge-content.ts","../../../projects/components/badge/src/badge/badge.ts","../../../projects/components/badge/ngstarter-ui-components-badge.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-badge-content',\n standalone: true,\n template: `{{ content }}`,\n styleUrl: './badge.scss',\n})\nexport class BadgeContent {\n content: any;\n}\n","import {\n ApplicationRef,\n booleanAttribute,\n ComponentRef,\n computed,\n createComponent,\n Directive,\n ElementRef,\n EnvironmentInjector,\n inject,\n Injector,\n input,\n OnChanges,\n OnDestroy,\n OnInit,\n Renderer2,\n} from '@angular/core';\nimport { BadgeContent } from './badge-content';\nexport { BadgeContent };\n\nexport type BadgePosition =\n | 'above after'\n | 'above before'\n | 'below after'\n | 'below before'\n | 'before'\n | 'after'\n | 'above'\n | 'below';\n\nexport type BadgeSize = 'small' | 'medium' | 'large';\n\n@Directive({\n selector: '[ngsBadge]',\n standalone: true,\n host: {\n 'class': 'ngs-badge',\n '[class.ngs-badge-small]': 'size() === \"small\"',\n '[class.ngs-badge-medium]': 'size() === \"medium\"',\n '[class.ngs-badge-large]': 'size() === \"large\"',\n '[class.ngs-badge-hidden]': 'hidden() || !content()',\n '[class.ngs-badge-disabled]': 'disabled()',\n '[class.ngs-primary]': 'color() === \"primary\"',\n '[class.ngs-accent]': 'color() === \"accent\"',\n '[class.ngs-warn]': 'color() === \"warn\"',\n '[class.ngs-badge-above]': 'isAbove()',\n '[class.ngs-badge-below]': '!isAbove()',\n '[class.ngs-badge-before]': '!isAfter()',\n '[class.ngs-badge-after]': 'isAfter()',\n '[class.ngs-badge-overlap]': 'overlap()',\n },\n})\nexport class Badge implements OnInit, OnChanges, OnDestroy {\n private readonly _elementRef = inject(ElementRef);\n private readonly _applicationRef = inject(ApplicationRef);\n private readonly _environmentInjector = inject(EnvironmentInjector);\n private readonly _injector = inject(Injector);\n private readonly renderer = inject(Renderer2);\n\n readonly content = input<any>(null, { alias: 'ngsBadge' });\n readonly color = input<string>('primary', { alias: 'ngsBadgeColor' });\n readonly overlap = input(true, { transform: booleanAttribute, alias: 'ngsBadgeOverlap' });\n readonly disabled = input(false, { transform: booleanAttribute, alias: 'ngsBadgeDisabled' });\n readonly position = input<BadgePosition>('above after', { alias: 'ngsBadgePosition' });\n readonly size = input<BadgeSize>('medium', { alias: 'ngsBadgeSize' });\n readonly hidden = input(false, { transform: booleanAttribute, alias: 'ngsBadgeHidden' });\n readonly description = input<string>('', { alias: 'ngsBadgeDescription' });\n\n readonly isAbove = computed(() => this.position().indexOf('below') === -1);\n readonly isAfter = computed(() => this.position().indexOf('before') === -1);\n\n private _componentRef: ComponentRef<BadgeContent> | null = null;\n\n ngOnInit() {\n this.renderer.setStyle(this._elementRef.nativeElement, 'position', 'relative');\n this.renderer.setStyle(this._elementRef.nativeElement, 'overflow', 'visible');\n }\n\n ngOnChanges() {\n this._updateBadge();\n }\n\n ngOnDestroy() {\n if (this._componentRef) {\n this._applicationRef.detachView(this._componentRef.hostView);\n this._componentRef.destroy();\n this._componentRef = null;\n }\n }\n\n private _updateBadge() {\n if (!this.content() && this._componentRef) {\n this._applicationRef.detachView(this._componentRef.hostView);\n this._componentRef.destroy();\n this._componentRef = null;\n return;\n }\n\n if (this.content() && !this._componentRef) {\n this._componentRef = createComponent(BadgeContent, {\n environmentInjector: this._environmentInjector,\n elementInjector: this._injector\n });\n this._applicationRef.attachView(this._componentRef.hostView);\n this._elementRef.nativeElement.appendChild(this._componentRef.location.nativeElement);\n }\n\n if (this._componentRef) {\n this._componentRef.instance.content = this.content();\n this._componentRef.changeDetectorRef.markForCheck();\n }\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAQa,YAAY,CAAA;AACvB,IAAA,OAAO;uGADI,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,6EAHb,CAAA,aAAA,CAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"ngstarter-ui-components-badge.mjs","sources":["../../../projects/components/badge/src/badge/badge-content.ts","../../../projects/components/badge/src/badge/badge.ts","../../../projects/components/badge/ngstarter-ui-components-badge.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-badge-content',\n standalone: true,\n template: `{{ content }}`,\n styleUrl: './badge.scss',\n})\nexport class BadgeContent {\n content: any;\n}\n","import {\n ApplicationRef,\n booleanAttribute,\n ComponentRef,\n computed,\n createComponent,\n Directive,\n ElementRef,\n EnvironmentInjector,\n inject,\n Injector,\n input,\n OnChanges,\n OnDestroy,\n OnInit,\n Renderer2,\n} from '@angular/core';\nimport { BadgeContent } from './badge-content';\nexport { BadgeContent };\n\nexport type BadgePosition =\n | 'above after'\n | 'above before'\n | 'below after'\n | 'below before'\n | 'before'\n | 'after'\n | 'above'\n | 'below';\n\nexport type BadgeSize = 'small' | 'medium' | 'large';\n\n@Directive({\n selector: '[ngsBadge]',\n standalone: true,\n host: {\n 'class': 'ngs-badge',\n '[class.ngs-badge-small]': 'size() === \"small\"',\n '[class.ngs-badge-medium]': 'size() === \"medium\"',\n '[class.ngs-badge-large]': 'size() === \"large\"',\n '[class.ngs-badge-hidden]': 'hidden() || !content()',\n '[class.ngs-badge-disabled]': 'disabled()',\n '[class.ngs-primary]': 'color() === \"primary\"',\n '[class.ngs-accent]': 'color() === \"accent\"',\n '[class.ngs-warn]': 'color() === \"warn\"',\n '[class.ngs-badge-above]': 'isAbove()',\n '[class.ngs-badge-below]': '!isAbove()',\n '[class.ngs-badge-before]': '!isAfter()',\n '[class.ngs-badge-after]': 'isAfter()',\n '[class.ngs-badge-overlap]': 'overlap()',\n },\n})\nexport class Badge implements OnInit, OnChanges, OnDestroy {\n private readonly _elementRef = inject(ElementRef);\n private readonly _applicationRef = inject(ApplicationRef);\n private readonly _environmentInjector = inject(EnvironmentInjector);\n private readonly _injector = inject(Injector);\n private readonly renderer = inject(Renderer2);\n\n readonly content = input<any>(null, { alias: 'ngsBadge' });\n readonly color = input<string>('primary', { alias: 'ngsBadgeColor' });\n readonly overlap = input(true, { transform: booleanAttribute, alias: 'ngsBadgeOverlap' });\n readonly disabled = input(false, { transform: booleanAttribute, alias: 'ngsBadgeDisabled' });\n readonly position = input<BadgePosition>('above after', { alias: 'ngsBadgePosition' });\n readonly size = input<BadgeSize>('medium', { alias: 'ngsBadgeSize' });\n readonly hidden = input(false, { transform: booleanAttribute, alias: 'ngsBadgeHidden' });\n readonly description = input<string>('', { alias: 'ngsBadgeDescription' });\n\n readonly isAbove = computed(() => this.position().indexOf('below') === -1);\n readonly isAfter = computed(() => this.position().indexOf('before') === -1);\n\n private _componentRef: ComponentRef<BadgeContent> | null = null;\n\n ngOnInit() {\n this.renderer.setStyle(this._elementRef.nativeElement, 'position', 'relative');\n this.renderer.setStyle(this._elementRef.nativeElement, 'overflow', 'visible');\n }\n\n ngOnChanges() {\n this._updateBadge();\n }\n\n ngOnDestroy() {\n if (this._componentRef) {\n this._applicationRef.detachView(this._componentRef.hostView);\n this._componentRef.destroy();\n this._componentRef = null;\n }\n }\n\n private _updateBadge() {\n if (!this.content() && this._componentRef) {\n this._applicationRef.detachView(this._componentRef.hostView);\n this._componentRef.destroy();\n this._componentRef = null;\n return;\n }\n\n if (this.content() && !this._componentRef) {\n this._componentRef = createComponent(BadgeContent, {\n environmentInjector: this._environmentInjector,\n elementInjector: this._injector\n });\n this._applicationRef.attachView(this._componentRef.hostView);\n this._elementRef.nativeElement.appendChild(this._componentRef.location.nativeElement);\n }\n\n if (this._componentRef) {\n this._componentRef.instance.content = this.content();\n this._componentRef.changeDetectorRef.markForCheck();\n }\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ class BlockLoader {
|
|
|
7
7
|
spinnerDiameter = input(48, { ...(ngDevMode ? { debugName: "spinnerDiameter" } : /* istanbul ignore next */ {}), transform: numberAttribute });
|
|
8
8
|
spinnerStrokeWidth = input(4, { ...(ngDevMode ? { debugName: "spinnerStrokeWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
|
|
9
9
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BlockLoader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: BlockLoader, isStandalone: true, selector: "ngs-block-loader", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, spinnerDiameter: { classPropertyName: "spinnerDiameter", publicName: "spinnerDiameter", isSignal: true, isRequired: false, transformFunction: null }, spinnerStrokeWidth: { classPropertyName: "spinnerStrokeWidth", publicName: "spinnerStrokeWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-loading": "loading()" }, classAttribute: "ngs-block-loader" }, exportAs: ["ngsBlockLoader"], ngImport: i0, template: "<ngs-progress-spinner [diameter]=\"spinnerDiameter()\"\n [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n <ng-content/>\n</div>\n", styles: [":host{--ngs-block-loader-bg: rgba(255, 255, 255, .5);position:absolute;inset:0;background:var(--ngs-block-loader-bg);visibility:hidden;z-index:-99;pointer-events:none;display:flex;align-items:center;justify-content:center;border-radius:inherit;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}:host.is-loading{visibility:visible;z-index:99;pointer-events:auto}:host .message:empty{display:none}:host .message{font-size
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: BlockLoader, isStandalone: true, selector: "ngs-block-loader", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, spinnerDiameter: { classPropertyName: "spinnerDiameter", publicName: "spinnerDiameter", isSignal: true, isRequired: false, transformFunction: null }, spinnerStrokeWidth: { classPropertyName: "spinnerStrokeWidth", publicName: "spinnerStrokeWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-loading": "loading()" }, classAttribute: "ngs-block-loader" }, exportAs: ["ngsBlockLoader"], ngImport: i0, template: "<ngs-progress-spinner [diameter]=\"spinnerDiameter()\"\n [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n <ng-content/>\n</div>\n", styles: [":host{--ngs-block-loader-bg: rgba(255, 255, 255, .5);position:absolute;inset:0;background:var(--ngs-block-loader-bg);visibility:hidden;z-index:-99;pointer-events:none;display:flex;align-items:center;justify-content:center;border-radius:inherit;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}:host.is-loading{visibility:visible;z-index:99;pointer-events:auto}:host .message:empty{display:none}:host .message{font-size:var(--ngs-font-size-sm);text-align:center;max-width:800px}:host-context(html.dark){--ngs-block-loader-bg: rgba(0, 0, 0, .7)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: ProgressSpinner, selector: "ngs-progress-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["ngsProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BlockLoader, decorators: [{
|
|
13
13
|
type: Component,
|
|
@@ -16,7 +16,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
16
16
|
], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
17
17
|
'class': 'ngs-block-loader',
|
|
18
18
|
'[class.is-loading]': 'loading()'
|
|
19
|
-
}, template: "<ngs-progress-spinner [diameter]=\"spinnerDiameter()\"\n [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n <ng-content/>\n</div>\n", styles: [":host{--ngs-block-loader-bg: rgba(255, 255, 255, .5);position:absolute;inset:0;background:var(--ngs-block-loader-bg);visibility:hidden;z-index:-99;pointer-events:none;display:flex;align-items:center;justify-content:center;border-radius:inherit;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}:host.is-loading{visibility:visible;z-index:99;pointer-events:auto}:host .message:empty{display:none}:host .message{font-size
|
|
19
|
+
}, template: "<ngs-progress-spinner [diameter]=\"spinnerDiameter()\"\n [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n <ng-content/>\n</div>\n", styles: [":host{--ngs-block-loader-bg: rgba(255, 255, 255, .5);position:absolute;inset:0;background:var(--ngs-block-loader-bg);visibility:hidden;z-index:-99;pointer-events:none;display:flex;align-items:center;justify-content:center;border-radius:inherit;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}:host.is-loading{visibility:visible;z-index:99;pointer-events:auto}:host .message:empty{display:none}:host .message{font-size:var(--ngs-font-size-sm);text-align:center;max-width:800px}:host-context(html.dark){--ngs-block-loader-bg: rgba(0, 0, 0, .7)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
20
20
|
}], propDecorators: { loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], spinnerDiameter: [{ type: i0.Input, args: [{ isSignal: true, alias: "spinnerDiameter", required: false }] }], spinnerStrokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "spinnerStrokeWidth", required: false }] }] } });
|
|
21
21
|
|
|
22
22
|
class BlockLoaderContainerDirective {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngstarter-ui-components-block-loader.mjs","sources":["../../../projects/components/block-loader/src/block-loader/block-loader.ts","../../../projects/components/block-loader/src/block-loader/block-loader.html","../../../projects/components/block-loader/src/block-loader-container.directive.ts","../../../projects/components/block-loader/ngstarter-ui-components-block-loader.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, numberAttribute } from '@angular/core';\nimport { ProgressSpinner } from '@ngstarter-ui/components/spinner';\n\n@Component({\n selector: 'ngs-block-loader',\n exportAs: 'ngsBlockLoader',\n imports: [\n ProgressSpinner\n ],\n templateUrl: './block-loader.html',\n styleUrl: './block-loader.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'ngs-block-loader',\n '[class.is-loading]': 'loading()'\n }\n})\nexport class BlockLoader {\n readonly loading = input(false, {\n transform: booleanAttribute\n });\n readonly spinnerDiameter = input(48, {\n transform: numberAttribute\n });\n readonly spinnerStrokeWidth = input(4, {\n transform: numberAttribute\n });\n}\n","<ngs-progress-spinner [diameter]=\"spinnerDiameter()\"\n [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n <ng-content/>\n</div>\n","import { Directive, ElementRef, inject, OnDestroy, OnInit, Renderer2 } from '@angular/core';\n\n@Directive({\n selector: '[ngsBlockLoaderContainer]'\n})\nexport class BlockLoaderContainerDirective implements OnInit, OnDestroy {\n private elementRef = inject(ElementRef);\n private renderer = inject(Renderer2);\n\n ngOnInit() {\n const element = this.elementRef.nativeElement as HTMLElement;\n this.renderer.setStyle(element, 'position', 'relative');\n }\n\n ngOnDestroy() {\n const element = this.elementRef.nativeElement as HTMLElement;\n this.renderer.removeStyle(element, 'position');\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAiBa,WAAW,CAAA;IACb,OAAO,GAAG,KAAK,CAAC,KAAK,+EAC5B,SAAS,EAAE,gBAAgB,EAAA,CAC3B;IACO,eAAe,GAAG,KAAK,CAAC,EAAE,uFACjC,SAAS,EAAE,eAAe,EAAA,CAC1B;IACO,kBAAkB,GAAG,KAAK,CAAC,CAAC,0FACnC,SAAS,EAAE,eAAe,EAAA,CAC1B;uGATS,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBxB,4KAKA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"ngstarter-ui-components-block-loader.mjs","sources":["../../../projects/components/block-loader/src/block-loader/block-loader.ts","../../../projects/components/block-loader/src/block-loader/block-loader.html","../../../projects/components/block-loader/src/block-loader-container.directive.ts","../../../projects/components/block-loader/ngstarter-ui-components-block-loader.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, numberAttribute } from '@angular/core';\nimport { ProgressSpinner } from '@ngstarter-ui/components/spinner';\n\n@Component({\n selector: 'ngs-block-loader',\n exportAs: 'ngsBlockLoader',\n imports: [\n ProgressSpinner\n ],\n templateUrl: './block-loader.html',\n styleUrl: './block-loader.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'ngs-block-loader',\n '[class.is-loading]': 'loading()'\n }\n})\nexport class BlockLoader {\n readonly loading = input(false, {\n transform: booleanAttribute\n });\n readonly spinnerDiameter = input(48, {\n transform: numberAttribute\n });\n readonly spinnerStrokeWidth = input(4, {\n transform: numberAttribute\n });\n}\n","<ngs-progress-spinner [diameter]=\"spinnerDiameter()\"\n [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n <ng-content/>\n</div>\n","import { Directive, ElementRef, inject, OnDestroy, OnInit, Renderer2 } from '@angular/core';\n\n@Directive({\n selector: '[ngsBlockLoaderContainer]'\n})\nexport class BlockLoaderContainerDirective implements OnInit, OnDestroy {\n private elementRef = inject(ElementRef);\n private renderer = inject(Renderer2);\n\n ngOnInit() {\n const element = this.elementRef.nativeElement as HTMLElement;\n this.renderer.setStyle(element, 'position', 'relative');\n }\n\n ngOnDestroy() {\n const element = this.elementRef.nativeElement as HTMLElement;\n this.renderer.removeStyle(element, 'position');\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -49,14 +49,14 @@ class Breadcrumbs {
|
|
|
49
49
|
dataSource = input([], ...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
|
|
50
50
|
lastItemAsLink = input(false, { ...(ngDevMode ? { debugName: "lastItemAsLink" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
51
51
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Breadcrumbs, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Breadcrumbs, isStandalone: true, selector: "ngs-breadcrumbs", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, lastItemAsLink: { classPropertyName: "lastItemAsLink", publicName: "lastItemAsLink", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.last-item-as-link": "lastItemAsLink()" }, classAttribute: "ngs-breadcrumbs" }, queries: [{ propertyName: "itemRef", first: true, predicate: BreadcrumbItemDefDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "activeItemRef", first: true, predicate: BreadcrumbActiveItemDefDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "separatorRef", first: true, predicate: BreadcrumbSeparatorDefDirective, descendants: true, read: TemplateRef, isSignal: true }], exportAs: ["ngsBreadcrumbs"], ngImport: i0, template: "@for (breadcrumb of dataSource(); track $index; let last = $last) {\n @if (!last) {\n <ng-container *ngTemplateOutlet=\"itemRef(); context: { $implicit: breadcrumb }\"/>\n <ng-container *ngTemplateOutlet=\"separatorRef()\"/>\n } @else {\n <ng-container *ngTemplateOutlet=\"activeItemRef(); context: { $implicit: breadcrumb }\"/>\n }\n}\n\n<ng-content/>\n", styles: [":host{--ngs-breadcrumbs-gap: calc(var(--spacing, .25rem) * 2.5);--ngs-breadcrumbs-item-font-size:
|
|
52
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Breadcrumbs, isStandalone: true, selector: "ngs-breadcrumbs", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, lastItemAsLink: { classPropertyName: "lastItemAsLink", publicName: "lastItemAsLink", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.last-item-as-link": "lastItemAsLink()" }, classAttribute: "ngs-breadcrumbs" }, queries: [{ propertyName: "itemRef", first: true, predicate: BreadcrumbItemDefDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "activeItemRef", first: true, predicate: BreadcrumbActiveItemDefDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "separatorRef", first: true, predicate: BreadcrumbSeparatorDefDirective, descendants: true, read: TemplateRef, isSignal: true }], exportAs: ["ngsBreadcrumbs"], ngImport: i0, template: "@for (breadcrumb of dataSource(); track $index; let last = $last) {\n @if (!last) {\n <ng-container *ngTemplateOutlet=\"itemRef(); context: { $implicit: breadcrumb }\"/>\n <ng-container *ngTemplateOutlet=\"separatorRef()\"/>\n } @else {\n <ng-container *ngTemplateOutlet=\"activeItemRef(); context: { $implicit: breadcrumb }\"/>\n }\n}\n\n<ng-content/>\n", styles: [":host{--ngs-breadcrumbs-gap: calc(var(--spacing, .25rem) * 2.5);--ngs-breadcrumbs-item-font-size: var(--ngs-font-size-sm);--ngs-breadcrumbs-item-color: var(--ngs-color-secondary);--ngs-breadcrumbs-item-hover-color: var(--ngs-color-primary);--ngs-breadcrumbs-active-item-color: var(--ngs-color-primary);--ngs-breadcrumbs-item-font-weight: 400;--ngs-breadcrumbs-separator-color: var(--ngs-color-neutral-400);--ngs-breadcrumbs-separator-font-size: var(--ngs-font-size-md);--ngs-breadcrumbs-separator-position-top: 1px;--ngs-breadcrumbs-title-color: var(--ngs-color-neutral-800);--ngs-breadcrumbs-title-font-size: var(--ngs-font-size-xs);display:flex;align-items:center;gap:var(--ngs-breadcrumbs-gap)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
53
53
|
}
|
|
54
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Breadcrumbs, decorators: [{
|
|
55
55
|
type: Component,
|
|
56
56
|
args: [{ selector: 'ngs-breadcrumbs', exportAs: 'ngsBreadcrumbs', host: {
|
|
57
57
|
'class': 'ngs-breadcrumbs',
|
|
58
58
|
'[class.last-item-as-link]': 'lastItemAsLink()'
|
|
59
|
-
}, imports: [NgTemplateOutlet], template: "@for (breadcrumb of dataSource(); track $index; let last = $last) {\n @if (!last) {\n <ng-container *ngTemplateOutlet=\"itemRef(); context: { $implicit: breadcrumb }\"/>\n <ng-container *ngTemplateOutlet=\"separatorRef()\"/>\n } @else {\n <ng-container *ngTemplateOutlet=\"activeItemRef(); context: { $implicit: breadcrumb }\"/>\n }\n}\n\n<ng-content/>\n", styles: [":host{--ngs-breadcrumbs-gap: calc(var(--spacing, .25rem) * 2.5);--ngs-breadcrumbs-item-font-size:
|
|
59
|
+
}, imports: [NgTemplateOutlet], template: "@for (breadcrumb of dataSource(); track $index; let last = $last) {\n @if (!last) {\n <ng-container *ngTemplateOutlet=\"itemRef(); context: { $implicit: breadcrumb }\"/>\n <ng-container *ngTemplateOutlet=\"separatorRef()\"/>\n } @else {\n <ng-container *ngTemplateOutlet=\"activeItemRef(); context: { $implicit: breadcrumb }\"/>\n }\n}\n\n<ng-content/>\n", styles: [":host{--ngs-breadcrumbs-gap: calc(var(--spacing, .25rem) * 2.5);--ngs-breadcrumbs-item-font-size: var(--ngs-font-size-sm);--ngs-breadcrumbs-item-color: var(--ngs-color-secondary);--ngs-breadcrumbs-item-hover-color: var(--ngs-color-primary);--ngs-breadcrumbs-active-item-color: var(--ngs-color-primary);--ngs-breadcrumbs-item-font-weight: 400;--ngs-breadcrumbs-separator-color: var(--ngs-color-neutral-400);--ngs-breadcrumbs-separator-font-size: var(--ngs-font-size-md);--ngs-breadcrumbs-separator-position-top: 1px;--ngs-breadcrumbs-title-color: var(--ngs-color-neutral-800);--ngs-breadcrumbs-title-font-size: var(--ngs-font-size-xs);display:flex;align-items:center;gap:var(--ngs-breadcrumbs-gap)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
60
60
|
}], propDecorators: { itemRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => BreadcrumbItemDefDirective), { ...{
|
|
61
61
|
read: TemplateRef
|
|
62
62
|
}, isSignal: true }] }], activeItemRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => BreadcrumbActiveItemDefDirective), { ...{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngstarter-ui-components-breadcrumbs.mjs","sources":["../../../projects/components/breadcrumbs/src/breadcrumb-item-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-separator-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-active-item-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumbs/breadcrumbs.ts","../../../projects/components/breadcrumbs/src/breadcrumbs/breadcrumbs.html","../../../projects/components/breadcrumbs/src/breadcrumb-item/breadcrumb-item.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item/breadcrumb-item.html","../../../projects/components/breadcrumbs/src/breadcrumb-separator/breadcrumb-separator.ts","../../../projects/components/breadcrumbs/src/breadcrumb-separator/breadcrumb-separator.html","../../../projects/components/breadcrumbs/src/breadcrumb-title/breadcrumb-title.ts","../../../projects/components/breadcrumbs/src/breadcrumb-title/breadcrumb-title.html","../../../projects/components/breadcrumbs/src/breadcrumbs.store.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-icon-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-icon.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-name-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-title-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumbs-global/breadcrumbs-global.ts","../../../projects/components/breadcrumbs/src/breadcrumbs-global/breadcrumbs-global.html","../../../projects/components/breadcrumbs/ngstarter-ui-components-breadcrumbs.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemDef]'\n})\nexport class BreadcrumbItemDefDirective {\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbSeparatorDef]'\n})\nexport class BreadcrumbSeparatorDefDirective {\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({ selector: '[ngsBreadcrumbActiveItemDef]' })\nexport class BreadcrumbActiveItemDefDirective {\n}\n","import { Component, TemplateRef, input, booleanAttribute, contentChild } from '@angular/core';\nimport { BreadcrumbItemDefDirective } from '../breadcrumb-item-def.directive';\nimport { BreadcrumbSeparatorDefDirective } from '../breadcrumb-separator-def.directive';\nimport { BreadcrumbActiveItemDefDirective } from '../breadcrumb-active-item-def.directive';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'ngs-breadcrumbs',\n exportAs: 'ngsBreadcrumbs',\n templateUrl: './breadcrumbs.html',\n styleUrl: './breadcrumbs.scss',\n host: {\n 'class': 'ngs-breadcrumbs',\n '[class.last-item-as-link]': 'lastItemAsLink()'\n },\n imports: [NgTemplateOutlet]\n})\nexport class Breadcrumbs<T> {\n itemRef = contentChild.required(BreadcrumbItemDefDirective, {\n read: TemplateRef\n });\n activeItemRef = contentChild.required(BreadcrumbActiveItemDefDirective, {\n read: TemplateRef\n });\n separatorRef = contentChild.required(BreadcrumbSeparatorDefDirective, {\n read: TemplateRef\n });\n dataSource = input<T[]>([]);\n lastItemAsLink = input(false, {\n transform: booleanAttribute\n });\n}\n","@for (breadcrumb of dataSource(); track $index; let last = $last) {\n @if (!last) {\n <ng-container *ngTemplateOutlet=\"itemRef(); context: { $implicit: breadcrumb }\"/>\n <ng-container *ngTemplateOutlet=\"separatorRef()\"/>\n } @else {\n <ng-container *ngTemplateOutlet=\"activeItemRef(); context: { $implicit: breadcrumb }\"/>\n }\n}\n\n<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-breadcrumb-item,[ngs-breadcrumb-item]',\n exportAs: 'ngsBreadcrumbItem',\n templateUrl: './breadcrumb-item.html',\n styleUrl: './breadcrumb-item.scss',\n host: {\n class: 'ngs-breadcrumb-item'\n }\n})\nexport class BreadcrumbItem {\n}\n","<div class=\"icon\">\n <ng-content select=\"[ngsBreadcrumbItemIcon]\"/>\n</div>\n<div class=\"content\">\n <ng-content select=\"ngs-breadcrumb-title\"/>\n <div class=\"name\">\n <ng-content/>\n </div>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-breadcrumb-separator',\n exportAs: 'ngsBreadcrumbSeparator',\n templateUrl: './breadcrumb-separator.html',\n styleUrl: './breadcrumb-separator.scss',\n host: {\n class: 'ngs-breadcrumb-separator'\n }\n})\nexport class BreadcrumbSeparator {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-breadcrumb-title',\n exportAs: 'ngsBreadcrumbTitle',\n imports: [],\n templateUrl: './breadcrumb-title.html',\n styleUrl: './breadcrumb-title.scss',\n host: {\n class: 'ngs-breadcrumb-title',\n }\n})\nexport class BreadcrumbTitle {\n\n}\n","<ng-content/>\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\nimport { Breadcrumb } from './types';\n\nexport interface BreadcrumbsState {\n breadcrumbs: Breadcrumb[],\n}\n\nconst initialState: BreadcrumbsState = {\n breadcrumbs: []\n};\n\nexport const BreadcrumbsStore = signalStore(\n { providedIn: 'root' },\n withState(initialState),\n withMethods((store) => ({\n setBreadcrumbs(breadcrumbs: Breadcrumb[]): void {\n patchState(store, {\n breadcrumbs\n });\n }\n }))\n);\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemIconDef]',\n standalone: true\n})\nexport class BreadcrumbItemIconDefDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemIcon]',\n exportAs: 'ngsBreadcrumbItemIcon',\n standalone: true,\n host: {\n 'class': 'ngs-breadcrumb-item-icon'\n }\n})\nexport class BreadcrumbItemIconDirective {\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemNameDef]'\n})\nexport class BreadcrumbItemNameDefDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemTitleDef]'\n})\nexport class BreadcrumbItemTitleDefDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChild,\n inject,\n input,\n TemplateRef\n} from '@angular/core';\nimport { Breadcrumb } from '../types';\nimport { RouterLink } from '@angular/router';\nimport { BreadcrumbItem } from '../breadcrumb-item/breadcrumb-item';\nimport { BreadcrumbSeparator } from '../breadcrumb-separator/breadcrumb-separator';\nimport { BreadcrumbTitle } from '../breadcrumb-title/breadcrumb-title';\nimport { Breadcrumbs } from '../breadcrumbs/breadcrumbs';\nimport { BreadcrumbsStore } from '../breadcrumbs.store';\nimport { BreadcrumbItemIconDefDirective } from '../breadcrumb-item-icon-def.directive';\nimport { BreadcrumbItemIconDirective } from '../breadcrumb-item-icon.directive';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n BreadcrumbItemNameDefDirective\n} from '../breadcrumb-item-name-def.directive';\nimport {\n BreadcrumbItemTitleDefDirective\n} from '../breadcrumb-item-title-def.directive';\n\n@Component({\n selector: 'ngs-breadcrumbs-global',\n exportAs: 'ngsBreadcrumbsGlobal',\n imports: [\n BreadcrumbItem,\n BreadcrumbSeparator,\n BreadcrumbTitle,\n Breadcrumbs,\n RouterLink,\n BreadcrumbItemIconDirective,\n Icon,\n NgTemplateOutlet\n ],\n templateUrl: './breadcrumbs-global.html',\n styleUrl: './breadcrumbs-global.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'ngs-breadcrumbs-global',\n ngSkipHydration: 'true'\n }\n})\nexport class BreadcrumbsGlobal {\n private _breadcrumbsStore = inject(BreadcrumbsStore);\n protected itemIconDef = contentChild(BreadcrumbItemIconDefDirective);\n protected itemNameDef = contentChild(BreadcrumbItemNameDefDirective);\n protected itemTitleDef = contentChild(BreadcrumbItemTitleDefDirective);\n\n breadcrumbs = computed<Breadcrumb[]>(() => {\n return this._breadcrumbsStore.breadcrumbs();\n });\n lastItemAsLink = input(false, {\n transform: booleanAttribute\n });\n separator = input('/');\n\n get iconTemplateRef(): TemplateRef<any> {\n return this.itemIconDef()?.templateRef as TemplateRef<any>;\n }\n\n get titleTemplateRef(): TemplateRef<any> {\n return this.itemTitleDef()?.templateRef as TemplateRef<any>;\n }\n\n get nameTemplateRef(): TemplateRef<any> {\n return this.itemNameDef()?.templateRef as TemplateRef<any>;\n }\n}\n","<ngs-breadcrumbs [lastItemAsLink]=\"lastItemAsLink()\">\n @for (breadcrumb of breadcrumbs(); track $index; let last = $last) {\n @switch (breadcrumb.type) {\n @case ('link') {\n <a ngs-breadcrumb-item [routerLink]=\"breadcrumb.route\">\n <ng-container ngsBreadcrumbItemIcon>\n @if (iconTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"iconTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else {\n @if (breadcrumb.icon) {\n <ngs-icon name=\"{{ breadcrumb.icon }}\"/>\n }\n }\n </ng-container>\n\n @if (titleTemplateRef) {\n <ngs-breadcrumb-title>\n <ng-container [ngTemplateOutlet]=\"titleTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n </ngs-breadcrumb-title>\n } @else {\n @if (breadcrumb.title) {\n <ngs-breadcrumb-title>{{ breadcrumb.title }}</ngs-breadcrumb-title>\n }\n }\n\n @if (nameTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"nameTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else {\n @if (breadcrumb.name) {\n {{ breadcrumb.name }}\n }\n }\n </a>\n }\n @default {\n <ngs-breadcrumb-item>\n <ng-container ngsBreadcrumbItemIcon>\n @if (iconTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"iconTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else if (breadcrumb.icon) {\n <ngs-icon name=\"{{ breadcrumb.icon }}\"/>\n }\n </ng-container>\n\n @if (titleTemplateRef) {\n <ngs-breadcrumb-title>\n <ng-container [ngTemplateOutlet]=\"titleTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n </ngs-breadcrumb-title>\n } @else {\n @if (breadcrumb.title) {\n <ngs-breadcrumb-title>{{ breadcrumb.title }}</ngs-breadcrumb-title>\n }\n }\n\n @if (nameTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"nameTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else {\n @if (breadcrumb.name) {\n {{ breadcrumb.name }}\n }\n }\n </ngs-breadcrumb-item>\n }\n }\n\n @if (!last) {\n <ngs-breadcrumb-separator>{{ separator() }}</ngs-breadcrumb-separator>\n }\n }\n</ngs-breadcrumbs>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ngstarter-ui-components-breadcrumbs.mjs","sources":["../../../projects/components/breadcrumbs/src/breadcrumb-item-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-separator-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-active-item-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumbs/breadcrumbs.ts","../../../projects/components/breadcrumbs/src/breadcrumbs/breadcrumbs.html","../../../projects/components/breadcrumbs/src/breadcrumb-item/breadcrumb-item.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item/breadcrumb-item.html","../../../projects/components/breadcrumbs/src/breadcrumb-separator/breadcrumb-separator.ts","../../../projects/components/breadcrumbs/src/breadcrumb-separator/breadcrumb-separator.html","../../../projects/components/breadcrumbs/src/breadcrumb-title/breadcrumb-title.ts","../../../projects/components/breadcrumbs/src/breadcrumb-title/breadcrumb-title.html","../../../projects/components/breadcrumbs/src/breadcrumbs.store.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-icon-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-icon.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-name-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumb-item-title-def.directive.ts","../../../projects/components/breadcrumbs/src/breadcrumbs-global/breadcrumbs-global.ts","../../../projects/components/breadcrumbs/src/breadcrumbs-global/breadcrumbs-global.html","../../../projects/components/breadcrumbs/ngstarter-ui-components-breadcrumbs.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemDef]'\n})\nexport class BreadcrumbItemDefDirective {\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbSeparatorDef]'\n})\nexport class BreadcrumbSeparatorDefDirective {\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({ selector: '[ngsBreadcrumbActiveItemDef]' })\nexport class BreadcrumbActiveItemDefDirective {\n}\n","import { Component, TemplateRef, input, booleanAttribute, contentChild } from '@angular/core';\nimport { BreadcrumbItemDefDirective } from '../breadcrumb-item-def.directive';\nimport { BreadcrumbSeparatorDefDirective } from '../breadcrumb-separator-def.directive';\nimport { BreadcrumbActiveItemDefDirective } from '../breadcrumb-active-item-def.directive';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'ngs-breadcrumbs',\n exportAs: 'ngsBreadcrumbs',\n templateUrl: './breadcrumbs.html',\n styleUrl: './breadcrumbs.scss',\n host: {\n 'class': 'ngs-breadcrumbs',\n '[class.last-item-as-link]': 'lastItemAsLink()'\n },\n imports: [NgTemplateOutlet]\n})\nexport class Breadcrumbs<T> {\n itemRef = contentChild.required(BreadcrumbItemDefDirective, {\n read: TemplateRef\n });\n activeItemRef = contentChild.required(BreadcrumbActiveItemDefDirective, {\n read: TemplateRef\n });\n separatorRef = contentChild.required(BreadcrumbSeparatorDefDirective, {\n read: TemplateRef\n });\n dataSource = input<T[]>([]);\n lastItemAsLink = input(false, {\n transform: booleanAttribute\n });\n}\n","@for (breadcrumb of dataSource(); track $index; let last = $last) {\n @if (!last) {\n <ng-container *ngTemplateOutlet=\"itemRef(); context: { $implicit: breadcrumb }\"/>\n <ng-container *ngTemplateOutlet=\"separatorRef()\"/>\n } @else {\n <ng-container *ngTemplateOutlet=\"activeItemRef(); context: { $implicit: breadcrumb }\"/>\n }\n}\n\n<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-breadcrumb-item,[ngs-breadcrumb-item]',\n exportAs: 'ngsBreadcrumbItem',\n templateUrl: './breadcrumb-item.html',\n styleUrl: './breadcrumb-item.scss',\n host: {\n class: 'ngs-breadcrumb-item'\n }\n})\nexport class BreadcrumbItem {\n}\n","<div class=\"icon\">\n <ng-content select=\"[ngsBreadcrumbItemIcon]\"/>\n</div>\n<div class=\"content\">\n <ng-content select=\"ngs-breadcrumb-title\"/>\n <div class=\"name\">\n <ng-content/>\n </div>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-breadcrumb-separator',\n exportAs: 'ngsBreadcrumbSeparator',\n templateUrl: './breadcrumb-separator.html',\n styleUrl: './breadcrumb-separator.scss',\n host: {\n class: 'ngs-breadcrumb-separator'\n }\n})\nexport class BreadcrumbSeparator {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'ngs-breadcrumb-title',\n exportAs: 'ngsBreadcrumbTitle',\n imports: [],\n templateUrl: './breadcrumb-title.html',\n styleUrl: './breadcrumb-title.scss',\n host: {\n class: 'ngs-breadcrumb-title',\n }\n})\nexport class BreadcrumbTitle {\n\n}\n","<ng-content/>\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\nimport { Breadcrumb } from './types';\n\nexport interface BreadcrumbsState {\n breadcrumbs: Breadcrumb[],\n}\n\nconst initialState: BreadcrumbsState = {\n breadcrumbs: []\n};\n\nexport const BreadcrumbsStore = signalStore(\n { providedIn: 'root' },\n withState(initialState),\n withMethods((store) => ({\n setBreadcrumbs(breadcrumbs: Breadcrumb[]): void {\n patchState(store, {\n breadcrumbs\n });\n }\n }))\n);\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemIconDef]',\n standalone: true\n})\nexport class BreadcrumbItemIconDefDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemIcon]',\n exportAs: 'ngsBreadcrumbItemIcon',\n standalone: true,\n host: {\n 'class': 'ngs-breadcrumb-item-icon'\n }\n})\nexport class BreadcrumbItemIconDirective {\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemNameDef]'\n})\nexport class BreadcrumbItemNameDefDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[ngsBreadcrumbItemTitleDef]'\n})\nexport class BreadcrumbItemTitleDefDirective {\n readonly templateRef = inject(TemplateRef);\n}\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChild,\n inject,\n input,\n TemplateRef\n} from '@angular/core';\nimport { Breadcrumb } from '../types';\nimport { RouterLink } from '@angular/router';\nimport { BreadcrumbItem } from '../breadcrumb-item/breadcrumb-item';\nimport { BreadcrumbSeparator } from '../breadcrumb-separator/breadcrumb-separator';\nimport { BreadcrumbTitle } from '../breadcrumb-title/breadcrumb-title';\nimport { Breadcrumbs } from '../breadcrumbs/breadcrumbs';\nimport { BreadcrumbsStore } from '../breadcrumbs.store';\nimport { BreadcrumbItemIconDefDirective } from '../breadcrumb-item-icon-def.directive';\nimport { BreadcrumbItemIconDirective } from '../breadcrumb-item-icon.directive';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n BreadcrumbItemNameDefDirective\n} from '../breadcrumb-item-name-def.directive';\nimport {\n BreadcrumbItemTitleDefDirective\n} from '../breadcrumb-item-title-def.directive';\n\n@Component({\n selector: 'ngs-breadcrumbs-global',\n exportAs: 'ngsBreadcrumbsGlobal',\n imports: [\n BreadcrumbItem,\n BreadcrumbSeparator,\n BreadcrumbTitle,\n Breadcrumbs,\n RouterLink,\n BreadcrumbItemIconDirective,\n Icon,\n NgTemplateOutlet\n ],\n templateUrl: './breadcrumbs-global.html',\n styleUrl: './breadcrumbs-global.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'ngs-breadcrumbs-global',\n ngSkipHydration: 'true'\n }\n})\nexport class BreadcrumbsGlobal {\n private _breadcrumbsStore = inject(BreadcrumbsStore);\n protected itemIconDef = contentChild(BreadcrumbItemIconDefDirective);\n protected itemNameDef = contentChild(BreadcrumbItemNameDefDirective);\n protected itemTitleDef = contentChild(BreadcrumbItemTitleDefDirective);\n\n breadcrumbs = computed<Breadcrumb[]>(() => {\n return this._breadcrumbsStore.breadcrumbs();\n });\n lastItemAsLink = input(false, {\n transform: booleanAttribute\n });\n separator = input('/');\n\n get iconTemplateRef(): TemplateRef<any> {\n return this.itemIconDef()?.templateRef as TemplateRef<any>;\n }\n\n get titleTemplateRef(): TemplateRef<any> {\n return this.itemTitleDef()?.templateRef as TemplateRef<any>;\n }\n\n get nameTemplateRef(): TemplateRef<any> {\n return this.itemNameDef()?.templateRef as TemplateRef<any>;\n }\n}\n","<ngs-breadcrumbs [lastItemAsLink]=\"lastItemAsLink()\">\n @for (breadcrumb of breadcrumbs(); track $index; let last = $last) {\n @switch (breadcrumb.type) {\n @case ('link') {\n <a ngs-breadcrumb-item [routerLink]=\"breadcrumb.route\">\n <ng-container ngsBreadcrumbItemIcon>\n @if (iconTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"iconTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else {\n @if (breadcrumb.icon) {\n <ngs-icon name=\"{{ breadcrumb.icon }}\"/>\n }\n }\n </ng-container>\n\n @if (titleTemplateRef) {\n <ngs-breadcrumb-title>\n <ng-container [ngTemplateOutlet]=\"titleTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n </ngs-breadcrumb-title>\n } @else {\n @if (breadcrumb.title) {\n <ngs-breadcrumb-title>{{ breadcrumb.title }}</ngs-breadcrumb-title>\n }\n }\n\n @if (nameTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"nameTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else {\n @if (breadcrumb.name) {\n {{ breadcrumb.name }}\n }\n }\n </a>\n }\n @default {\n <ngs-breadcrumb-item>\n <ng-container ngsBreadcrumbItemIcon>\n @if (iconTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"iconTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else if (breadcrumb.icon) {\n <ngs-icon name=\"{{ breadcrumb.icon }}\"/>\n }\n </ng-container>\n\n @if (titleTemplateRef) {\n <ngs-breadcrumb-title>\n <ng-container [ngTemplateOutlet]=\"titleTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n </ngs-breadcrumb-title>\n } @else {\n @if (breadcrumb.title) {\n <ngs-breadcrumb-title>{{ breadcrumb.title }}</ngs-breadcrumb-title>\n }\n }\n\n @if (nameTemplateRef) {\n <ng-container [ngTemplateOutlet]=\"nameTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: breadcrumb }\"/>\n } @else {\n @if (breadcrumb.name) {\n {{ breadcrumb.name }}\n }\n }\n </ngs-breadcrumb-item>\n }\n }\n\n @if (!last) {\n <ngs-breadcrumb-separator>{{ separator() }}</ngs-breadcrumb-separator>\n }\n }\n</ngs-breadcrumbs>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|