@firestitch/form 12.3.5 → 12.4.1

package/app/directives/form/form.directive.d.ts

@@ -1,5 +1,6 @@
 import { AfterContentInit, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
 import { NgForm } from '@angular/forms';
+import { ActivatedRoute } from '@angular/router';
 import { MatDialogRef } from '@angular/material/dialog';
 import { MatTabGroup } from '@angular/material/tabs';
 import { FsMessage } from '@firestitch/message';
@@ -22,6 +23,7 @@ export declare class FsFormDirective implements OnInit, OnDestroy, AfterContentI
     private _ngZone;
     private _dialogRef;
     private _drawerRef;
+    private _route;
     wrapperSelector: string;
     messageSelector: string;
     hintSelector: string;
@@ -38,6 +40,7 @@ export declare class FsFormDirective implements OnInit, OnDestroy, AfterContentI
     successDelay: number;
     errorDelay: number;
     tabGroup: MatTabGroup;
+    deactivationGuard: boolean;
     submitEvent: EventEmitter<SubmitEvent>;
     invalid: EventEmitter<SubmitEvent>;
     valid: EventEmitter<SubmitEvent>;
@@ -52,9 +55,10 @@ export declare class FsFormDirective implements OnInit, OnDestroy, AfterContentI
     private _activeSubmitButton;
     private _dialogBackdropEscape;
     private _snapshot;
+    private _activatedRouteConfig;
     private _status$;
     private _destroy$;
-    constructor(ngForm: NgForm, _form: FsForm, _element: ElementRef, _message: FsMessage, _prompt: FsPrompt, _ngZone: NgZone, _dialogRef: MatDialogRef<any>, _drawerRef: DrawerRef<any>);
+    constructor(ngForm: NgForm, _form: FsForm, _element: ElementRef, _message: FsMessage, _prompt: FsPrompt, _ngZone: NgZone, _dialogRef: MatDialogRef<any>, _drawerRef: DrawerRef<any>, _route: ActivatedRoute);
     get submitting(): boolean;
     get validating(): boolean;
     get completing(): boolean;
@@ -108,6 +112,8 @@ export declare class FsFormDirective implements OnInit, OnDestroy, AfterContentI
     private _disableButtons;
     private _waitUntilStatusPending;
     private _handleError;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FsFormDirective, [null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FsFormDirective, "[fsForm]", never, { "wrapperSelector": "wrapperSelector"; "messageSelector": "messageSelector"; "hintSelector": "hintSelector"; "labelSelector": "labelSelector"; "autocomplete": "autocomplete"; "shortcuts": "shortcuts"; "confirm": "confirm"; "confirmDialog": "confirmDialog"; "confirmDrawer": "confirmDrawer"; "confirmBrowser": "confirmBrowser"; "confirmTabs": "confirmTabs"; "dirtySubmitButton": "dirtySubmitButton"; "submit": "submit"; "successDelay": "successDelay"; "errorDelay": "errorDelay"; "tabGroup": "tabGroup"; }, { "submitEvent": "fsForm"; "invalid": "invalid"; "valid": "valid"; "submitted": "submitted"; "reseted": "reseted"; "cleared": "cleared"; }, ["formDialogClose", "_tabGroups"]>;
+    private _registerCanDeactivateGuard;
+    private _cleanupCanDeactivate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FsFormDirective, [null, null, null, null, null, null, { optional: true; }, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FsFormDirective, "[fsForm]", never, { "wrapperSelector": "wrapperSelector"; "messageSelector": "messageSelector"; "hintSelector": "hintSelector"; "labelSelector": "labelSelector"; "autocomplete": "autocomplete"; "shortcuts": "shortcuts"; "confirm": "confirm"; "confirmDialog": "confirmDialog"; "confirmDrawer": "confirmDrawer"; "confirmBrowser": "confirmBrowser"; "confirmTabs": "confirmTabs"; "dirtySubmitButton": "dirtySubmitButton"; "submit": "submit"; "successDelay": "successDelay"; "errorDelay": "errorDelay"; "tabGroup": "tabGroup"; "deactivationGuard": "deactivationGuard"; }, { "submitEvent": "fsForm"; "invalid": "invalid"; "valid": "valid"; "submitted": "submitted"; "reseted": "reseted"; "cleared": "cleared"; }, ["formDialogClose", "_tabGroups"]>;
 }

package/app/guards/form-deactivate.guard.d.ts

@@ -1,12 +1,14 @@
-import { CanDeactivate } from '@angular/router';
+import { ActivatedRoute, CanDeactivate } from '@angular/router';
 import { FsPrompt } from '@firestitch/prompt';
 import { Observable } from 'rxjs';
-import { FormDeactivate } from '../interfaces/form-deactivate';
+import { FsForm } from '../services/fsform.service';
 import * as i0 from "@angular/core";
 export declare class FormDeactivateGuard implements CanDeactivate<any> {
     private _prompt;
-    constructor(_prompt: FsPrompt);
-    canDeactivate(directive: FormDeactivate): Observable<boolean>;
+    private _fsForm;
+    private _route;
+    constructor(_prompt: FsPrompt, _fsForm: FsForm, _route: ActivatedRoute);
+    canDeactivate(): Observable<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormDeactivateGuard, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FormDeactivateGuard>;
 }

package/app/helpers/confirm-unsaved.d.ts

@@ -2,4 +2,4 @@ import { FsPrompt } from '@firestitch/prompt';
 import { Observable } from 'rxjs';
 import { FsFormDirective } from '../directives/form/form.directive';
 import { ConfirmResult } from '../enums/confirm-result';
-export declare function confirmUnsaved(form: FsFormDirective, prompt: FsPrompt): Observable<ConfirmResult>;
+export declare function confirmUnsaved(directives: FsFormDirective[], prompt: FsPrompt): Observable<ConfirmResult>;

package/app/helpers/get-active-route.d.ts

@@ -0,0 +1,2 @@
+import { ActivatedRoute } from '@angular/router';
+export declare function getActiveRoute(route: ActivatedRoute): ActivatedRoute;

package/app/services/fsform.service.d.ts

@@ -1,10 +1,16 @@
+import { Type } from '@angular/core';
 import { Observable } from 'rxjs';
+import { FsFormDirective } from '../directives/form/form.directive';
 import * as i0 from "@angular/core";
 export declare class FsForm {
+    private _formDirectiveStore;
     private _eventBus;
     constructor();
     broadcast(key: any, data?: any): void;
     on<T>(key: any): Observable<T>;
+    registerFormDirective(routeComponent: Type<any>, directive: FsFormDirective): void;
+    getFormDirectives(routeComponent: any): FsFormDirective[];
+    removeFormDirective(routeComponent: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FsForm, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FsForm>;
 }

package/bundles/firestitch-form.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/button'), require('@angular/material/dialog'), require('@angular/material/core'), require('@angular/material/tabs'), require('@firestitch/message'), require('@firestitch/common'), require('@firestitch/drawer'), require('rxjs'), require('rxjs/operators'), require('@firestitch/prompt'), require('lodash-es'), require('date-fns')) :
-    typeof define === 'function' && define.amd ? define('@firestitch/form', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/button', '@angular/material/dialog', '@angular/material/core', '@angular/material/tabs', '@firestitch/message', '@firestitch/common', '@firestitch/drawer', 'rxjs', 'rxjs/operators', '@firestitch/prompt', 'lodash-es', 'date-fns'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch.form = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.button, global.ng.material.dialog, global.ng.material.core, global.ng.material.tabs, global.i2, global.common, global.i6, global.rxjs, global.rxjs.operators, global.i3, global.lodashEs, global.dateFns));
-})(this, (function (exports, i0, i4, i1, i1$1, i2$1, core, tabs, i2, common, i6, rxjs, operators, i3, lodashEs, dateFns) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/button'), require('@angular/material/dialog'), require('@angular/material/core'), require('@angular/material/tabs'), require('@firestitch/message'), require('@firestitch/common'), require('@firestitch/drawer'), require('rxjs'), require('rxjs/operators'), require('@firestitch/prompt'), require('@angular/router'), require('lodash-es'), require('date-fns')) :
+    typeof define === 'function' && define.amd ? define('@firestitch/form', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/button', '@angular/material/dialog', '@angular/material/core', '@angular/material/tabs', '@firestitch/message', '@firestitch/common', '@firestitch/drawer', 'rxjs', 'rxjs/operators', '@firestitch/prompt', '@angular/router', 'lodash-es', 'date-fns'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch.form = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.button, global.ng.material.dialog, global.ng.material.core, global.ng.material.tabs, global.i2, global.common, global.i7, global.rxjs, global.rxjs.operators, global.i1$1, global.ng.router, global.lodashEs, global.dateFns));
+})(this, (function (exports, i0, i4, i1, i1$2, i2$1, core, tabs, i2, common, i7, rxjs, operators, i1$1, i3, lodashEs, dateFns) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -24,11 +24,12 @@
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1);
+    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
     var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
+    var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
 
     /*! *****************************************************************************
@@ -358,8 +359,10 @@
         ConfirmResult["Pristine"] = "pristine";
     })(exports.ConfirmResult || (exports.ConfirmResult = {}));
 
-    function confirmUnsaved(form, prompt) {
+    function confirmUnsaved(directives, prompt) {
         return new rxjs.Observable(function (observer) {
+            // TODO support for multiple directives per page
+            var form = directives[0];
             if (!form.confirm || !form.ngForm.dirty) {
                 observer.next(exports.ConfirmResult.Pristine);
                 observer.complete();
@@ -496,17 +499,39 @@
         return errors;
     }
 
+    function getActiveRoute(route) {
+        while (route.firstChild) {
+            route = route.firstChild;
+        }
+        return route;
+    }
+
     var FsForm = /** @class */ (function () {
         function FsForm() {
+            // value is array for future possibilities of extension
+            this._formDirectiveStore = new WeakMap();
             this._eventBus = new rxjs.Subject();
         }
+        // @deprecated
         FsForm.prototype.broadcast = function (key, data) {
             this._eventBus.next({ key: key, data: data });
         };
+        // @deprecated
         FsForm.prototype.on = function (key) {
             return this._eventBus.asObservable()
                 .pipe(operators.filter(function (event) { return event.key === key; }), operators.map(function (event) { return event.data; }));
         };
+        FsForm.prototype.registerFormDirective = function (routeComponent, directive) {
+            var directives = this.getFormDirectives(routeComponent) || [];
+            directives.push(directive);
+            this._formDirectiveStore.set(routeComponent, directives);
+        };
+        FsForm.prototype.getFormDirectives = function (routeComponent) {
+            return this._formDirectiveStore.get(routeComponent);
+        };
+        FsForm.prototype.removeFormDirective = function (routeComponent) {
+            this._formDirectiveStore.delete(routeComponent);
+        };
         return FsForm;
     }());
     FsForm.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsForm, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
@@ -518,8 +543,41 @@
                     }]
             }], ctorParameters: function () { return []; } });
 
