v0.0.12

projects/poweredsoft/ngx-cdk-ui/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@poweredsoft/ngx-cdk-ui",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "peerDependencies": {
     "@angular/common": "^9.1.9",
-    "@angular/core": "^9.1.9"
+    "@angular/core": "^9.1.9",
+    "@poweredsoft/data": "^0.0.35"
   },
   "dependencies": {
     "tslib": "^1.10.0"

projects/poweredsoft/ngx-cdk-ui/src/lib/ds-validation-error/ds-validation-error.component.ts

@@ -12,15 +12,22 @@ export class DsValidationErrorComponent implements OnInit, OnDestroy {
   @Input() dataSource: IDataSource<any>;
   @Input() field: string;
   validationErrorsSub: Subscription;
+  commandStartedSub: Subscription;
   latestErrors: string[] = [];
 
   constructor() { }
 
   ngOnDestroy(): void {
     this.validationErrorsSub?.unsubscribe();
+    this.commandStartedSub?.unsubscribe();
   }
 
   ngOnInit(): void {
+    
+    this.commandStartedSub = this.dataSource.commandStarted$.subscribe(e => {
+      this.latestErrors = [];
+    });
+
     this.validationErrorsSub = this.dataSource.validationError$.subscribe(validationErrors => {
       this.latestErrors = Object.keys(validationErrors.errors)
         .filter(t => t.toLowerCase() == this.field?.toLowerCase())