refactor(text-color): input signals

Author: xidedix

projects/coreui-angular/src/lib/utilities/text-color.directive.spec.ts

@@ -1,8 +1,11 @@
+import { TestBed } from '@angular/core/testing';
 import { TextColorDirective } from './text-color.directive';
 
 describe('TextColorDirective', () => {
   it('should create an instance', () => {
-    const directive = new TextColorDirective();
-    expect(directive).toBeTruthy();
+    TestBed.runInInjectionContext(() => {
+      const directive = new TextColorDirective();
+      expect(directive).toBeTruthy();
+    });
   });
 });

projects/coreui-angular/src/lib/utilities/text-color.directive.ts

@@ -1,24 +1,22 @@
-import { Directive, HostBinding, Input } from '@angular/core';
+import { Directive, HostBinding, input, InputSignal } from '@angular/core';
 import { TextColors } from '../coreui.types';
 
 @Directive({
   selector: '[cTextColor]',
   standalone: true
 })
 export class TextColorDirective {
-
   /**
    * Set text-color of element
    * @type TextColors
    */
-  @Input('cTextColor') color: TextColors = '';
+  readonly color: InputSignal<TextColors> = input('', { alias: 'cTextColor' });
 
   @HostBinding('class')
   get hostClasses(): any {
-    const color = this.color;
+    const color = this.color();
     return {
       [`text-${color}`]: !!color
     };
   }
-
 }