+    var FormDeactivateGuard = /** @class */ (function () {
+        function FormDeactivateGuard(_prompt, _fsForm, _route) {
+            this._prompt = _prompt;
+            this._fsForm = _fsForm;
+            this._route = _route;
+        }
+        FormDeactivateGuard.prototype.canDeactivate = function () {
+            var route = getActiveRoute(this._route);
+            if (!route) {
+                console.error("Can not find route for FormDeactivateGuard checks");
+                return rxjs.of(true);
+            }
+            var directives = this._fsForm.getFormDirectives(route.routeConfig.component);
+            if (!Array.isArray(directives) || directives.length === 0) {
+                console.error("Can not find a valid FsFormDirective");
+                return rxjs.of(true);
+            }
+            return confirmUnsaved(directives, this._prompt)
+                .pipe(operators.map(function (result) {
+                return confirmResultContinue(result);
+            }));
+        };
+        return FormDeactivateGuard;
+    }());
+    FormDeactivateGuard.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormDeactivateGuard, deps: [{ token: i1__namespace.FsPrompt }, { token: FsForm }, { token: i3__namespace.ActivatedRoute }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    FormDeactivateGuard.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormDeactivateGuard, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormDeactivateGuard, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.FsPrompt }, { type: FsForm }, { type: i3__namespace.ActivatedRoute }]; } });
+
     var FsFormDirective = /** @class */ (function () {
-        function FsFormDirective(ngForm, _form, _element, _message, _prompt, _ngZone, _dialogRef, _drawerRef) {
+        function FsFormDirective(ngForm, _form, _element, _message, _prompt, _ngZone, _dialogRef, _drawerRef, _route) {
             this.ngForm = ngForm;
             this._form = _form;
             this._element = _element;
@@ -528,6 +586,7 @@
             this._ngZone = _ngZone;
             this._dialogRef = _dialogRef;
             this._drawerRef = _drawerRef;
+            this._route = _route;
             this.wrapperSelector = '.fs-form-wrapper,.mat-form-field';
             this.messageSelector = '.fs-form-message,.mat-form-field-subscript-wrapper';
             this.hintSelector = '.fs-form-hint,.mat-form-field-hint-wrapper';
@@ -542,6 +601,7 @@
             this.dirtySubmitButton = true;
             this.successDelay = 0;
             this.errorDelay = 1000;
+            this.deactivationGuard = true;
             this.submitEvent = new i0.EventEmitter();
             this.invalid = new i0.EventEmitter();
             this.valid = new i0.EventEmitter();
@@ -640,6 +700,9 @@
             configurable: true
         });
         FsFormDirective.prototype.ngOnInit = function () {
+            if (this.deactivationGuard) {
+                this._registerCanDeactivateGuard();
+            }
             this._registerConfirmDialogBackdropEscape();
             this._listenHotKeys();
             this._listenWindowClose();
@@ -663,6 +726,7 @@
             this._registerDirtySubmitButton();
         };
         FsFormDirective.prototype.ngOnDestroy = function () {
+            this._cleanupCanDeactivate();
             this._destroy$.next();
             this._destroy$.complete();
         };
@@ -697,7 +761,7 @@
             var _this = this;
             var submitted = this.submitting ? this.submitted.asObservable() : rxjs.of({});
             return submitted
-                .pipe(operators.take(1), operators.mergeMap(function () { return confirmUnsaved(_this, _this._prompt); }));
+                .pipe(operators.take(1), operators.mergeMap(function () { return confirmUnsaved([_this], _this._prompt); }));
         };
         FsFormDirective.prototype.enable = function () {
             this.ngForm.control.enable();
@@ -1118,30 +1182,49 @@
             console.groupEnd();
             this._completeSubmit(false, null);
         };
+        FsFormDirective.prototype._registerCanDeactivateGuard = function () {
+            this._activatedRouteConfig = getActiveRoute(this._route).routeConfig;
+            if (!this._activatedRouteConfig) {
+                return;
+            }
+            this._form.registerFormDirective(this._activatedRouteConfig.component, this);
+            if (!Array.isArray(this._activatedRouteConfig.canDeactivate)) {
+                this._activatedRouteConfig.canDeactivate = [];
+            }
+            if (this._activatedRouteConfig.canDeactivate.indexOf(FormDeactivateGuard) == -1) {
+                this._activatedRouteConfig.canDeactivate.push(FormDeactivateGuard);
+            }
+        };
+        FsFormDirective.prototype._cleanupCanDeactivate = function () {
+            if (!this._activatedRouteConfig) {
+                return;
+            }
+            this._form.removeFormDirective(this._activatedRouteConfig.component);
+        };
         return FsFormDirective;
     }());
