refactor(text-bg-color): input signals

Author: xidedix

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

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

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

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