feat: standalone components, cleanup

Author: xidedix

projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.spec.ts

@@ -1,7 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-
-import { CollapseModule } from '../../collapse';
 import { AccordionButtonDirective } from '../accordion-button/accordion-button.directive';
 import { AccordionService } from '../accordion.service';
 import { AccordionItemComponent } from './accordion-item.component';
@@ -12,9 +10,8 @@ describe('AccordionItemComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [],
       providers: [AccordionService],
-      imports: [NoopAnimationsModule, AccordionButtonDirective, AccordionItemComponent, CollapseModule]
+      imports: [NoopAnimationsModule, AccordionButtonDirective, AccordionItemComponent]
     })
       .compileComponents();
   });

projects/coreui-angular/src/lib/accordion/accordion-item/accordion-item.component.ts

@@ -8,13 +8,13 @@ import {
   OnInit,
   QueryList
 } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
 import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';
 
-import { CollapseModule } from '../../collapse';
+import { CollapseDirective } from '../../collapse';
 import { TemplateIdDirective } from '../../shared';
 import { AccordionButtonDirective } from '../accordion-button/accordion-button.directive';
 import { AccordionService } from '../accordion.service';
-import { CommonModule } from '@angular/common';
 
 let nextId = 0;
 
@@ -24,7 +24,7 @@ let nextId = 0;
   styleUrls: ['./accordion-item.component.scss'],
   exportAs: 'cAccordionItem',
   standalone: true,
-  imports: [AccordionButtonDirective, CollapseModule, CommonModule]
+  imports: [AccordionButtonDirective, NgTemplateOutlet, CollapseDirective]
 })
 export class AccordionItemComponent implements OnInit, OnDestroy, AfterContentInit {
 

projects/coreui-angular/src/lib/accordion/accordion.module.ts

@@ -1,21 +1,14 @@
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
 import { AccordionComponent } from './accordion/accordion.component';
 import { AccordionButtonDirective } from './accordion-button/accordion-button.directive';
 import { AccordionItemComponent } from './accordion-item/accordion-item.component';
 import { AccordionService } from './accordion.service';
-import { CollapseModule } from '../collapse';
-import { SharedModule } from '../shared';
 
 @NgModule({
-  declarations: [],
   imports: [
-    CommonModule,
     AccordionButtonDirective,
     AccordionComponent,
-    AccordionItemComponent,
-    CollapseModule,
-    SharedModule
+    AccordionItemComponent
   ],
   exports: [
     AccordionComponent,

projects/coreui-angular/src/lib/accordion/accordion/accordion.component.spec.ts

@@ -8,9 +8,9 @@ describe('AccordionComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ AccordionComponent ]
+      imports: [AccordionComponent]
     })
-    .compileComponents();
+      .compileComponents();
   });
 
   beforeEach(() => {

projects/coreui-angular/src/lib/alert/alert.component.html

@@ -2,7 +2,7 @@
   <ng-template [ngIf]="dismissible">
     <ng-container *ngTemplateOutlet="templates?.alertButtonCloseTemplate || defaultAlertButtonCloseTemplate">
     </ng-container>
-  </ng-template>
+  </ng-template>ś
   <ng-content></ng-content>
 </ng-container>
 

projects/coreui-angular/src/lib/alert/alert.component.spec.ts

@@ -9,7 +9,6 @@ describe('AlertComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [],
       imports: [BrowserAnimationsModule, AlertComponent]
     })
       .compileComponents();

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

@@ -9,12 +9,13 @@ import {
   Output,
   QueryList
 } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
 import { animate, AnimationEvent, state, style, transition, trigger } from '@angular/animations';
 import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';
 
 import { Colors } from '../coreui.types';
 import { TemplateIdDirective } from '../shared';
+import { ButtonCloseDirective } from '../button';
 
 type AnimateType = ('hide' | 'show');
 
@@ -24,7 +25,7 @@ type AnimateType = ('hide' | 'show');
   styleUrls: ['./alert.component.scss'],
   exportAs: 'cAlert',
   standalone: true,
-  imports: [CommonModule],
+  imports: [NgIf, NgTemplateOutlet, ButtonCloseDirective],
   animations: [
     trigger('fadeInOut', [
       state('show', style({ opacity: 1, height: '*', padding: '*', border: '*', margin: '*' })),

projects/coreui-angular/src/lib/alert/alert.module.ts

@@ -1,24 +1,19 @@
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
 
 import { AlertComponent } from './alert.component';
 import { AlertHeadingDirective } from './alert-heading.directive';
 import { AlertLinkDirective } from './alert-link.directive';
-import { ButtonModule } from '../button';
 
 @NgModule({
   imports: [
-    CommonModule,
     AlertComponent,
     AlertHeadingDirective,
-    AlertLinkDirective,
-    ButtonModule
+    AlertLinkDirective
   ],
   exports: [
     AlertComponent,
     AlertHeadingDirective,
     AlertLinkDirective
-  ],
-  declarations: []
+  ]
 })
 export class AlertModule {}

projects/coreui-angular/src/lib/avatar/avatar.component.scss

@@ -8,9 +8,9 @@ describe('AvatarComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ AvatarComponent ]
+      imports: [AvatarComponent]
     })
-    .compileComponents();
+      .compileComponents();
   });
 
   beforeEach(() => {