-    FsFormDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsFormDirective, deps: [{ token: i1.NgForm }, { token: FsForm }, { token: i0__namespace.ElementRef }, { token: i2__namespace.FsMessage }, { token: i3__namespace.FsPrompt }, { token: i0__namespace.NgZone }, { token: i2$1.MatDialogRef, optional: true }, { token: i6.DrawerRef, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    FsFormDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormDirective, selector: "[fsForm]", inputs: { wrapperSelector: "wrapperSelector", messageSelector: "messageSelector", hintSelector: "hintSelector", labelSelector: "labelSelector", autocomplete: "autocomplete", shortcuts: "shortcuts", confirm: "confirm", confirmDialog: "confirmDialog", confirmDrawer: "confirmDrawer", confirmBrowser: "confirmBrowser", confirmTabs: "confirmTabs", dirtySubmitButton: "dirtySubmitButton", submit: "submit", successDelay: "successDelay", errorDelay: "errorDelay", tabGroup: "tabGroup" }, outputs: { submitEvent: "fsForm", invalid: "invalid", valid: "valid", submitted: "submitted", reseted: "reseted", cleared: "cleared" }, host: { properties: { "class.fs-form": "this.fsFormClass" } }, queries: [{ propertyName: "formDialogClose", predicate: FsFormDialogCloseDirective, descendants: true }, { propertyName: "_tabGroups", predicate: tabs.MatTabGroup, descendants: true }], usesOnChanges: true, ngImport: i0__namespace });
+    FsFormDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsFormDirective, deps: [{ token: i1.NgForm }, { token: FsForm }, { token: i0__namespace.ElementRef }, { token: i2__namespace.FsMessage }, { token: i1__namespace.FsPrompt }, { token: i0__namespace.NgZone }, { token: i2$1.MatDialogRef, optional: true }, { token: i7.DrawerRef, optional: true }, { token: i3__namespace.ActivatedRoute }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    FsFormDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormDirective, selector: "[fsForm]", inputs: { wrapperSelector: "wrapperSelector", messageSelector: "messageSelector", hintSelector: "hintSelector", labelSelector: "labelSelector", autocomplete: "autocomplete", shortcuts: "shortcuts", confirm: "confirm", confirmDialog: "confirmDialog", confirmDrawer: "confirmDrawer", confirmBrowser: "confirmBrowser", confirmTabs: "confirmTabs", dirtySubmitButton: "dirtySubmitButton", submit: "submit", successDelay: "successDelay", errorDelay: "errorDelay", tabGroup: "tabGroup", deactivationGuard: "deactivationGuard" }, outputs: { submitEvent: "fsForm", invalid: "invalid", valid: "valid", submitted: "submitted", reseted: "reseted", cleared: "cleared" }, host: { properties: { "class.fs-form": "this.fsFormClass" } }, queries: [{ propertyName: "formDialogClose", predicate: FsFormDialogCloseDirective, descendants: true }, { propertyName: "_tabGroups", predicate: tabs.MatTabGroup, descendants: true }], usesOnChanges: true, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsFormDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[fsForm]',
                     }]
             }], ctorParameters: function () {
-            return [{ type: i1__namespace.NgForm, decorators: [{
+            return [{ type: i1__namespace$1.NgForm, decorators: [{
                             type: i0.Inject,
                             args: [i1.NgForm]
-                        }] }, { type: FsForm }, { type: i0__namespace.ElementRef }, { type: i2__namespace.FsMessage }, { type: i3__namespace.FsPrompt }, { type: i0__namespace.NgZone }, { type: i2__namespace$1.MatDialogRef, decorators: [{
+                        }] }, { type: FsForm }, { type: i0__namespace.ElementRef }, { type: i2__namespace.FsMessage }, { type: i1__namespace.FsPrompt }, { type: i0__namespace.NgZone }, { type: i2__namespace$1.MatDialogRef, decorators: [{
                             type: i0.Optional
                         }, {
                             type: i0.Inject,
                             args: [i2$1.MatDialogRef]
-                        }] }, { type: i6__namespace.DrawerRef, decorators: [{
+                        }] }, { type: i7__namespace.DrawerRef, decorators: [{
                             type: i0.Optional
                         }, {
                             type: i0.Inject,
-                            args: [i6.DrawerRef]
-                        }] }];
+                            args: [i7.DrawerRef]
+                        }] }, { type: i3__namespace.ActivatedRoute }];
         }, propDecorators: { wrapperSelector: [{
                     type: i0.Input
                 }], messageSelector: [{
@@ -1174,6 +1257,8 @@
                     type: i0.Input
                 }], tabGroup: [{
                     type: i0.Input
+                }], deactivationGuard: [{
+                    type: i0.Input
                 }], submitEvent: [{
                     type: i0.Output,
                     args: ['fsForm']
@@ -1436,7 +1521,7 @@
         };
         return FsControlDirective;
     }());
