refactor: directives, components and pipes are now standalone by default

Author: xidedix

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' }
 })

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 {

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);

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 {

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 {}

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 {}

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 {
 

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 {
   /**

projects/coreui-angular/src/lib/badge/badge.component.ts

@@ -5,7 +5,6 @@ import { TextBgColorDirective, TextColorDirective } from '../utilities';
 @Component({
   selector: 'c-badge',
   template: '<ng-content />',
-  standalone: true,
   hostDirectives: [
     { directive: TextColorDirective, inputs: ['cTextColor: textColor'] },
     { directive: TextBgColorDirective, inputs: ['cTextBgColor: textBgColor'] }

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 {