feat: add classes indicating form field status

timdeschryver · Oct 23, 2023 · 6ba4534 · 6ba4534
1 parent 8687663
commit 6ba4534
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/platform/src/lib/signal-input.directive.ts b/packages/platform/src/lib/signal-input.directive.ts
@@ -12,6 +12,16 @@ import {SIGNAL_INPUT_MODIFIER, SignalInputModifier} from "./signal-input-modifie
     '[class.control-valid]': 'this.formField?.state() === "VALID"',
     '[class.control-invalid]': 'this.formField?.state() === "INVALID"',
     '[class.control-pending]': 'this.formField?.state() === "PENDING"',
+    '[class.control-pristine]': 'this.formField?.dirtyState() === "PRISTINE"',
+    '[class.control-dirty]': 'this.formField?.dirtyState() === "DIRTY"',
+    '[class.control-touched]': 'this.formField?.touchedState() === "TOUCHED"',
+    '[class.control-untouched]': 'this.formField?.touchedState() === "UNTOUCHED"',
+    '[class.ng-valid]': 'this.formField?.state() === "VALID"',
+    '[class.ng-invalid]': 'this.formField?.state() === "INVALID"',
+    '[class.ng-pristine]': 'this.formField?.dirtyState() === "PRISTINE"',
+    '[class.ng-dirty]': 'this.formField?.dirtyState() === "DIRTY"',
+    '[class.ng-touched]': 'this.formField?.touchedState() === "TOUCHED"',
+    '[class.ng-untouched]': 'this.formField?.touchedState() === "UNTOUCHED"',
   },
 })
 export class SignalInputDirective implements OnInit {