From 9a0bf329130b03a04e3de6751bf2df66ed226756 Mon Sep 17 00:00:00 2001 From: xidedix Date: Fri, 22 Nov 2024 12:10:13 +0000 Subject: [PATCH 01/18] chore(dependencies): update to `Angular 19` --- package.json | 42 ++++++++++---------- projects/coreui-angular-chartjs/package.json | 2 +- projects/coreui-angular/package.json | 12 +++--- projects/coreui-icons-angular/package.json | 6 +-- 4 files changed, 31 insertions(+), 31 deletions(-) diff --git a/package.json b/package.json index 6fbca75a..4616abef 100644 --- a/package.json +++ b/package.json @@ -39,16 +39,16 @@ }, "private": true, "dependencies": { - "@angular/animations": "^18.2.12", - "@angular/cdk": "^18.2.13", - "@angular/common": "^18.2.12", - "@angular/compiler": "^18.2.12", - "@angular/core": "^18.2.12", - "@angular/forms": "^18.2.12", - "@angular/localize": "^18.2.12", - "@angular/platform-browser": "^18.2.12", - "@angular/platform-browser-dynamic": "^18.2.12", - "@angular/router": "^18.2.12", + "@angular/animations": "^19.0.0", + "@angular/cdk": "^19.0.0", + "@angular/common": "^19.0.0", + "@angular/compiler": "^19.0.0", + "@angular/core": "^19.0.0", + "@angular/forms": "^19.0.0", + "@angular/localize": "^19.0.0", + "@angular/platform-browser": "^19.0.0", + "@angular/platform-browser-dynamic": "^19.0.0", + "@angular/router": "^19.0.0", "@coreui/chartjs": "^4.0.0", "@coreui/icons": "^3.0.1", "@popperjs/core": "~2.11.8", @@ -56,30 +56,30 @@ "lodash-es": "^4.17.21", "rxjs": "~7.8.1", "tslib": "^2.8.1", - "zone.js": "~0.14.10" + "zone.js": "~0.15.0" }, "devDependencies": { - "@angular-devkit/build-angular": "^18.2.12", - "@angular-devkit/schematics": "^18.2.12", - "@angular/cli": "^18.2.12", - "@angular/compiler-cli": "^18.2.12", - "@angular/language-service": "^18.2.12", + "@angular-devkit/build-angular": "^19.0.1", + "@angular-devkit/schematics": "^19.0.1", + "@angular/cli": "^19.0.1", + "@angular/compiler-cli": "^19.0.0", + "@angular/language-service": "^19.0.0", "@types/jasmine": "^5.1.4", "@types/lodash-es": "^4.17.12", "@types/node": "^20.17.6", - "angular-eslint": "~18.4.0", + "angular-eslint": "~18.4.1", "copyfiles": "^2.4.1", - "eslint": "^9.14.0", + "eslint": "^9.15.0", "jasmine-core": "^5.4.0", "karma": "^6.4.4", "karma-chrome-launcher": "^3.2.0", "karma-coverage": "^2.2.1", "karma-jasmine": "^5.1.0", "karma-jasmine-html-reporter": "^2.1.0", - "ng-packagr": "^18.2.1", + "ng-packagr": "^19.0.1", "prettier": "^3.3.3", - "typescript": "~5.5.4", - "typescript-eslint": "~8.14.0" + "typescript": "~5.6.3", + "typescript-eslint": "~8.15.0" }, "keywords": [ "angular", diff --git a/projects/coreui-angular-chartjs/package.json b/projects/coreui-angular-chartjs/package.json index 72f7d257..6a968f9d 100644 --- a/projects/coreui-angular-chartjs/package.json +++ b/projects/coreui-angular-chartjs/package.json @@ -25,7 +25,7 @@ "url": "https://github.com/coreui/coreui-angular/issues" }, "peerDependencies": { - "@angular/core": "^18.2.0", + "@angular/core": "^19.0.0", "@coreui/chartjs": "^4.0.0", "chart.js": "^4.4.6" }, diff --git a/projects/coreui-angular/package.json b/projects/coreui-angular/package.json index cba15026..3e12eb91 100644 --- a/projects/coreui-angular/package.json +++ b/projects/coreui-angular/package.json @@ -23,13 +23,13 @@ }, "sideEffects": false, "peerDependencies": { - "@angular/animations": "^18.2.0", - "@angular/cdk": "^18.2.0", - "@angular/common": "^18.2.0", - "@angular/core": "^18.2.0", - "@angular/router": "^18.2.0", + "@angular/animations": "^19.0.0", + "@angular/cdk": "^19.0.0", + "@angular/common": "^19.0.0", + "@angular/core": "^19.0.0", + "@angular/router": "^19.0.0", "@coreui/coreui": "^5.2.0", - "@coreui/icons-angular": "~5.2.25", + "@coreui/icons-angular": "~5.3.0", "rxjs": "^7.8.1" }, "repository": { diff --git a/projects/coreui-icons-angular/package.json b/projects/coreui-icons-angular/package.json index 48b4b747..3cce19aa 100644 --- a/projects/coreui-icons-angular/package.json +++ b/projects/coreui-icons-angular/package.json @@ -25,9 +25,9 @@ "url": "https://github.com/coreui/coreui-angular/issues" }, "peerDependencies": { - "@angular/common": "^18.2.0", - "@angular/core": "^18.2.0", - "@angular/platform-browser": "^18.2.0" + "@angular/common": "^19.0.0", + "@angular/core": "^19.0.0", + "@angular/platform-browser": "^19.0.0" }, "dependencies": { "tslib": "^2.3.0" From 577a6a0a92b2fe937cdbd7c7ec31ac38007bc962 Mon Sep 17 00:00:00 2001 From: xidedix Date: Fri, 22 Nov 2024 12:16:47 +0000 Subject: [PATCH 02/18] refactor: directives, components and pipes are now standalone by default --- .../src/lib/chartjs.component.ts | 1 - .../accordion-button.directive.ts | 1 - .../accordion-item.component.ts | 13 ++- .../accordion/accordion.component.ts | 1 - .../src/lib/alert/alert-heading.directive.ts | 1 - .../src/lib/alert/alert-link.directive.ts | 1 - .../src/lib/alert/alert.component.ts | 49 ++++++----- .../src/lib/avatar/avatar.component.ts | 21 +++-- .../src/lib/badge/badge.component.ts | 1 - .../breadcrumb-item.component.ts | 9 +- .../breadcrumb-router.component.ts | 7 +- .../breadcrumb/breadcrumb.component.ts | 1 - .../button-group/button-group.component.ts | 1 - .../button-toolbar.component.ts | 1 - .../lib/button/button-close.directive.spec.ts | 5 +- .../src/lib/button/button-close.directive.ts | 1 - .../src/lib/button/button.directive.spec.ts | 5 +- .../src/lib/button/button.directive.ts | 1 - .../src/lib/callout/callout.component.ts | 1 - .../src/lib/card/card-body.component.ts | 1 - .../src/lib/card/card-footer.component.ts | 1 - .../src/lib/card/card-group.component.ts | 1 - .../lib/card/card-header-actions.component.ts | 1 - .../src/lib/card/card-header.component.ts | 1 - .../card-img-overlay.component.ts | 1 - .../src/lib/card/card-img.directive.ts | 1 - .../src/lib/card/card-link.directive.ts | 1 - .../src/lib/card/card-subtitle.directive.ts | 1 - .../src/lib/card/card-text.directive.ts | 1 - .../src/lib/card/card-title.directive.ts | 1 - .../src/lib/card/card.component.ts | 1 - .../carousel-caption.component.ts | 5 +- .../carousel-control.component.ts | 4 +- .../carousel-indicators.component.ts | 5 +- .../carousel-inner.component.ts | 3 +- .../carousel-item/carousel-item.component.ts | 1 - .../carousel/carousel/carousel.component.ts | 1 - .../lib/collapse/collapse.directive.spec.ts | 5 +- .../src/lib/collapse/collapse.directive.ts | 1 - .../dropdown-close.directive.ts | 6 +- .../dropdown-divider.directive.ts | 1 - .../dropdown-header.directive.ts | 1 - .../dropdown-item-plain.directive.ts | 1 - .../dropdown-item/dropdown-item.directive.ts | 1 - .../dropdown-menu/dropdown-menu.directive.ts | 1 - .../dropdown/dropdown.component.spec.ts | 5 +- .../dropdown/dropdown/dropdown.component.ts | 5 +- .../src/lib/footer/footer.component.ts | 1 - .../form-check-input.directive.spec.ts | 6 +- .../form-check/form-check-input.directive.ts | 1 - .../form-check/form-check-label.directive.ts | 1 - .../form/form-check/form-check.component.ts | 5 +- .../form-control/form-control.directive.ts | 13 +-- .../form-feedback/form-feedback.component.ts | 4 +- .../form-floating/form-floating.directive.ts | 3 +- .../form/form-label/form-label.directive.ts | 1 - .../form/form-select/form-select.directive.ts | 1 - .../lib/form/form-text/form-text.directive.ts | 1 - .../src/lib/form/form/form.directive.ts | 4 +- .../input-group-text.directive.ts | 1 - .../form/input-group/input-group.component.ts | 1 - .../src/lib/grid/col.component.ts | 3 +- .../src/lib/grid/col.directive.ts | 59 +++++++------ .../src/lib/grid/container.component.ts | 1 - .../src/lib/grid/gutter.directive.ts | 3 +- .../src/lib/grid/row.component.ts | 3 +- .../src/lib/grid/row.directive.ts | 1 - .../header-brand/header-brand.component.ts | 6 +- .../header-divider.component.ts | 5 +- .../header/header-nav/header-nav.component.ts | 6 +- .../header-text/header-text.component.ts | 3 +- .../header-toggler.directive.ts | 12 +-- .../src/lib/header/header/header.component.ts | 9 +- .../src/lib/image/img.directive.ts | 1 - .../list-group-item.directive.spec.ts | 6 +- .../list-group/list-group-item.directive.ts | 1 - .../lib/list-group/list-group.directive.ts | 1 - .../modal/modal-body/modal-body.component.ts | 1 - .../modal-content/modal-content.component.ts | 1 - .../modal-dialog/modal-dialog.component.ts | 1 - .../modal-dismiss/modal-toggle.directive.ts | 9 +- .../modal-footer/modal-footer.component.ts | 1 - .../modal-header/modal-header.component.ts | 1 - .../modal-title/modal-title.directive.ts | 1 - .../src/lib/modal/modal/modal.component.ts | 39 ++++----- .../src/lib/nav/nav-item.component.ts | 1 - .../src/lib/nav/nav-link.directive.ts | 6 +- .../src/lib/nav/nav.component.ts | 1 - .../navbar-brand/navbar-brand.directive.ts | 1 - .../navbar/navbar-nav/navbar-nav.component.ts | 1 - .../navbar-text/navbar-text.component.ts | 1 - .../navbar-toggler.directive.ts | 1 - .../src/lib/navbar/navbar.component.ts | 11 ++- .../offcanvas-body.component.ts | 1 - .../offcanvas-header.component.ts | 1 - .../offcanvas-title.directive.ts | 1 - .../offcanvas-toggle.directive.spec.ts | 8 +- .../offcanvas-toggle.directive.ts | 8 +- .../offcanvas/offcanvas.component.ts | 43 ++++------ .../page-item/page-item.component.ts | 6 +- .../page-item/page-item.directive.ts | 1 - .../page-link/page-link.directive.ts | 1 - .../pagination/pagination.component.ts | 7 +- .../placeholder-animation.directive.ts | 1 - .../lib/placeholder/placeholder.directive.ts | 1 - .../src/lib/popover/popover.directive.ts | 1 - .../lib/popover/popover/popover.component.ts | 19 ++--- .../lib/progress/progress-bar.component.ts | 1 - .../lib/progress/progress-bar.directive.ts | 3 +- .../progress/progress-stacked.component.ts | 12 +-- .../lib/progress/progress.component.spec.ts | 11 +-- .../src/lib/progress/progress.component.ts | 25 +++--- .../src/lib/shared/element-ref.directive.ts | 3 +- .../lib/shared/html-attr.directive.spec.ts | 6 +- .../src/lib/shared/html-attr.directive.ts | 3 +- .../src/lib/shared/template-id.directive.ts | 3 +- .../src/lib/shared/theme.directive.ts | 9 +- .../sidebar-brand/sidebar-brand.component.ts | 7 +- .../sidebar-footer.component.ts | 1 - .../sidebar-header.component.ts | 1 - .../sidebar-nav/sidebar-nav-badge.pipe.ts | 5 +- .../sidebar-nav-divider.component.ts | 5 +- .../sidebar-nav/sidebar-nav-icon.pipe.ts | 4 +- .../sidebar-nav-item-class.pipe.ts | 32 ++++--- .../sidebar-nav-label.component.ts | 7 +- .../sidebar-nav/sidebar-nav-link.component.ts | 4 +- .../sidebar-nav/sidebar-nav-link.pipe.ts | 5 +- .../sidebar-nav-title.component.ts | 3 +- .../sidebar-nav/sidebar-nav.component.ts | 84 +++++++++---------- .../sidebar-toggle.directive.ts | 13 ++- .../sidebar-toggler.directive.ts | 6 +- .../lib/sidebar/sidebar/sidebar.component.ts | 1 - .../src/lib/spinner/spinner.component.ts | 1 - .../src/lib/table/table-active.directive.ts | 4 +- .../src/lib/table/table-color.directive.ts | 6 +- .../src/lib/table/table.directive.ts | 1 - .../tab-panel/tab-panel.component.spec.ts | 5 +- .../tabs-2/tab-panel/tab-panel.component.ts | 1 - .../src/lib/tabs-2/tab/tab.directive.ts | 1 - .../tabs-content/tabs-content.component.ts | 1 - .../tabs-2/tabs-list/tabs-list.component.ts | 1 - .../src/lib/tabs-2/tabs.component.ts | 1 - .../src/lib/tabs/tab-content-ref.directive.ts | 3 +- .../tabs/tab-content/tab-content.component.ts | 1 - .../lib/tabs/tab-pane/tab-pane.component.ts | 1 - .../toast/toast-body/toast-body.component.ts | 9 +- .../src/lib/toast/toast-close.directive.ts | 7 +- .../toast-header/toast-header.component.ts | 9 +- .../src/lib/toast/toast/toast.component.ts | 1 - .../toaster/toaster-host.directive.spec.ts | 5 +- .../toast/toaster/toaster-host.directive.ts | 8 +- .../lib/toast/toaster/toaster.component.ts | 11 ++- .../src/lib/tooltip/tooltip.directive.ts | 1 - .../lib/tooltip/tooltip/tooltip.component.ts | 1 - .../src/lib/utilities/align.directive.ts | 6 +- .../src/lib/utilities/bg-color.directive.ts | 3 +- .../src/lib/utilities/border.directive.ts | 33 ++++---- .../src/lib/utilities/rounded.directive.ts | 21 ++--- .../utilities/shadow-on-scroll.directive.ts | 12 +-- .../lib/utilities/text-bg-color.directive.ts | 3 +- .../src/lib/utilities/text-color.directive.ts | 3 +- .../src/lib/utilities/visible.directive.ts | 7 +- .../widget-stat-a/widget-stat-a.component.ts | 11 ++- .../widget-stat-b/widget-stat-b.component.ts | 11 ++- .../widget-stat-c/widget-stat-c.component.ts | 11 ++- .../widget-stat-d/widget-stat-d.component.ts | 11 ++- .../widget-stat-e/widget-stat-e.component.ts | 9 +- .../widget-stat-f/widget-stat-f.component.ts | 11 ++- .../src/lib/icon/icon.component.spec.ts | 7 +- .../src/lib/icon/icon.component.ts | 13 ++- .../src/lib/icon/icon.directive.spec.ts | 7 +- .../src/lib/icon/icon.directive.ts | 1 - .../lib/shared/html-attr.directive.spec.ts | 6 +- .../src/lib/shared/html-attr.directive.ts | 3 +- 174 files changed, 401 insertions(+), 639 deletions(-) diff --git a/projects/coreui-angular-chartjs/src/lib/chartjs.component.ts b/projects/coreui-angular-chartjs/src/lib/chartjs.component.ts index 66324339..65baffee 100644 --- a/projects/coreui-angular-chartjs/src/lib/chartjs.component.ts +++ b/projects/coreui-angular-chartjs/src/lib/chartjs.component.ts @@ -34,7 +34,6 @@ let nextId = 0; templateUrl: './chartjs.component.html', styleUrls: ['./chartjs.component.scss'], exportAs: 'cChart', - standalone: true, changeDetection: ChangeDetectionStrategy.OnPush // host: { ngSkipHydration: 'true' } }) diff --git a/projects/coreui-angular/src/lib/accordion/accordion-button/accordion-button.directive.ts b/projects/coreui-angular/src/lib/accordion/accordion-button/accordion-button.directive.ts index 001587ec..d009bf03 100644 --- a/projects/coreui-angular/src/lib/accordion/accordion-button/accordion-button.directive.ts +++ b/projects/coreui-angular/src/lib/accordion/accordion-button/accordion-button.directive.ts @@ -2,7 +2,6 @@ import { computed, Directive, input } from '@angular/core'; @Directive({ selector: '[cAccordionButton]', - standalone: true, host: { '[class]': 'hostClasses()', '[attr.type]': 'type()', '[attr.aria-expanded]': 'ariaExpanded()' } }) export class AccordionButtonDirective { diff --git a/projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.ts b/projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.ts index a6830e65..3e739703 100644 --- a/projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.ts +++ b/projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.ts @@ -19,13 +19,12 @@ import { AccordionService } from '../accordion.service'; let nextId = 0; @Component({ - selector: 'c-accordion-item', - templateUrl: './accordion-item.component.html', - styleUrls: ['./accordion-item.component.scss'], - exportAs: 'cAccordionItem', - standalone: true, - imports: [AccordionButtonDirective, NgTemplateOutlet, CollapseDirective], - host: { class: 'accordion-item' } + selector: 'c-accordion-item', + templateUrl: './accordion-item.component.html', + styleUrls: ['./accordion-item.component.scss'], + exportAs: 'cAccordionItem', + imports: [AccordionButtonDirective, NgTemplateOutlet, CollapseDirective], + host: { class: 'accordion-item' } }) export class AccordionItemComponent implements OnInit, OnDestroy { readonly #accordionService = inject(AccordionService); diff --git a/projects/coreui-angular/src/lib/accordion/accordion/accordion.component.ts b/projects/coreui-angular/src/lib/accordion/accordion/accordion.component.ts index d8e1e379..918d4e4d 100644 --- a/projects/coreui-angular/src/lib/accordion/accordion/accordion.component.ts +++ b/projects/coreui-angular/src/lib/accordion/accordion/accordion.component.ts @@ -8,7 +8,6 @@ import { AccordionService } from '../accordion.service'; styleUrls: ['./accordion.component.scss'], exportAs: 'cAccordionItem', providers: [AccordionService], - standalone: true, host: { '[class]': 'hostClasses()' } }) export class AccordionComponent { diff --git a/projects/coreui-angular/src/lib/alert/alert-heading.directive.ts b/projects/coreui-angular/src/lib/alert/alert-heading.directive.ts index 73a0993e..6c47fa49 100644 --- a/projects/coreui-angular/src/lib/alert/alert-heading.directive.ts +++ b/projects/coreui-angular/src/lib/alert/alert-heading.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cAlertHeading]', - standalone: true, host: { class: 'alert-heading' } }) export class AlertHeadingDirective {} diff --git a/projects/coreui-angular/src/lib/alert/alert-link.directive.ts b/projects/coreui-angular/src/lib/alert/alert-link.directive.ts index 738f3085..b842f743 100644 --- a/projects/coreui-angular/src/lib/alert/alert-link.directive.ts +++ b/projects/coreui-angular/src/lib/alert/alert-link.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cAlertLink]', - standalone: true, host: { class: 'alert-link' } }) export class AlertLinkDirective {} diff --git a/projects/coreui-angular/src/lib/alert/alert.component.ts b/projects/coreui-angular/src/lib/alert/alert.component.ts index 4da6bc7b..6fa65a7b 100644 --- a/projects/coreui-angular/src/lib/alert/alert.component.ts +++ b/projects/coreui-angular/src/lib/alert/alert.component.ts @@ -20,31 +20,30 @@ import { ButtonCloseDirective } from '../button'; type AnimateType = ('hide' | 'show'); @Component({ - selector: 'c-alert', - templateUrl: './alert.component.html', - styleUrls: ['./alert.component.scss'], - exportAs: 'cAlert', - standalone: true, - imports: [NgTemplateOutlet, ButtonCloseDirective], - animations: [ - trigger('fadeInOut', [ - state('show', style({ opacity: 1, height: '*', padding: '*', border: '*', margin: '*' })), - state('hide', style({ opacity: 0, height: 0, padding: 0, border: 0, margin: 0 })), - state('void', style({ opacity: 0, height: 0, padding: 0, border: 0, margin: 0 })), - transition('show => hide', [ - animate('.3s ease-out') - ]), - transition('hide => show', [ - animate('.3s ease-in') - ]), - transition('show => void', [ - animate('.3s ease-out') - ]), - transition('void => show', [ - animate('.3s ease-in') - ]) - ]) - ] + selector: 'c-alert', + templateUrl: './alert.component.html', + styleUrls: ['./alert.component.scss'], + exportAs: 'cAlert', + imports: [NgTemplateOutlet, ButtonCloseDirective], + animations: [ + trigger('fadeInOut', [ + state('show', style({ opacity: 1, height: '*', padding: '*', border: '*', margin: '*' })), + state('hide', style({ opacity: 0, height: 0, padding: 0, border: 0, margin: 0 })), + state('void', style({ opacity: 0, height: 0, padding: 0, border: 0, margin: 0 })), + transition('show => hide', [ + animate('.3s ease-out') + ]), + transition('hide => show', [ + animate('.3s ease-in') + ]), + transition('show => void', [ + animate('.3s ease-out') + ]), + transition('void => show', [ + animate('.3s ease-in') + ]) + ]) + ] }) export class AlertComponent implements AfterContentInit { diff --git a/projects/coreui-angular/src/lib/avatar/avatar.component.ts b/projects/coreui-angular/src/lib/avatar/avatar.component.ts index b4f9a355..06b900e0 100644 --- a/projects/coreui-angular/src/lib/avatar/avatar.component.ts +++ b/projects/coreui-angular/src/lib/avatar/avatar.component.ts @@ -5,17 +5,16 @@ import { Colors, Shapes, Sizes, TextColors } from '../coreui.types'; import { TextColorDirective } from '../utilities'; @Component({ - selector: 'c-avatar', - templateUrl: './avatar.component.html', - standalone: true, - imports: [NgClass, NgOptimizedImage], - hostDirectives: [ - { - directive: TextColorDirective, - inputs: ['cTextColor: textColor'] - } - ], - host: { class: 'avatar', '[class]': 'hostClasses()' } + selector: 'c-avatar', + templateUrl: './avatar.component.html', + imports: [NgClass, NgOptimizedImage], + hostDirectives: [ + { + directive: TextColorDirective, + inputs: ['cTextColor: textColor'] + } + ], + host: { class: 'avatar', '[class]': 'hostClasses()' } }) export class AvatarComponent { /** diff --git a/projects/coreui-angular/src/lib/badge/badge.component.ts b/projects/coreui-angular/src/lib/badge/badge.component.ts index a9c4b653..99702ac0 100644 --- a/projects/coreui-angular/src/lib/badge/badge.component.ts +++ b/projects/coreui-angular/src/lib/badge/badge.component.ts @@ -5,7 +5,6 @@ import { TextBgColorDirective, TextColorDirective } from '../utilities'; @Component({ selector: 'c-badge', template: '', - standalone: true, hostDirectives: [ { directive: TextColorDirective, inputs: ['cTextColor: textColor'] }, { directive: TextBgColorDirective, inputs: ['cTextBgColor: textBgColor'] } diff --git a/projects/coreui-angular/src/lib/breadcrumb/breadcrumb-item/breadcrumb-item.component.ts b/projects/coreui-angular/src/lib/breadcrumb/breadcrumb-item/breadcrumb-item.component.ts index 03ba3cac..d7b85300 100644 --- a/projects/coreui-angular/src/lib/breadcrumb/breadcrumb-item/breadcrumb-item.component.ts +++ b/projects/coreui-angular/src/lib/breadcrumb/breadcrumb-item/breadcrumb-item.component.ts @@ -6,11 +6,10 @@ import { HtmlAttributesDirective } from '../../shared'; import { INavAttributes, INavLinkProps } from './breadcrumb-item'; @Component({ - selector: 'c-breadcrumb-item', - templateUrl: './breadcrumb-item.component.html', - styleUrls: ['./breadcrumb-item.component.scss'], - standalone: true, - imports: [RouterModule, NgTemplateOutlet, HtmlAttributesDirective] + selector: 'c-breadcrumb-item', + templateUrl: './breadcrumb-item.component.html', + styleUrls: ['./breadcrumb-item.component.scss'], + imports: [RouterModule, NgTemplateOutlet, HtmlAttributesDirective] }) export class BreadcrumbItemComponent { diff --git a/projects/coreui-angular/src/lib/breadcrumb/breadcrumb-router/breadcrumb-router.component.ts b/projects/coreui-angular/src/lib/breadcrumb/breadcrumb-router/breadcrumb-router.component.ts index 50ce54ec..7849946f 100644 --- a/projects/coreui-angular/src/lib/breadcrumb/breadcrumb-router/breadcrumb-router.component.ts +++ b/projects/coreui-angular/src/lib/breadcrumb/breadcrumb-router/breadcrumb-router.component.ts @@ -8,10 +8,9 @@ import { BreadcrumbRouterService } from './breadcrumb-router.service'; import { BreadcrumbItemComponent } from '../breadcrumb-item/breadcrumb-item.component'; @Component({ - selector: 'c-breadcrumb-router, [cBreadcrumbRouter]', - templateUrl: './breadcrumb-router.component.html', - standalone: true, - imports: [BreadcrumbComponent, BreadcrumbItemComponent, AsyncPipe] + selector: 'c-breadcrumb-router, [cBreadcrumbRouter]', + templateUrl: './breadcrumb-router.component.html', + imports: [BreadcrumbComponent, BreadcrumbItemComponent, AsyncPipe] }) export class BreadcrumbRouterComponent implements OnChanges, OnDestroy, OnInit { constructor( diff --git a/projects/coreui-angular/src/lib/breadcrumb/breadcrumb/breadcrumb.component.ts b/projects/coreui-angular/src/lib/breadcrumb/breadcrumb/breadcrumb.component.ts index 2a440c8a..efd36466 100644 --- a/projects/coreui-angular/src/lib/breadcrumb/breadcrumb/breadcrumb.component.ts +++ b/projects/coreui-angular/src/lib/breadcrumb/breadcrumb/breadcrumb.component.ts @@ -3,7 +3,6 @@ import { Component, HostBinding, Input } from '@angular/core'; @Component({ selector: 'c-breadcrumb', template: '', - standalone: true, host: { class: 'breadcrumb' } }) export class BreadcrumbComponent { diff --git a/projects/coreui-angular/src/lib/button-group/button-group/button-group.component.ts b/projects/coreui-angular/src/lib/button-group/button-group/button-group.component.ts index 951b7684..18504269 100644 --- a/projects/coreui-angular/src/lib/button-group/button-group/button-group.component.ts +++ b/projects/coreui-angular/src/lib/button-group/button-group/button-group.component.ts @@ -3,7 +3,6 @@ import { booleanAttribute, Component, computed, input, InputSignal, InputSignalW @Component({ selector: 'c-button-group', template: '', - standalone: true, host: { '[attr.role]': 'role()', '[class]': 'hostClasses()' } }) export class ButtonGroupComponent { diff --git a/projects/coreui-angular/src/lib/button-group/button-toolbar/button-toolbar.component.ts b/projects/coreui-angular/src/lib/button-group/button-toolbar/button-toolbar.component.ts index da519027..d0659f35 100644 --- a/projects/coreui-angular/src/lib/button-group/button-toolbar/button-toolbar.component.ts +++ b/projects/coreui-angular/src/lib/button-group/button-toolbar/button-toolbar.component.ts @@ -3,7 +3,6 @@ import { Component, input, InputSignal } from '@angular/core'; @Component({ selector: 'c-button-toolbar', template: '', - standalone: true, host: { class: 'btn-toolbar', '[attr.role]': 'role()' } }) export class ButtonToolbarComponent { diff --git a/projects/coreui-angular/src/lib/button/button-close.directive.spec.ts b/projects/coreui-angular/src/lib/button/button-close.directive.spec.ts index b7423c37..80178e1f 100644 --- a/projects/coreui-angular/src/lib/button/button-close.directive.spec.ts +++ b/projects/coreui-angular/src/lib/button/button-close.directive.spec.ts @@ -6,9 +6,8 @@ import { By } from '@angular/platform-browser'; class MockElementRef extends ElementRef {} @Component({ - template: '', - standalone: true, - imports: [ButtonCloseDirective] + template: '', + imports: [ButtonCloseDirective] }) class TestComponent {} diff --git a/projects/coreui-angular/src/lib/button/button-close.directive.ts b/projects/coreui-angular/src/lib/button/button-close.directive.ts index 6e55ba28..6ebfe196 100644 --- a/projects/coreui-angular/src/lib/button/button-close.directive.ts +++ b/projects/coreui-angular/src/lib/button/button-close.directive.ts @@ -4,7 +4,6 @@ import { ButtonDirective } from './button.directive'; @Directive({ selector: '[cButtonClose]', - standalone: true, hostDirectives: [{ directive: ThemeDirective, inputs: ['dark'] }], host: { class: 'btn btn-close', diff --git a/projects/coreui-angular/src/lib/button/button.directive.spec.ts b/projects/coreui-angular/src/lib/button/button.directive.spec.ts index e7014eb5..b9ea20ea 100644 --- a/projects/coreui-angular/src/lib/button/button.directive.spec.ts +++ b/projects/coreui-angular/src/lib/button/button.directive.spec.ts @@ -6,9 +6,8 @@ import { By } from '@angular/platform-browser'; class MockElementRef extends ElementRef {} @Component({ - template: '', - standalone: true, - imports: [ButtonDirective] + template: '', + imports: [ButtonDirective] }) class TestComponent {} diff --git a/projects/coreui-angular/src/lib/button/button.directive.ts b/projects/coreui-angular/src/lib/button/button.directive.ts index 3bd567bd..30bae81c 100644 --- a/projects/coreui-angular/src/lib/button/button.directive.ts +++ b/projects/coreui-angular/src/lib/button/button.directive.ts @@ -5,7 +5,6 @@ import { ButtonType, Colors, Shapes } from '../coreui.types'; @Directive({ selector: '[cButton]', exportAs: 'cButton', - standalone: true, host: { class: 'btn', '[class]': 'hostClasses()', diff --git a/projects/coreui-angular/src/lib/callout/callout.component.ts b/projects/coreui-angular/src/lib/callout/callout.component.ts index a3e121e8..5df31d79 100644 --- a/projects/coreui-angular/src/lib/callout/callout.component.ts +++ b/projects/coreui-angular/src/lib/callout/callout.component.ts @@ -5,7 +5,6 @@ import { Colors } from '../coreui.types'; selector: 'c-callout, [cCallout]', template: '', styleUrls: ['./callout.component.scss'], - standalone: true, host: { class: 'callout', '[class]': 'hostClasses()' } }) export class CalloutComponent { diff --git a/projects/coreui-angular/src/lib/card/card-body.component.ts b/projects/coreui-angular/src/lib/card/card-body.component.ts index 88018b85..9118bb1f 100644 --- a/projects/coreui-angular/src/lib/card/card-body.component.ts +++ b/projects/coreui-angular/src/lib/card/card-body.component.ts @@ -3,7 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'c-card-body, [c-card-body]', template: '', - standalone: true, host: { class: 'card-body' } }) export class CardBodyComponent {} diff --git a/projects/coreui-angular/src/lib/card/card-footer.component.ts b/projects/coreui-angular/src/lib/card/card-footer.component.ts index 5ff9124d..b6244f84 100644 --- a/projects/coreui-angular/src/lib/card/card-footer.component.ts +++ b/projects/coreui-angular/src/lib/card/card-footer.component.ts @@ -3,7 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'c-card-footer, [c-card-footer]', template: '', - standalone: true, host: { class: 'card-footer' } }) export class CardFooterComponent {} diff --git a/projects/coreui-angular/src/lib/card/card-group.component.ts b/projects/coreui-angular/src/lib/card/card-group.component.ts index ee2dcc44..0c893fe7 100644 --- a/projects/coreui-angular/src/lib/card/card-group.component.ts +++ b/projects/coreui-angular/src/lib/card/card-group.component.ts @@ -3,7 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'c-card-group, [c-card-group]', template: '', - standalone: true, host: { class: 'card-group' } }) export class CardGroupComponent {} diff --git a/projects/coreui-angular/src/lib/card/card-header-actions.component.ts b/projects/coreui-angular/src/lib/card/card-header-actions.component.ts index 4460c3df..1233b507 100644 --- a/projects/coreui-angular/src/lib/card/card-header-actions.component.ts +++ b/projects/coreui-angular/src/lib/card/card-header-actions.component.ts @@ -3,7 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'c-card-header-actions, [c-card-header-actions]', template: '', - standalone: true, host: { class: 'card-header-actions' } }) export class CardHeaderActionsComponent {} diff --git a/projects/coreui-angular/src/lib/card/card-header.component.ts b/projects/coreui-angular/src/lib/card/card-header.component.ts index 33b8551a..3efed99d 100644 --- a/projects/coreui-angular/src/lib/card/card-header.component.ts +++ b/projects/coreui-angular/src/lib/card/card-header.component.ts @@ -3,7 +3,6 @@ import { Component } from '@angular/core'; @Component({ selector: 'c-card-header, [c-card-header]', template: '', - standalone: true, host: { class: 'card-header' } }) export class CardHeaderComponent {} diff --git a/projects/coreui-angular/src/lib/card/card-img-overlay/card-img-overlay.component.ts b/projects/coreui-angular/src/lib/card/card-img-overlay/card-img-overlay.component.ts index 500ff701..5fc3e9df 100644 --- a/projects/coreui-angular/src/lib/card/card-img-overlay/card-img-overlay.component.ts +++ b/projects/coreui-angular/src/lib/card/card-img-overlay/card-img-overlay.component.ts @@ -4,7 +4,6 @@ import { Component } from '@angular/core'; selector: 'c-card-img-overlay', template: '', styleUrls: ['./card-img-overlay.component.scss'], - standalone: true, host: { class: 'card-img-overlay' } }) export class CardImgOverlayComponent {} diff --git a/projects/coreui-angular/src/lib/card/card-img.directive.ts b/projects/coreui-angular/src/lib/card/card-img.directive.ts index 287e0c3a..3546ca30 100644 --- a/projects/coreui-angular/src/lib/card/card-img.directive.ts +++ b/projects/coreui-angular/src/lib/card/card-img.directive.ts @@ -2,7 +2,6 @@ import { computed, Directive, input } from '@angular/core'; @Directive({ selector: '[cCardImg]', - standalone: true, host: { '[class]': 'hostClasses()' } }) export class CardImgDirective { diff --git a/projects/coreui-angular/src/lib/card/card-link.directive.ts b/projects/coreui-angular/src/lib/card/card-link.directive.ts index 77bb1b57..a9950b0f 100644 --- a/projects/coreui-angular/src/lib/card/card-link.directive.ts +++ b/projects/coreui-angular/src/lib/card/card-link.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cCardLink]', - standalone: true, host: { class: 'card-link' } }) export class CardLinkDirective {} diff --git a/projects/coreui-angular/src/lib/card/card-subtitle.directive.ts b/projects/coreui-angular/src/lib/card/card-subtitle.directive.ts index f22bb33c..f07d68e2 100644 --- a/projects/coreui-angular/src/lib/card/card-subtitle.directive.ts +++ b/projects/coreui-angular/src/lib/card/card-subtitle.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cCardSubtitle]', - standalone: true, host: { class: 'card-subtitle' } }) export class CardSubtitleDirective {} diff --git a/projects/coreui-angular/src/lib/card/card-text.directive.ts b/projects/coreui-angular/src/lib/card/card-text.directive.ts index dc9fc7f6..c09db2f5 100644 --- a/projects/coreui-angular/src/lib/card/card-text.directive.ts +++ b/projects/coreui-angular/src/lib/card/card-text.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cCardText]', - standalone: true, host: { class: 'card-text' } }) export class CardTextDirective {} diff --git a/projects/coreui-angular/src/lib/card/card-title.directive.ts b/projects/coreui-angular/src/lib/card/card-title.directive.ts index 3d830f4a..b9873e8f 100644 --- a/projects/coreui-angular/src/lib/card/card-title.directive.ts +++ b/projects/coreui-angular/src/lib/card/card-title.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cCardTitle]', - standalone: true, host: { class: 'card-title' } }) export class CardTitleDirective {} diff --git a/projects/coreui-angular/src/lib/card/card.component.ts b/projects/coreui-angular/src/lib/card/card.component.ts index 0d021417..ee80d009 100644 --- a/projects/coreui-angular/src/lib/card/card.component.ts +++ b/projects/coreui-angular/src/lib/card/card.component.ts @@ -5,7 +5,6 @@ import { TextBgColorDirective, TextColorDirective } from '../utilities'; @Component({ selector: 'c-card, [c-card]', template: '', - standalone: true, hostDirectives: [ { directive: TextColorDirective, inputs: ['cTextColor: textColor'] }, { directive: TextBgColorDirective, inputs: ['cTextBgColor: textBgColor'] } diff --git a/projects/coreui-angular/src/lib/carousel/carousel-caption/carousel-caption.component.ts b/projects/coreui-angular/src/lib/carousel/carousel-caption/carousel-caption.component.ts index c24f4999..5c2b5573 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel-caption/carousel-caption.component.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel-caption/carousel-caption.component.ts @@ -3,11 +3,8 @@ import { Component, HostBinding } from '@angular/core'; @Component({ selector: 'c-carousel-caption', template: '', - styleUrls: ['./carousel-caption.component.scss'], - standalone: true + styleUrls: ['./carousel-caption.component.scss'] }) export class CarouselCaptionComponent { - @HostBinding('class.carousel-caption') carouselCaptionClass = true; - } diff --git a/projects/coreui-angular/src/lib/carousel/carousel-control/carousel-control.component.ts b/projects/coreui-angular/src/lib/carousel/carousel-control/carousel-control.component.ts index d2b3c399..7c346cd9 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel-control/carousel-control.component.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel-control/carousel-control.component.ts @@ -13,11 +13,9 @@ import { CarouselState } from '../carousel-state'; @Component({ selector: 'c-carousel-control', - templateUrl: './carousel-control.component.html', - standalone: true + templateUrl: './carousel-control.component.html' }) export class CarouselControlComponent implements AfterViewInit { - constructor( private changeDetectorRef: ChangeDetectorRef, private carouselState: CarouselState diff --git a/projects/coreui-angular/src/lib/carousel/carousel-indicators/carousel-indicators.component.ts b/projects/coreui-angular/src/lib/carousel/carousel-indicators/carousel-indicators.component.ts index c17d0f32..502768ee 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel-indicators/carousel-indicators.component.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel-indicators/carousel-indicators.component.ts @@ -6,8 +6,7 @@ import { CarouselService } from '../carousel.service'; @Component({ selector: 'c-carousel-indicators', - templateUrl: './carousel-indicators.component.html', - standalone: true + templateUrl: './carousel-indicators.component.html' }) export class CarouselIndicatorsComponent implements OnInit, OnDestroy { constructor( @@ -37,7 +36,7 @@ export class CarouselIndicatorsComponent implements OnInit, OnDestroy { private carouselStateSubscribe(subscribe: boolean = true): void { if (subscribe) { this.carouselIndexSubscription = this.carouselService.carouselIndex$.subscribe((nextIndex) => { - this.items = this.carouselState?.state?.items?.map(item => item.index) ?? []; + this.items = this.carouselState?.state?.items?.map((item) => item.index) ?? []; if ('active' in nextIndex) { this.active = nextIndex.active ?? 0; } diff --git a/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.ts b/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.ts index 628b1ee5..209e72a4 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.ts @@ -15,8 +15,7 @@ import { CarouselState } from '../carousel-state'; selector: 'c-carousel-inner', templateUrl: './carousel-inner.component.html', styleUrls: ['./carousel-inner.component.scss'], - animations: [slideAnimation, fadeAnimation], - standalone: true + animations: [slideAnimation, fadeAnimation] }) export class CarouselInnerComponent implements AfterContentInit, AfterContentChecked { constructor(private carouselState: CarouselState) {} diff --git a/projects/coreui-angular/src/lib/carousel/carousel-item/carousel-item.component.ts b/projects/coreui-angular/src/lib/carousel/carousel-item/carousel-item.component.ts index 4c75f34d..cfda0403 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel-item/carousel-item.component.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel-item/carousel-item.component.ts @@ -15,7 +15,6 @@ import { CarouselService } from '../carousel.service'; selector: 'c-carousel-item', templateUrl: './carousel-item.component.html', styleUrls: ['./carousel-item.component.scss'], - standalone: true, host: { class: 'carousel-item' } }) export class CarouselItemComponent implements OnDestroy, AfterViewInit { diff --git a/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.ts b/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.ts index 5edb906f..23842263 100644 --- a/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.ts +++ b/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.ts @@ -29,7 +29,6 @@ import { CarouselConfig } from '../carousel.config'; template: '', styleUrls: ['./carousel.component.scss'], providers: [CarouselService, CarouselState, CarouselConfig, ListenersService], - standalone: true, hostDirectives: [{ directive: ThemeDirective, inputs: ['dark'] }], host: { class: 'carousel slide' } }) diff --git a/projects/coreui-angular/src/lib/collapse/collapse.directive.spec.ts b/projects/coreui-angular/src/lib/collapse/collapse.directive.spec.ts index 0d278708..edc6fc67 100644 --- a/projects/coreui-angular/src/lib/collapse/collapse.directive.spec.ts +++ b/projects/coreui-angular/src/lib/collapse/collapse.directive.spec.ts @@ -7,9 +7,8 @@ import { By } from '@angular/platform-browser'; class MockElementRef extends ElementRef {} @Component({ - template: '
Test
', - standalone: true, - imports: [CollapseDirective] + template: '
Test
', + imports: [CollapseDirective] }) class TestComponent {} diff --git a/projects/coreui-angular/src/lib/collapse/collapse.directive.ts b/projects/coreui-angular/src/lib/collapse/collapse.directive.ts index 89624fde..1e538be3 100644 --- a/projects/coreui-angular/src/lib/collapse/collapse.directive.ts +++ b/projects/coreui-angular/src/lib/collapse/collapse.directive.ts @@ -23,7 +23,6 @@ import { @Directive({ selector: '[cCollapse]', exportAs: 'cCollapse', - standalone: true, host: { '[class]': 'hostClasses()', '[style]': '{display: "none"}' } }) export class CollapseDirective implements OnDestroy { diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-close/dropdown-close.directive.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-close/dropdown-close.directive.ts index 0fd38fde..58e3e535 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-close/dropdown-close.directive.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-close/dropdown-close.directive.ts @@ -4,15 +4,13 @@ import { DropdownComponent } from '../dropdown/dropdown.component'; @Directive({ selector: '[cDropdownClose]', - exportAs: 'cDropdownClose', - standalone: true + exportAs: 'cDropdownClose' }) export class DropdownCloseDirective implements AfterViewInit { - constructor( private dropdownService: DropdownService, @Optional() public dropdown?: DropdownComponent - ) { } + ) {} /** * Disables a dropdown-close directive. diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-divider/dropdown-divider.directive.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-divider/dropdown-divider.directive.ts index de56de69..045524e2 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-divider/dropdown-divider.directive.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-divider/dropdown-divider.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cDropdownDivider]', - standalone: true, host: { class: 'dropdown-divider' } }) export class DropdownDividerDirective {} diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-header/dropdown-header.directive.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-header/dropdown-header.directive.ts index c4743612..1410511a 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-header/dropdown-header.directive.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-header/dropdown-header.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cDropdownHeader]', - standalone: true, host: { class: 'dropdown-header' } }) export class DropdownHeaderDirective {} diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item-plain.directive.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item-plain.directive.ts index 1fb2f735..adc25756 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item-plain.directive.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item-plain.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: '[cDropdownItemPlain]', - standalone: true, host: { class: 'dropdown-item-text' } }) export class DropdownItemPlainDirective {} diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item.directive.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item.directive.ts index 63e2baad..52331dcc 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item.directive.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-item/dropdown-item.directive.ts @@ -6,7 +6,6 @@ import { DropdownComponent } from '../dropdown/dropdown.component'; @Directive({ selector: '[cDropdownItem]', exportAs: 'cDropdownItem', - standalone: true, host: { class: 'dropdown-item' } }) export class DropdownItemDirective implements FocusableOption { diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown-menu/dropdown-menu.directive.ts b/projects/coreui-angular/src/lib/dropdown/dropdown-menu/dropdown-menu.directive.ts index 19d4adfc..27e1c333 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown-menu/dropdown-menu.directive.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown-menu/dropdown-menu.directive.ts @@ -23,7 +23,6 @@ import { DropdownItemDirective } from '../dropdown-item/dropdown-item.directive' @Directive({ selector: '[cDropdownMenu]', exportAs: 'cDropdownMenu', - standalone: true, hostDirectives: [{ directive: ThemeDirective, inputs: ['dark'] }], host: { class: 'dropdown-menu' } }) diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.spec.ts b/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.spec.ts index 43836850..da28a300 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.spec.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.spec.ts @@ -33,9 +33,8 @@ describe('DropdownComponent', () => { class MockElementRef extends ElementRef {} @Component({ - template: '
', - standalone: true, - imports: [DropdownToggleDirective] + template: '
', + imports: [DropdownToggleDirective] }) class TestComponent {} diff --git a/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.ts b/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.ts index 4963ee8a..d9a4a093 100644 --- a/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.ts +++ b/projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.ts @@ -41,8 +41,7 @@ export abstract class DropdownToken {} @Directive({ selector: '[cDropdownToggle]', providers: [{ provide: DropdownToken, useExisting: forwardRef(() => DropdownComponent) }], - exportAs: 'cDropdownToggle', - standalone: true + exportAs: 'cDropdownToggle' }) export class DropdownToggleDirective implements AfterViewInit { // injections @@ -121,7 +120,7 @@ export class DropdownToggleDirective implements AfterViewInit { styleUrls: ['./dropdown.component.scss'], exportAs: 'cDropdown', providers: [DropdownService], - standalone: true, + hostDirectives: [{ directive: ThemeDirective, inputs: ['dark'] }] }) export class DropdownComponent implements AfterContentInit, OnChanges, OnDestroy, OnInit { diff --git a/projects/coreui-angular/src/lib/footer/footer.component.ts b/projects/coreui-angular/src/lib/footer/footer.component.ts index 4f7edbab..770daf1f 100644 --- a/projects/coreui-angular/src/lib/footer/footer.component.ts +++ b/projects/coreui-angular/src/lib/footer/footer.component.ts @@ -5,7 +5,6 @@ import { Positions } from '../coreui.types'; @Component({ selector: 'c-footer, [cFooter]', template: '', - standalone: true, host: { class: 'footer', '[class]': 'hostClasses()', diff --git a/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.spec.ts b/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.spec.ts index 6bec2c96..20a80ecd 100644 --- a/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.spec.ts +++ b/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.spec.ts @@ -4,7 +4,8 @@ import { By } from '@angular/platform-browser'; import { FormCheckInputDirective } from './form-check-input.directive'; @Component({ - template: '' + template: '', + imports: [FormCheckInputDirective] }) class TestComponent {} @@ -16,8 +17,7 @@ describe('FormCheckInputDirective', () => { beforeEach(() => { TestBed.configureTestingModule({ - declarations: [TestComponent], - imports: [FormCheckInputDirective] + imports: [FormCheckInputDirective, TestComponent] }); fixture = TestBed.createComponent(TestComponent); component = fixture.componentInstance; diff --git a/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.ts b/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.ts index d7d530e5..d54f1828 100644 --- a/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.ts +++ b/projects/coreui-angular/src/lib/form/form-check/form-check-input.directive.ts @@ -2,7 +2,6 @@ import { booleanAttribute, Directive, ElementRef, HostBinding, Input, Renderer2 @Directive({ selector: 'input[cFormCheckInput]', - standalone: true, host: { class: 'form-check-input' } }) export class FormCheckInputDirective { diff --git a/projects/coreui-angular/src/lib/form/form-check/form-check-label.directive.ts b/projects/coreui-angular/src/lib/form/form-check/form-check-label.directive.ts index d1141c87..f3c30eab 100644 --- a/projects/coreui-angular/src/lib/form/form-check/form-check-label.directive.ts +++ b/projects/coreui-angular/src/lib/form/form-check/form-check-label.directive.ts @@ -2,7 +2,6 @@ import { Directive } from '@angular/core'; @Directive({ selector: 'label[cFormCheckLabel]', - standalone: true, host: { class: 'form-check-label' } }) export class FormCheckLabelDirective {} diff --git a/projects/coreui-angular/src/lib/form/form-check/form-check.component.ts b/projects/coreui-angular/src/lib/form/form-check/form-check.component.ts index 3616582a..a5c903eb 100644 --- a/projects/coreui-angular/src/lib/form/form-check/form-check.component.ts +++ b/projects/coreui-angular/src/lib/form/form-check/form-check.component.ts @@ -5,11 +5,9 @@ import { FormCheckLabelDirective } from './form-check-label.directive'; @Component({ selector: 'c-form-check', template: '', - exportAs: 'cFormCheck', - standalone: true + exportAs: 'cFormCheck' }) export class FormCheckComponent implements AfterContentInit { - /** * Group checkboxes or radios on the same horizontal row. * @type boolean @@ -40,7 +38,6 @@ export class FormCheckComponent implements AfterContentInit { @HostBinding('class') get hostClasses(): any { - return { 'form-check': this.formCheckClass, 'form-switch': this.switch, diff --git a/projects/coreui-angular/src/lib/form/form-control/form-control.directive.ts b/projects/coreui-angular/src/lib/form/form-control/form-control.directive.ts index 34c467e8..1d5604c5 100644 --- a/projects/coreui-angular/src/lib/form/form-control/form-control.directive.ts +++ b/projects/coreui-angular/src/lib/form/form-control/form-control.directive.ts @@ -3,14 +3,10 @@ import { booleanAttribute, Directive, ElementRef, HostBinding, Input, OnInit } f import { InputType } from '../../coreui.types'; @Directive({ - selector: 'input[cFormControl], textarea[cFormControl]', - standalone: true + selector: 'input[cFormControl], textarea[cFormControl]' }) export class FormControlDirective implements OnInit { - - constructor( - private hostElement: ElementRef - ) {} + constructor(private hostElement: ElementRef) {} /** * Size the component small or large. @@ -27,7 +23,8 @@ export class FormControlDirective implements OnInit { * Specifies the type of input element. */ @HostBinding('attr.type') - @Input() type: Omit = 'text'; + @Input() + type: Omit = 'text'; /** * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use alongside `readonly` [docs] @@ -36,7 +33,6 @@ export class FormControlDirective implements OnInit { @HostBinding('class') get hostClasses(): any { - const isRangeType = this.type === 'range'; return { @@ -60,5 +56,4 @@ export class FormControlDirective implements OnInit { console.warn(`CoreUI [cFormControl] works with '' and '