@firestitch/form 9.6.4 → 9.6.5

package/app/components/form-dialog-actions/form-dialog-actions.component.d.ts

@@ -1,10 +1,12 @@
-import { OnInit, ChangeDetectorRef } from '@angular/core';
+import { OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { FsFormDirective } from '../../directives/form/form.directive';
-export declare class FsFormDialogActionsComponent implements OnInit {
+export declare class FsFormDialogActionsComponent implements OnInit, OnDestroy {
     private _form;
     private _cdRef;
     create: boolean;
+    dirty: boolean;
+    private _destroy$;
     constructor(_form: FsFormDirective, _cdRef: ChangeDetectorRef);
     ngOnInit(): void;
-    get dirty(): boolean;
+    ngOnDestroy(): void;
 }

package/bundles/firestitch-form.umd.js

@@ -1033,7 +1033,8 @@
             this._form.broadcast('submit', this.ngForm);
         };
         FsFormDirective.prototype._markControlsAsTouchedAndUpdateValidity = function () {
-            Object.values(this.ngForm.controls).forEach(function (control) {
+            Object.values(this.ngForm.controls)
+                .forEach(function (control) {
                 control.markAsDirty();
                 control.markAsTouched();
                 control.updateValueAndValidity();
@@ -2372,21 +2373,28 @@
             this._form = _form;
             this._cdRef = _cdRef;
             this.create = false;
+            this.dirty = false;
+            this._destroy$ = new rxjs.Subject();
         }
         FsFormDialogActionsComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this._form.ngForm.statusChanges
+            this._form.ngForm.valueChanges
+                .pipe(operators.filter(function () { return (!_this.dirty); }), operators.takeUntil(this._destroy$))
                 .subscribe(function () {
+                _this.dirty = _this._form.ngForm.dirty;
+                _this._cdRef.markForCheck();
+            });
+            this._form.submitted
+                .pipe(operators.takeUntil(this._destroy$))
+                .subscribe(function () {
+                _this.dirty = false;
                 _this._cdRef.markForCheck();
             });
         };
-        Object.defineProperty(FsFormDialogActionsComponent.prototype, "dirty", {
-            get: function () {
-                return this._form.ngForm.dirty;
-            },
-            enumerable: true,
-            configurable: true
-        });
+        FsFormDialogActionsComponent.prototype.ngOnDestroy = function () {
+            this._destroy$.next();
+            this._destroy$.complete();
+        };
         FsFormDialogActionsComponent.ctorParameters = function () { return [
             { type: FsFormDirective, decorators: [{ type: core.Optional }] },
             { type: core.ChangeDetectorRef }