-    FsControlDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsControlDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }, { token: i0__namespace.Injector }, { token: VALIDATE_MESSAGES, self: true }, { token: i1__namespace.NgControl, optional: true }, { token: FsFormDirective, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    FsControlDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsControlDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }, { token: i0__namespace.Injector }, { token: VALIDATE_MESSAGES, self: true }, { token: i1__namespace$1.NgControl, optional: true }, { token: FsFormDirective, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
     FsControlDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsControlDirective, selector: "[fsFormControl]", inputs: { wrapperSelector: "wrapperSelector", messageSelector: "messageSelector", hintSelector: "hintSelector", labelSelector: "labelSelector", appendMessageClass: "appendMessageClass", appendLabelClass: "appendLabelClass", appendErrorClass: "appendErrorClass", appendHintClass: "appendHintClass", validateMessages: "validateMessages" }, providers: [
             VALIDATE_MESSAGE_PROVIDER
         ], ngImport: i0__namespace });
@@ -1454,7 +1539,7 @@
                         }, {
                             type: i0.Inject,
                             args: [VALIDATE_MESSAGES]
-                        }] }, { type: i1__namespace.NgControl, decorators: [{
+                        }] }, { type: i1__namespace$1.NgControl, decorators: [{
                             type: i0.Optional
                         }] }, { type: FsFormDirective, decorators: [{
                             type: i0.Optional
@@ -2477,7 +2562,7 @@
         };
         return FsButtonDirective;
     }());
