refactor(form-floating): signal inputs, host bindings, cleanup

Author: xidedix

projects/coreui-angular/src/lib/form/form-floating/form-floating.directive.spec.ts

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

projects/coreui-angular/src/lib/form/form-floating/form-floating.directive.ts

@@ -1,19 +1,19 @@
-import { booleanAttribute, Directive, HostBinding, Input } from '@angular/core';
+import { booleanAttribute, computed, Directive, input } from '@angular/core';
 
 @Directive({
-  selector: '[cFormFloating]'
+  selector: '[cFormFloating]',
+  host: { '[class]': 'hostClasses()' }
 })
 export class FormFloatingDirective {
   /**
    * Enable floating labels
    * @type boolean
    */
-  @Input({ alias: 'cFormFloating', transform: booleanAttribute }) floating: string | boolean = true;
+  readonly floating = input(true, { transform: booleanAttribute, alias: 'cFormFloating' });
 
-  @HostBinding('class')
-  get hostClasses(): any {
+  readonly hostClasses = computed(() => {
     return {
-      'form-floating': this.floating
+      'form-floating': this.floating()
     };
-  }
+  });
 }