1 files changed, 25 insertions, 0 deletions
diff --git a/src/angular/form-elements/validation/validatable.component.ts b/src/angular/form-elements/validation/validatable.component.ts
new file mode 100644
index 0000000..4817dea
--- /dev/null
+++ b/src/angular/form-elements/validation/validatable.component.ts
@@ -0,0 +1,25 @@
+import { Input, Component } from "@angular/core";
+import { ValidationComponent } from './validation.component';
+import { Subject } from 'rxjs/Subject';
+import { IValidatableComponent } from './validatable.interface';
+
+export abstract class ValidatableComponent implements IValidatableComponent {
+
+    // Each ValidatableComponent should handle the style in case of error, according to this boolean
+    public valid = true;
+
+    // Each ValidatableComponent will notify when the value is changed.
+    public notifier: Subject<string>;
+
+    constructor() {
+        this.notifier = new Subject();
+    }
+
+    public abstract getValue(): any;
+
+    // Each ValidatableComponent should call the valueChanged on value changed function.
+    protected valueChanged = (value: any): void => {
+        this.notifier.next(value);
+    }
+
+}