-    FsButtonDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsButtonDirective, deps: [{ token: i1__namespace$1.MatButton, host: true, optional: true }, { token: FsFormDirective, optional: true }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    FsButtonDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsButtonDirective, deps: [{ token: i1__namespace$2.MatButton, host: true, optional: true }, { token: FsFormDirective, optional: true }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
     FsButtonDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: { name: "name", dirtySubmit: "dirtySubmit" }, host: { properties: { "style.transition": "this.transitionStyle" } }, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsButtonDirective, decorators: [{
                 type: i0.Directive,
@@ -2485,7 +2570,7 @@
                         selector: '[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]',
                     }]
             }], ctorParameters: function () {
-            return [{ type: i1__namespace$1.MatButton, decorators: [{
+            return [{ type: i1__namespace$2.MatButton, decorators: [{
                             type: i0.Optional
                         }, {
                             type: i0.Host
@@ -2596,7 +2681,7 @@
         return FsFormDialogActionsComponent;
     }());
     FsFormDialogActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsFormDialogActionsComponent, deps: [{ token: FsFormDirective, optional: true }, { token: i2__namespace$1.MatDialogRef, optional: true }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FsFormDialogActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsFormDialogActionsComponent, selector: "fs-form-dialog-actions", inputs: { save: "save", create: "create", close: "close", closeData: "closeData", name: "name" }, ngImport: i0__namespace, template: "<div class=\"buttons\" [ngClass]=\"{ 'save-create': save || create }\">\n  <ng-container *ngIf=\"save\">\n    <button\n        mat-button\n        type=\"submit\"\n        color=\"primary\"\n        [name]=\"name\">\n      {{create ? 'Create' : 'Save'}}\n    </button>\n    <button\n        mat-button\n        type=\"button\"\n        [disabled]=\"close && !dirty && !create\"\n        [matDialogClose]=\"null\">\n      Cancel\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"save || create\">\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </ng-container>\n\n  <div class=\"close\" *ngIf=\"close\">\n    <button\n        mat-button\n        type=\"button\"\n        [color]=\"dirty ? 'basic' : 'primary'\"\n        (click)=\"closeClick()\">\n      Close\n    </button>\n  </div>\n\n  <ng-container *ngIf=\"!(save || create)\">\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </ng-container>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".buttons{display:flex;flex-grow:1;align-items:center}.buttons.save-create .close{display:flex;flex-grow:1;justify-content:flex-end}:host{display:flex;flex-grow:1}@media only screen and (max-width: 599px){.buttons{flex-direction:column}}\n"], components: [{ type: i1__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit"] }, { type: i2__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    FsFormDialogActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsFormDialogActionsComponent, selector: "fs-form-dialog-actions", inputs: { save: "save", create: "create", close: "close", closeData: "closeData", name: "name" }, ngImport: i0__namespace, template: "<div class=\"buttons\" [ngClass]=\"{ 'save-create': save || create }\">\n  <ng-container *ngIf=\"save\">\n    <button\n        mat-button\n        type=\"submit\"\n        color=\"primary\"\n        [name]=\"name\">\n      {{create ? 'Create' : 'Save'}}\n    </button>\n    <button\n        mat-button\n        type=\"button\"\n        [disabled]=\"close && !dirty && !create\"\n        [matDialogClose]=\"null\">\n      Cancel\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"save || create\">\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </ng-container>\n\n  <div class=\"close\" *ngIf=\"close\">\n    <button\n        mat-button\n        type=\"button\"\n        [color]=\"dirty ? 'basic' : 'primary'\"\n        (click)=\"closeClick()\">\n      Close\n    </button>\n  </div>\n\n  <ng-container *ngIf=\"!(save || create)\">\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n  </ng-container>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".buttons{display:flex;flex-grow:1;align-items:center}.buttons.save-create .close{display:flex;flex-grow:1;justify-content:flex-end}:host{display:flex;flex-grow:1}@media only screen and (max-width: 599px){.buttons{flex-direction:column}}\n"], components: [{ type: i1__namespace$2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit"] }, { type: i2__namespace$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsFormDialogActionsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -2730,7 +2815,7 @@
             FsButtonDirective,
             FsSubmitButtonDirective], imports: [i4.CommonModule,
             i1.FormsModule,
-            i1$1.MatButtonModule,
+            i1$2.MatButtonModule,
             i2$1.MatDialogModule], exports: [FsFormDirective,
             FsControlDirective,
             FsFormRequiredDirective,
@@ -2764,7 +2849,7 @@
         ], imports: [[
                 i4.CommonModule,
                 i1.FormsModule,
-                i1$1.MatButtonModule,
+                i1$2.MatButtonModule,
                 i2$1.MatDialogModule,
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsFormModule, decorators: [{
@@ -2773,7 +2858,7 @@
                         imports: [
                             i4.CommonModule,
                             i1.FormsModule,
-                            i1$1.MatButtonModule,
+                            i1$2.MatButtonModule,
                             i2$1.MatDialogModule,
                         ],
                         declarations: [
@@ -2839,38 +2924,6 @@
                     }]
             }] });
 
-    var FormDeactivateGuard = /** @class */ (function () {
-        function FormDeactivateGuard(_prompt) {
-            this._prompt = _prompt;
-        }
-        FormDeactivateGuard.prototype.canDeactivate = function (directive) {
-            if (!('getForm' in directive)) {
-                var error = "Directive " + directive.constructor.name + " does not property implement interface FormDeactivate";
-                console.error(error);
-                return rxjs.of(true);
-            }
-            var form = directive.getForm();
-            if (!(form instanceof FsFormDirective)) {
-                var error = "Directive " + directive.constructor.name + ".getForm() does not return a valid FsFormDirective";
-                console.error(error);
-                return rxjs.of(true);
-            }
-            return confirmUnsaved(form, this._prompt)
-                .pipe(operators.map(function (result) {
-                return confirmResultContinue(result);
-            }));
-        };
-        return FormDeactivateGuard;
-    }());
-    FormDeactivateGuard.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormDeactivateGuard, deps: [{ token: i3__namespace.FsPrompt }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    FormDeactivateGuard.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormDeactivateGuard, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormDeactivateGuard, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], ctorParameters: function () { return [{ type: i3__namespace.FsPrompt }]; } });
-
     // Modules
 
     /**