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

Author: xidedix

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

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

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

@@ -1,20 +1,20 @@
-import { booleanAttribute, Directive, HostBinding, Input } from '@angular/core';
+import { booleanAttribute, computed, Directive, input } from '@angular/core';
 
 @Directive({
-  selector: 'form[cForm]'
+  selector: 'form[cForm]',
+  host: { '[class]': 'hostClasses()' }
 })
 export class FormDirective {
   /**
    * Mark a form as validated. If you set it `true`, all validation styles will be applied to the form. [docs]
    * @type boolean
    * @default false
    */
-  @Input({ transform: booleanAttribute }) validated: string | boolean = false;
+  readonly validated = input(false, { transform: booleanAttribute });
 
-  @HostBinding('class')
-  get hostClasses(): any {
+  readonly hostClasses = computed(() => {
     return {
-      'was-validated': this.validated
+      'was-validated': this.validated()
     };
-  }
+  });
 }