feat(cIcon): standalone directive

Author: xidedix

projects/coreui-icons-angular/src/lib/icon/icon.component.spec.ts

@@ -31,7 +31,8 @@ describe('IconComponent', () => {
 
   beforeEach(async () => {
     TestBed.configureTestingModule({
-      declarations: [TestComponent, IconComponent, HtmlAttributesDirective],
+      declarations: [TestComponent],
+      imports: [IconComponent, HtmlAttributesDirective],
       providers: [IconSetService]
     }).compileComponents();
 

projects/coreui-icons-angular/src/lib/icon/icon.component.ts

@@ -1,12 +1,17 @@
+import { CommonModule } from '@angular/common';
 import { AfterViewInit, Component, ElementRef, Input, Renderer2, ViewChild } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+
+import { HtmlAttributesDirective } from '../shared/html-attr.directive';
 import { IconSetService } from '../icon-set';
 import { IconSize, IIcon } from './icon.interface';
 
 @Component({
   selector: 'c-icon',
   templateUrl: './icon.component.svg',
-  styleUrls: ['./icon.component.scss']
+  styleUrls: ['./icon.component.scss'],
+  standalone: true,
+  imports: [CommonModule, HtmlAttributesDirective]
 })
 export class IconComponent implements IIcon, AfterViewInit {
 

projects/coreui-icons-angular/src/lib/icon/icon.directive.spec.ts

@@ -11,15 +11,14 @@ import { cilList } from '@coreui/icons';
     <svg [cIcon]="this.iconSet.icons.cilList" size="lg" class="test" title="Test"></svg>`
 })
 class TestComponent {
-  @ViewChild(IconDirective, {read: IconDirective}) iconRef!: IconDirective;
-
   constructor(
     public iconSet: IconSetService
   ) {
-    this.iconSet.icons = {cilList};
+    this.iconSet.icons = { cilList };
   }
-}
 
+  @ViewChild(IconDirective, { read: IconDirective }) iconRef!: IconDirective;
+}
 
 describe('IconDirective', () => {
   let component: TestComponent;
@@ -31,8 +30,9 @@ describe('IconDirective', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      declarations: [TestComponent, IconDirective],
-      providers: [IconSetService]
+      declarations: [TestComponent],
+      providers: [IconSetService],
+      imports: [IconDirective]
     }).compileComponents();
 
     fixture = TestBed.createComponent(TestComponent);

projects/coreui-icons-angular/src/lib/icon/icon.directive.ts

@@ -6,7 +6,8 @@ import { IconSize, IIcon } from './icon.interface';
 
 @Directive({
   selector: 'svg[cIcon]',
-  exportAs: 'cIcon'
+  exportAs: 'cIcon',
+  standalone: true
 })
 export class IconDirective implements IIcon {
 

projects/coreui-icons-angular/src/lib/icon/icon.module.ts

@@ -1,23 +1,22 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
+import { HtmlAttributesDirective } from '../shared/html-attr.directive';
 import { IconComponent } from './icon.component';
 import { IconDirective } from './icon.directive';
-import { HtmlAttributesDirective } from '../shared/html-attr.directive';
 
 @NgModule({
-  declarations: [
-    IconComponent,
-    HtmlAttributesDirective,
-    IconDirective
-  ],
+  declarations: [],
   imports: [
     CommonModule,
+    HtmlAttributesDirective,
+    IconComponent,
+    IconDirective
   ],
   exports: [
     IconComponent,
     IconDirective
-  ],
+  ]
 })
 export class IconModule {
 }

projects/coreui-icons-angular/src/lib/shared/html-attr.directive.spec.ts

@@ -20,7 +20,8 @@ describe('HtmlAttributesDirective', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      declarations: [TestComponent, HtmlAttributesDirective]
+      declarations: [TestComponent],
+      imports: [HtmlAttributesDirective]
     });
     fixture = TestBed.createComponent(TestComponent);
     component = fixture.componentInstance;

projects/coreui-icons-angular/src/lib/shared/html-attr.directive.ts

@@ -2,7 +2,8 @@ import { Directive, ElementRef, Input, OnInit, Renderer2 } from '@angular/core';
 
 @Directive({
   selector: '[cHtmlAttr]',
-  exportAs: 'cHtmlAttr'
+  exportAs: 'cHtmlAttr',
+  standalone: true
 })
 export class HtmlAttributesDirective implements OnInit {