@firestitch/form 9.7.7 → 12.0.0

package/fesm2015/firestitch-form.js

@@ -1,14 +1,20 @@
-import { __decorate, __metadata, __param } from 'tslib';
-import { HostBinding, HostListener, Directive, ɵɵdefineInjectable, Injectable, EventEmitter, QueryList, Inject, ElementRef, NgZone, Optional, Input, Output, ContentChildren, InjectionToken, Renderer2, Injector, Self, Host, ChangeDetectorRef, Component, ChangeDetectionStrategy, NgModule, ɵɵinject } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Directive, HostBinding, HostListener, Injectable, EventEmitter, QueryList, Inject, Optional, Input, Output, ContentChildren, InjectionToken, Self, Host, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { FormGroup, NgForm, NgControl, Validators, FormsModule } from '@angular/forms';
-import { MatButton, MatButtonModule } from '@angular/material/button';
+import * as i1 from '@angular/forms';
+import { FormGroup, NgForm, Validators, FormsModule } from '@angular/forms';
+import * as i1$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2$1 from '@angular/material/dialog';
 import { MatDialogRef, MatDialogModule } from '@angular/material/dialog';
 import { ErrorStateMatcher, ShowOnDirtyErrorStateMatcher } from '@angular/material/core';
 import { MatTabGroup } from '@angular/material/tabs';
-import { MessageMode, FsMessage } from '@firestitch/message';
-import { FsPrompt } from '@firestitch/prompt';
+import * as i2 from '@firestitch/message';
+import { MessageMode } from '@firestitch/message';
+import * as i3 from '@firestitch/prompt';
 import { guid, email, isEmpty, isNumeric, phone, url } from '@firestitch/common';
+import * as i6 from '@firestitch/drawer';
 import { DrawerRef } from '@firestitch/drawer';
 import { Observable, Subject, BehaviorSubject, of, isObservable, throwError, fromEvent, iif, defer, from } from 'rxjs';
 import { first, filter, map, take, mergeMap, tap, switchMap, catchError, takeUntil, delay, startWith } from 'rxjs/operators';
@@ -91,7 +97,7 @@ function confirmUnsaved(form, prompt) {
     });
 }
 
-let FsFormDialogCloseDirective = class FsFormDialogCloseDirective {
+class FsFormDialogCloseDirective {
     constructor() {
         this.clicked$ = new Subject();
         this.registered = false;
@@ -103,24 +109,23 @@ let FsFormDialogCloseDirective = class FsFormDialogCloseDirective {
     ngOnDestroy() {
         this.clicked$.complete();
     }
-};
-__decorate([
-    HostBinding('attr.type'),
-    __metadata("design:type", Object)
-], FsFormDialogCloseDirective.prototype, "type", void 0);
-__decorate([
-    HostListener('click', ['$event.target']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], FsFormDialogCloseDirective.prototype, "click", null);
-FsFormDialogCloseDirective = __decorate([
-    Directive({
-        selector: '[fsFormDialogClose],[fs-form-dialog-close]'
-    })
-], FsFormDialogCloseDirective);
+}
+FsFormDialogCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormDialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+FsFormDialogCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormDialogCloseDirective, selector: "[fsFormDialogClose],[fs-form-dialog-close]", host: { listeners: { "click": "click($event.target)" }, properties: { "attr.type": "this.type" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormDialogCloseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormDialogClose],[fs-form-dialog-close]'
+                }]
+        }], propDecorators: { type: [{
+                type: HostBinding,
+                args: ['attr.type']
+            }], click: [{
+                type: HostListener,
+                args: ['click', ['$event.target']]
+            }] } });
 
-let FsForm = class FsForm {
+class FsForm {
     constructor() {
         this._eventBus = new Subject();
     }
@@ -131,14 +136,15 @@ let FsForm = class FsForm {
         return this._eventBus.asObservable()
             .pipe(filter(event => event.key === key), map(event => event.data));
     }
-};
-FsForm.ɵprov = ɵɵdefineInjectable({ factory: function FsForm_Factory() { return new FsForm(); }, token: FsForm, providedIn: "root" });
-FsForm = __decorate([
-    Injectable({
-        providedIn: 'root',
-    }),
-    __metadata("design:paramtypes", [])
-], FsForm);
+}
+FsForm.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsForm, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FsForm.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsForm, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsForm, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
 
 var FormStatus;
 (function (FormStatus) {
@@ -179,7 +185,7 @@ function getFormErrors(control, key) {
     return errors;
 }
 
-let FsFormDirective = class FsFormDirective {
+class FsFormDirective {
     constructor(ngForm, _form, _element, _message, _prompt, _ngZone, _dialogRef, _drawerRef) {
         this.ngForm = ngForm;
         this._form = _form;
@@ -697,133 +703,82 @@ let FsFormDirective = class FsFormDirective {
         console.groupEnd();
         this._completeSubmit(false, null);
     }
-};
-FsFormDirective.ctorParameters = () => [
-    { type: NgForm, decorators: [{ type: Inject, args: [NgForm,] }] },
-    { type: FsForm },
-    { type: ElementRef },
-    { type: FsMessage },
-    { type: FsPrompt },
-    { type: NgZone },
-    { type: MatDialogRef, decorators: [{ type: Optional }, { type: Inject, args: [MatDialogRef,] }] },
-    { type: DrawerRef, decorators: [{ type: Optional }, { type: Inject, args: [DrawerRef,] }] }
-];
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "wrapperSelector", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "messageSelector", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "hintSelector", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "labelSelector", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "autocomplete", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "shortcuts", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "confirm", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "confirmDialog", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "confirmDrawer", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "confirmBrowser", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "confirmTabs", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "dirtySubmitButton", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Function)
-], FsFormDirective.prototype, "submit", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "successDelay", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "errorDelay", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", MatTabGroup)
-], FsFormDirective.prototype, "tabGroup", void 0);
-__decorate([
-    Output('fsForm'),
-    __metadata("design:type", EventEmitter)
-], FsFormDirective.prototype, "submitEvent", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], FsFormDirective.prototype, "invalid", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], FsFormDirective.prototype, "valid", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], FsFormDirective.prototype, "submitted", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], FsFormDirective.prototype, "reseted", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], FsFormDirective.prototype, "cleared", void 0);
-__decorate([
-    HostBinding('class.fs-form'),
-    __metadata("design:type", Object)
-], FsFormDirective.prototype, "fsformClass", void 0);
-__decorate([
-    ContentChildren(FsFormDialogCloseDirective, { descendants: true }),
-    __metadata("design:type", QueryList)
-], FsFormDirective.prototype, "formDialogClose", void 0);
-__decorate([
-    ContentChildren(MatTabGroup, { descendants: true }),
-    __metadata("design:type", QueryList)
-], FsFormDirective.prototype, "_tabGroups", void 0);
-FsFormDirective = __decorate([
-    Directive({
-        selector: '[fsForm]',
-    }),
-    __param(0, Inject(NgForm)),
-    __param(6, Optional()), __param(6, Inject(MatDialogRef)),
-    __param(7, Optional()), __param(7, Inject(DrawerRef)),
-    __metadata("design:paramtypes", [NgForm,
-        FsForm,
-        ElementRef,
-        FsMessage,
-        FsPrompt,
-        NgZone,
-        MatDialogRef,
-        DrawerRef])
-], FsFormDirective);
+}
+FsFormDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormDirective, deps: [{ token: NgForm }, { token: FsForm }, { token: i0.ElementRef }, { token: i2.FsMessage }, { token: i3.FsPrompt }, { token: i0.NgZone }, { token: MatDialogRef, optional: true }, { token: DrawerRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+FsFormDirective.ɵdir = i0.ɵɵ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: MatTabGroup, descendants: true }], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsForm]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.NgForm, decorators: [{
+                    type: Inject,
+                    args: [NgForm]
+                }] }, { type: FsForm }, { type: i0.ElementRef }, { type: i2.FsMessage }, { type: i3.FsPrompt }, { type: i0.NgZone }, { type: i2$1.MatDialogRef, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [MatDialogRef]
+                }] }, { type: i6.DrawerRef, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DrawerRef]
+                }] }]; }, propDecorators: { wrapperSelector: [{
+                type: Input
+            }], messageSelector: [{
+                type: Input
+            }], hintSelector: [{
+                type: Input
+            }], labelSelector: [{
+                type: Input
+            }], autocomplete: [{
+                type: Input
+            }], shortcuts: [{
+                type: Input
+            }], confirm: [{
+                type: Input
+            }], confirmDialog: [{
+                type: Input
+            }], confirmDrawer: [{
+                type: Input
+            }], confirmBrowser: [{
+                type: Input
+            }], confirmTabs: [{
+                type: Input
+            }], dirtySubmitButton: [{
+                type: Input
+            }], submit: [{
+                type: Input
+            }], successDelay: [{
+                type: Input
+            }], errorDelay: [{
+                type: Input
+            }], tabGroup: [{
+                type: Input
+            }], submitEvent: [{
+                type: Output,
+                args: ['fsForm']
+            }], invalid: [{
+                type: Output
+            }], valid: [{
+                type: Output
+            }], submitted: [{
+                type: Output
+            }], reseted: [{
+                type: Output
+            }], cleared: [{
+                type: Output
+            }], fsformClass: [{
+                type: HostBinding,
+                args: ['class.fs-form']
+            }], formDialogClose: [{
+                type: ContentChildren,
+                args: [FsFormDialogCloseDirective, { descendants: true }]
+            }], _tabGroups: [{
+                type: ContentChildren,
+                args: [MatTabGroup, { descendants: true }]
+            }] } });
 
 const ERROR_MESSAGES = {
     required: 'This field is required',
@@ -854,7 +809,7 @@ function messageProviderFactory() {
     return Object.assign({}, ERROR_MESSAGES);
 }
 
-let FsControlDirective = class FsControlDirective {
+class FsControlDirective {
     constructor(elementRef, renderer2, injector, _validateMessages, ngControl, formDirective) {
         this.elementRef = elementRef;
         this.renderer2 = renderer2;
@@ -1056,73 +1011,56 @@ let FsControlDirective = class FsControlDirective {
         }
         control.updateValueAndValidity();
     }
-};
-FsControlDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 },
-    { type: Injector },
-    { type: undefined, decorators: [{ type: Self }, { type: Inject, args: [VALIDATE_MESSAGES,] }] },
-    { type: NgControl, decorators: [{ type: Optional }] },
-    { type: FsFormDirective, decorators: [{ type: Optional }, { type: Inject, args: [FsFormDirective,] }] }
-];
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsControlDirective.prototype, "wrapperSelector", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsControlDirective.prototype, "messageSelector", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsControlDirective.prototype, "hintSelector", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsControlDirective.prototype, "labelSelector", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsControlDirective.prototype, "appendMessageClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsControlDirective.prototype, "appendLabelClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsControlDirective.prototype, "appendErrorClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsControlDirective.prototype, "appendHintClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], FsControlDirective.prototype, "validateMessages", null);
-FsControlDirective = __decorate([
-    Directive({
-        selector: '[fsFormControl]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    }),
-    __param(3, Self()), __param(3, Inject(VALIDATE_MESSAGES)),
-    __param(4, Optional()),
-    __param(5, Optional()), __param(5, Inject(FsFormDirective)),
-    __metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        Injector, Object, NgControl,
-        FsFormDirective])
-], FsControlDirective);
+}
+FsControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsControlDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: VALIDATE_MESSAGES, self: true }, { token: i1.NgControl, optional: true }, { token: FsFormDirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+FsControlDirective.ɵdir = i0.ɵɵ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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormControl]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [VALIDATE_MESSAGES]
+                }] }, { type: i1.NgControl, decorators: [{
+                    type: Optional
+                }] }, { type: FsFormDirective, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [FsFormDirective]
+                }] }]; }, propDecorators: { wrapperSelector: [{
+                type: Input
+            }], messageSelector: [{
+                type: Input
+            }], hintSelector: [{
+                type: Input
+            }], labelSelector: [{
+                type: Input
+            }], appendMessageClass: [{
+                type: Input
+            }], appendLabelClass: [{
+                type: Input
+            }], appendErrorClass: [{
+                type: Input
+            }], appendHintClass: [{
+                type: Input
+            }], validateMessages: [{
+                type: Input
+            }] } });
 
 function isEnabled(value) {
     return value !== 'false' && (value || value === '');
 }
 
-let FsFormRequiredDirective = class FsFormRequiredDirective extends FsControlDirective {
+class FsFormRequiredDirective extends FsControlDirective {
     constructor() {
         super(...arguments);
         this.required = false;
@@ -1163,30 +1101,29 @@ let FsFormRequiredDirective = class FsFormRequiredDirective extends FsControlDir
         }
         super.render();
     }
-};
-__decorate([
-    Input('fsFormRequired'),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], FsFormRequiredDirective.prototype, "setFsFormRequired", null);
-__decorate([
-    Input('required'),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], FsFormRequiredDirective.prototype, "setRequired", null);
-__decorate([
-    Input('fsFormRequiredMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormRequiredDirective.prototype, "validationMessage", null);
-FsFormRequiredDirective = __decorate([
-    Directive({
-        selector: '[fsFormRequired],[ngModel][required]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormRequiredDirective);
+}
+FsFormRequiredDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormRequiredDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormRequiredDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: { setFsFormRequired: ["fsFormRequired", "setFsFormRequired"], setRequired: ["required", "setRequired"], validationMessage: ["fsFormRequiredMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormRequiredDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormRequired],[ngModel][required]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { setFsFormRequired: [{
+                type: Input,
+                args: ['fsFormRequired']
+            }], setRequired: [{
+                type: Input,
+                args: ['required']
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormRequiredMessage']
+            }] } });
 
 class FsValidators {
     static email(control) {
@@ -1280,7 +1217,7 @@ class FsValidators {
     }
 }
 
-let FsFormMinDirective = class FsFormMinDirective extends FsControlDirective {
+class FsFormMinDirective extends FsControlDirective {
     set validationMessage(value) {
         this._validateMessages.min = value;
     }
@@ -1290,26 +1227,27 @@ let FsFormMinDirective = class FsFormMinDirective extends FsControlDirective {
     validate(control) {
         return FsValidators.numeric(this._control) || Validators.min(parseFloat(this.fsFormMin))(this._control);
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormMinDirective.prototype, "fsFormMin", void 0);
-__decorate([
-    Input('fsFormMinMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormMinDirective.prototype, "validationMessage", null);
-FsFormMinDirective = __decorate([
-    Directive({
-        selector: '[fsFormMin]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormMinDirective);
+}
+FsFormMinDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormMinDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormMinDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormMinDirective, selector: "[fsFormMin]", inputs: { fsFormMin: "fsFormMin", validationMessage: ["fsFormMinMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormMinDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormMin]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormMin: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormMinMessage']
+            }] } });
 
-let FsFormMaxDirective = class FsFormMaxDirective extends FsControlDirective {
+class FsFormMaxDirective extends FsControlDirective {
     set validationMessage(value) {
         this._validateMessages.max = value;
     }
@@ -1319,26 +1257,27 @@ let FsFormMaxDirective = class FsFormMaxDirective extends FsControlDirective {
     validate(control) {
         return FsValidators.numeric(this._control) || Validators.max(this.fsFormMax)(this._control);
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], FsFormMaxDirective.prototype, "fsFormMax", void 0);
-__decorate([
-    Input('fsFormMaxMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormMaxDirective.prototype, "validationMessage", null);
-FsFormMaxDirective = __decorate([
-    Directive({
-        selector: '[fsFormMax]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormMaxDirective);
+}
+FsFormMaxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormMaxDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormMaxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormMaxDirective, selector: "[fsFormMax]", inputs: { fsFormMax: "fsFormMax", validationMessage: ["fsFormMaxMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormMaxDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormMax]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormMax: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormMaxMessage']
+            }] } });
 
-let FsFormMinLengthDirective = class FsFormMinLengthDirective extends FsControlDirective {
+class FsFormMinLengthDirective extends FsControlDirective {
     set validationMessage(value) {
         this._validateMessages.minlength = value;
     }
@@ -1348,26 +1287,27 @@ let FsFormMinLengthDirective = class FsFormMinLengthDirective extends FsControlD
     validate(control) {
         return Validators.minLength(this.fsFormMinLength)(this._control);
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], FsFormMinLengthDirective.prototype, "fsFormMinLength", void 0);
-__decorate([
-    Input('fsFormMinLengthMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormMinLengthDirective.prototype, "validationMessage", null);
-FsFormMinLengthDirective = __decorate([
-    Directive({
-        selector: '[fsFormMinLength]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormMinLengthDirective);
+}
+FsFormMinLengthDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormMinLengthDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormMinLengthDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormMinLengthDirective, selector: "[fsFormMinLength]", inputs: { fsFormMinLength: "fsFormMinLength", validationMessage: ["fsFormMinLengthMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormMinLengthDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormMinLength]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormMinLength: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormMinLengthMessage']
+            }] } });
 
-let FsFormMaxLengthDirective = class FsFormMaxLengthDirective extends FsControlDirective {
+class FsFormMaxLengthDirective extends FsControlDirective {
     set validationMessage(value) {
         this._validateMessages.maxlength = value;
     }
@@ -1377,26 +1317,27 @@ let FsFormMaxLengthDirective = class FsFormMaxLengthDirective extends FsControlD
     validate(control) {
         return Validators.maxLength(this.fsFormMaxLength)(this._control);
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], FsFormMaxLengthDirective.prototype, "fsFormMaxLength", void 0);
-__decorate([
-    Input('fsFormMaxLengthMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormMaxLengthDirective.prototype, "validationMessage", null);
-FsFormMaxLengthDirective = __decorate([
-    Directive({
-        selector: '[fsFormMaxLength]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormMaxLengthDirective);
+}
+FsFormMaxLengthDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormMaxLengthDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormMaxLengthDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormMaxLengthDirective, selector: "[fsFormMaxLength]", inputs: { fsFormMaxLength: "fsFormMaxLength", validationMessage: ["fsFormMaxLengthMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormMaxLengthDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormMaxLength]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormMaxLength: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormMaxLengthMessage']
+            }] } });
 
-let FsFormEmailDirective = class FsFormEmailDirective extends FsControlDirective {
+class FsFormEmailDirective extends FsControlDirective {
     set validationMessage(value) {
         this._validateMessages.email = value;
     }
@@ -1411,26 +1352,27 @@ let FsFormEmailDirective = class FsFormEmailDirective extends FsControlDirective
             return null;
         }
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormEmailDirective.prototype, "fsFormEmail", void 0);
-__decorate([
-    Input('fsFormEmailMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormEmailDirective.prototype, "validationMessage", null);
-FsFormEmailDirective = __decorate([
-    Directive({
-        selector: '[fsFormEmail]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormEmailDirective);
+}
+FsFormEmailDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormEmailDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormEmailDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormEmailDirective, selector: "[fsFormEmail]", inputs: { fsFormEmail: "fsFormEmail", validationMessage: ["fsFormEmailMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormEmailDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormEmail]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormEmail: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormEmailMessage']
+            }] } });
 
-let FsFormEmailsDirective = class FsFormEmailsDirective extends FsControlDirective {
+class FsFormEmailsDirective extends FsControlDirective {
     set validationMessage(value) {
         this._validateMessages.emails = value;
     }
@@ -1445,26 +1387,27 @@ let FsFormEmailsDirective = class FsFormEmailsDirective extends FsControlDirecti
             return null;
         }
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormEmailsDirective.prototype, "fsFormEmails", void 0);
-__decorate([
-    Input('fsFormEmailsMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormEmailsDirective.prototype, "validationMessage", null);
-FsFormEmailsDirective = __decorate([
-    Directive({
-        selector: '[fsFormEmails]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormEmailsDirective);
+}
+FsFormEmailsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormEmailsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormEmailsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormEmailsDirective, selector: "[fsFormEmails]", inputs: { fsFormEmails: "fsFormEmails", validationMessage: ["fsFormEmailsMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormEmailsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormEmails]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormEmails: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormEmailsMessage']
+            }] } });
 
-let FsFormPhoneDirective = class FsFormPhoneDirective extends FsControlDirective {
+class FsFormPhoneDirective extends FsControlDirective {
     set validationMessage(value) {
         this._validateMessages.phone = value;
     }
@@ -1479,26 +1422,27 @@ let FsFormPhoneDirective = class FsFormPhoneDirective extends FsControlDirective
             return null;
         }
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormPhoneDirective.prototype, "fsFormPhone", void 0);
-__decorate([
-    Input('fsFormPhoneMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormPhoneDirective.prototype, "validationMessage", null);
-FsFormPhoneDirective = __decorate([
-    Directive({
-        selector: '[fsFormPhone]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormPhoneDirective);
+}
+FsFormPhoneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormPhoneDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormPhoneDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormPhoneDirective, selector: "[fsFormPhone]", inputs: { fsFormPhone: "fsFormPhone", validationMessage: ["fsFormPhoneMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormPhoneDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormPhone]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormPhone: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormPhoneMessage']
+            }] } });
 
-let FsFormCompareDirective = class FsFormCompareDirective extends FsControlDirective {
+class FsFormCompareDirective extends FsControlDirective {
     set validationMessage(value) {
         this._validateMessages.compare = value;
     }
@@ -1523,26 +1467,27 @@ let FsFormCompareDirective = class FsFormCompareDirective extends FsControlDirec
             this._control.updateValueAndValidity();
         }, false);
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormCompareDirective.prototype, "fsFormCompare", void 0);
-__decorate([
-    Input('fsFormCompareMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormCompareDirective.prototype, "validationMessage", null);
-FsFormCompareDirective = __decorate([
-    Directive({
-        selector: '[fsFormCompare]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER,
-        ],
-    })
-], FsFormCompareDirective);
+}
+FsFormCompareDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormCompareDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormCompareDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormCompareDirective, selector: "[fsFormCompare]", inputs: { fsFormCompare: "fsFormCompare", validationMessage: ["fsFormCompareMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER,
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormCompareDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormCompare]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER,
+                    ],
+                }]
+        }], propDecorators: { fsFormCompare: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormCompareMessage']
+            }] } });
 
-let FsFormIntegerDirective = class FsFormIntegerDirective extends FsControlDirective {
+class FsFormIntegerDirective extends FsControlDirective {
     set validationMessage(value) {
         this._validateMessages.integer = value;
     }
@@ -1557,26 +1502,27 @@ let FsFormIntegerDirective = class FsFormIntegerDirective extends FsControlDirec
             return null;
         }
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormIntegerDirective.prototype, "fsFormInteger", void 0);
-__decorate([
-    Input('fsFormIntegerMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormIntegerDirective.prototype, "validationMessage", null);
-FsFormIntegerDirective = __decorate([
-    Directive({
-        selector: '[fsFormInteger]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormIntegerDirective);
+}
+FsFormIntegerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormIntegerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormIntegerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormIntegerDirective, selector: "[fsFormInteger]", inputs: { fsFormInteger: "fsFormInteger", validationMessage: ["fsFormIntegerMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormIntegerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormInteger]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormInteger: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormIntegerMessage']
+            }] } });
 
-let FsFormNumericDirective = class FsFormNumericDirective extends FsControlDirective {
+class FsFormNumericDirective extends FsControlDirective {
     set validationMessage(value) {
         this._validateMessages.numeric = value;
     }
@@ -1591,26 +1537,27 @@ let FsFormNumericDirective = class FsFormNumericDirective extends FsControlDirec
             return null;
         }
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormNumericDirective.prototype, "fsFormNumeric", void 0);
-__decorate([
-    Input('fsFormNumericMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormNumericDirective.prototype, "validationMessage", null);
-FsFormNumericDirective = __decorate([
-    Directive({
-        selector: '[fsFormNumeric]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormNumericDirective);
+}
+FsFormNumericDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormNumericDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormNumericDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormNumericDirective, selector: "[fsFormNumeric]", inputs: { fsFormNumeric: "fsFormNumeric", validationMessage: ["fsFormNumericMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormNumericDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormNumeric]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormNumeric: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormNumericMessage']
+            }] } });
 
-let FsFormPatternDirective = class FsFormPatternDirective extends FsControlDirective {
+class FsFormPatternDirective extends FsControlDirective {
     set validationMessage(value) {
         this._validateMessages.pattern = value;
     }
@@ -1620,51 +1567,53 @@ let FsFormPatternDirective = class FsFormPatternDirective extends FsControlDirec
     validate(control) {
         return Validators.pattern(this.fsFormPattern)(this._control);
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", RegExp)
-], FsFormPatternDirective.prototype, "fsFormPattern", void 0);
-__decorate([
-    Input('fsFormPatternMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormPatternDirective.prototype, "validationMessage", null);
-FsFormPatternDirective = __decorate([
-    Directive({
-        selector: '[fsFormPattern]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormPatternDirective);
+}
+FsFormPatternDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormPatternDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormPatternDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormPatternDirective, selector: "[fsFormPattern]", inputs: { fsFormPattern: "fsFormPattern", validationMessage: ["fsFormPatternMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormPatternDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormPattern]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormPattern: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormPatternMessage']
+            }] } });
 
-let FsFormFunctionDirective = class FsFormFunctionDirective extends FsControlDirective {
+class FsFormFunctionDirective extends FsControlDirective {
     ngOnChanges() {
         this._control.updateValueAndValidity();
     }
     validateAsync(control) {
         return FsValidators.func(this._control, this.fsFormFunction, this.fsFormFunctionData);
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormFunctionDirective.prototype, "fsFormFunction", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormFunctionDirective.prototype, "fsFormFunctionData", void 0);
-FsFormFunctionDirective = __decorate([
-    Directive({
-        selector: '[fsFormFunction]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormFunctionDirective);
+}
+FsFormFunctionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormFunctionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormFunctionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormFunctionDirective, selector: "[fsFormFunction]", inputs: { fsFormFunction: "fsFormFunction", fsFormFunctionData: "fsFormFunctionData" }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormFunctionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormFunction]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormFunction: [{
+                type: Input
+            }], fsFormFunctionData: [{
+                type: Input
+            }] } });
 
-let FsFormGreaterDirective = class FsFormGreaterDirective extends FsControlDirective {
+class FsFormGreaterDirective extends FsControlDirective {
     set validationMessage(value) {
         this._validateMessages.greater = value;
     }
@@ -1679,26 +1628,27 @@ let FsFormGreaterDirective = class FsFormGreaterDirective extends FsControlDirec
         }
         return FsValidators.numeric(this._control);
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormGreaterDirective.prototype, "fsFormGreater", void 0);
-__decorate([
-    Input('fsFormGreaterMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormGreaterDirective.prototype, "validationMessage", null);
-FsFormGreaterDirective = __decorate([
-    Directive({
-        selector: '[fsFormGreater]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormGreaterDirective);
+}
+FsFormGreaterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormGreaterDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormGreaterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormGreaterDirective, selector: "[fsFormGreater]", inputs: { fsFormGreater: "fsFormGreater", validationMessage: ["fsFormGreaterMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormGreaterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormGreater]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormGreater: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormGreaterMessage']
+            }] } });
 
-let FsFormDateRangeDirective = class FsFormDateRangeDirective extends FsControlDirective {
+class FsFormDateRangeDirective extends FsControlDirective {
     set validationMessage(value) {
         this._validateMessages.dateRange = value;
     }
@@ -1713,26 +1663,27 @@ let FsFormDateRangeDirective = class FsFormDateRangeDirective extends FsControlD
             return null;
         }
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDateRangeDirective.prototype, "fsFormDateRange", void 0);
-__decorate([
-    Input('fsFormDateRangeMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormDateRangeDirective.prototype, "validationMessage", null);
-FsFormDateRangeDirective = __decorate([
-    Directive({
-        selector: '[fsFormDateRange]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormDateRangeDirective);
+}
+FsFormDateRangeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormDateRangeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormDateRangeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormDateRangeDirective, selector: "[fsFormDateRange]", inputs: { fsFormDateRange: "fsFormDateRange", validationMessage: ["fsFormDateRangeMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormDateRangeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormDateRange]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormDateRange: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormDateRangeMessage']
+            }] } });
 
-let FsFormLesserDirective = class FsFormLesserDirective extends FsControlDirective {
+class FsFormLesserDirective extends FsControlDirective {
     set validationMessage(value) {
         this._validateMessages.lesser = value;
     }
@@ -1747,26 +1698,27 @@ let FsFormLesserDirective = class FsFormLesserDirective extends FsControlDirecti
         }
         return FsValidators.numeric(this._control);
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormLesserDirective.prototype, "fsFormLesser", void 0);
-__decorate([
-    Input('fsFormLesserMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormLesserDirective.prototype, "validationMessage", null);
-FsFormLesserDirective = __decorate([
-    Directive({
-        selector: '[fsFormLesser]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormLesserDirective);
+}
+FsFormLesserDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormLesserDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormLesserDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormLesserDirective, selector: "[fsFormLesser]", inputs: { fsFormLesser: "fsFormLesser", validationMessage: ["fsFormLesserMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormLesserDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormLesser]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormLesser: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormLesserMessage']
+            }] } });
 
-let FsFormUrlDirective = class FsFormUrlDirective extends FsControlDirective {
+class FsFormUrlDirective extends FsControlDirective {
     constructor() {
         super(...arguments);
         this.fsFormUrlProtocol = false;
@@ -1785,30 +1737,29 @@ let FsFormUrlDirective = class FsFormUrlDirective extends FsControlDirective {
             return null;
         }
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormUrlDirective.prototype, "fsFormUrl", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormUrlDirective.prototype, "fsFormUrlProtocol", void 0);
-__decorate([
-    Input('fsFormUrlMessage'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], FsFormUrlDirective.prototype, "validationMessage", null);
-FsFormUrlDirective = __decorate([
-    Directive({
-        selector: '[fsFormUrl]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormUrlDirective);
+}
+FsFormUrlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormUrlDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormUrlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormUrlDirective, selector: "[fsFormUrl]", inputs: { fsFormUrl: "fsFormUrl", fsFormUrlProtocol: "fsFormUrlProtocol", validationMessage: ["fsFormUrlMessage", "validationMessage"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormUrlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fsFormUrl]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { fsFormUrl: [{
+                type: Input
+            }], fsFormUrlProtocol: [{
+                type: Input
+            }], validationMessage: [{
+                type: Input,
+                args: ['fsFormUrlMessage']
+            }] } });
 
-let FsSubmitButtonDirective = class FsSubmitButtonDirective {
+class FsSubmitButtonDirective {
     constructor(_matButton, _form, _elementRef, _cdRef) {
         this._matButton = _matButton;
         this._form = _form;
@@ -1922,63 +1873,58 @@ let FsSubmitButtonDirective = class FsSubmitButtonDirective {
             return new DOMParser().parseFromString(`<svg class="svg-icon svg-icon-error" xmlns="http://www.w3.org/2000/svg" width="38px" height="38px" viewBox="0 0 16 16"><g><path d="M8 1c3.9 0 7 3.1 7 7s-3.1 7-7 7-7-3.1-7-7 3.1-7 7-7zM8 0c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8v0z" data-original="#444444" data-old_color="#444444"/><path d="M12.2 10.8l-2.8-2.8 2.8-2.8-1.4-1.4-2.8 2.8-2.8-2.8-1.4 1.4 2.8 2.8-2.8 2.8 1.4 1.4 2.8-2.8 2.8 2.8z"/></g> </svg>`, 'text/xml').firstChild;
         }
     }
-};
-FsSubmitButtonDirective.ctorParameters = () => [
-    { type: MatButton, decorators: [{ type: Optional }, { type: Host }] },
-    { type: FsFormDirective, decorators: [{ type: Optional }] },
-    { type: ElementRef },
-    { type: ChangeDetectorRef }
-];
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsSubmitButtonDirective.prototype, "name", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsSubmitButtonDirective.prototype, "dirtySubmit", void 0);
-__decorate([
-    HostBinding('style.transition'),
-    __metadata("design:type", Object)
-], FsSubmitButtonDirective.prototype, "transitionStyle", void 0);
-FsSubmitButtonDirective = __decorate([
-    Directive({
-        selector: 'button[type="submit"]',
-    }),
-    __param(0, Optional()), __param(0, Host()),
-    __param(1, Optional()),
-    __metadata("design:paramtypes", [MatButton,
-        FsFormDirective,
-        ElementRef,
-        ChangeDetectorRef])
-], FsSubmitButtonDirective);
+}
+FsSubmitButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsSubmitButtonDirective, deps: [{ token: i1$1.MatButton, host: true, optional: true }, { token: FsFormDirective, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+FsSubmitButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsSubmitButtonDirective, selector: "button[type=\"submit\"]", inputs: { name: "name", dirtySubmit: "dirtySubmit" }, host: { properties: { "style.transition": "this.transitionStyle" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsSubmitButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[type="submit"]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatButton, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }] }, { type: FsFormDirective, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { name: [{
+                type: Input
+            }], dirtySubmit: [{
+                type: Input
+            }], transitionStyle: [{
+                type: HostBinding,
+                args: ['style.transition']
+            }] } });
 
-let FsFormValidateDirective = class FsFormValidateDirective extends FsControlDirective {
+class FsFormValidateDirective extends FsControlDirective {
     ngOnChanges() {
         this._control.updateValueAndValidity();
     }
     validateAsync(control) {
         return FsValidators.func(this._control, this.validateFn, this.validateFnData);
     }
-};
-__decorate([
-    Input('validate'),
-    __metadata("design:type", Object)
-], FsFormValidateDirective.prototype, "validateFn", void 0);
-__decorate([
-    Input('validateData'),
-    __metadata("design:type", Object)
-], FsFormValidateDirective.prototype, "validateFnData", void 0);
-FsFormValidateDirective = __decorate([
-    Directive({
-        selector: '[validate]',
-        providers: [
-            VALIDATE_MESSAGE_PROVIDER
-        ],
-    })
-], FsFormValidateDirective);
+}
+FsFormValidateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormValidateDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsFormValidateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsFormValidateDirective, selector: "[validate]", inputs: { validateFn: ["validate", "validateFn"], validateFnData: ["validateData", "validateFnData"] }, providers: [
+        VALIDATE_MESSAGE_PROVIDER
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormValidateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[validate]',
+                    providers: [
+                        VALIDATE_MESSAGE_PROVIDER
+                    ],
+                }]
+        }], propDecorators: { validateFn: [{
+                type: Input,
+                args: ['validate']
+            }], validateFnData: [{
+                type: Input,
+                args: ['validateData']
+            }] } });
 
-let FsFormDialogActionsComponent = class FsFormDialogActionsComponent {
+class FsFormDialogActionsComponent {
     constructor(_form, _dialogRef, _cdRef) {
         this._form = _form;
         this._dialogRef = _dialogRef;
@@ -2027,118 +1973,167 @@ let FsFormDialogActionsComponent = class FsFormDialogActionsComponent {
         this._destroy$.next();
         this._destroy$.complete();
     }
-};
-FsFormDialogActionsComponent.ctorParameters = () => [
-    { type: FsFormDirective, decorators: [{ type: Optional }] },
-    { type: MatDialogRef, decorators: [{ type: Optional }] },
-    { type: ChangeDetectorRef }
-];
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDialogActionsComponent.prototype, "save", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDialogActionsComponent.prototype, "create", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], FsFormDialogActionsComponent.prototype, "close", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], FsFormDialogActionsComponent.prototype, "name", void 0);
-FsFormDialogActionsComponent = __decorate([
-    Component({
-        selector: 'fs-form-dialog-actions',
-        template: "<div class=\"buttons\">\r\n  <ng-container *ngIf=\"save\">\r\n    <button \r\n        mat-button \r\n        type=\"submit\"\r\n        color=\"primary\" \r\n        [name]=\"name\">\r\n      {{create ? 'Create' : 'Save'}}\r\n    </button>\r\n    <button \r\n        mat-button \r\n        type=\"button\"\r\n        [disabled]=\"close && !dirty && !create\"\r\n        [matDialogClose]=\"null\">\r\n      Cancel\r\n    </button>\r\n  </ng-container>\r\n\r\n  <ng-content></ng-content>\r\n  <div class=\"close\" *ngIf=\"close\">\r\n    <button \r\n        mat-button \r\n        type=\"button\"\r\n        [color]=\"dirty ? 'basic' : 'primary'\"\r\n        (click)=\"closeClick()\">\r\n      Close\r\n    </button>\r\n  </div>\r\n</div>",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [".buttons{display:flex;flex-grow:1;align-items:center}.buttons .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}}"]
-    }),
-    __param(0, Optional()),
-    __param(1, Optional()),
-    __metadata("design:paramtypes", [FsFormDirective,
-        MatDialogRef,
-        ChangeDetectorRef])
-], FsFormDialogActionsComponent);
+}
+FsFormDialogActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormDialogActionsComponent, deps: [{ token: FsFormDirective, optional: true }, { token: i2$1.MatDialogRef, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FsFormDialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsFormDialogActionsComponent, selector: "fs-form-dialog-actions", inputs: { save: "save", create: "create", close: "close", name: "name" }, ngImport: i0, template: "<div class=\"buttons\">\r\n  <ng-container *ngIf=\"save\">\r\n    <button \r\n        mat-button \r\n        type=\"submit\"\r\n        color=\"primary\" \r\n        [name]=\"name\">\r\n      {{create ? 'Create' : 'Save'}}\r\n    </button>\r\n    <button \r\n        mat-button \r\n        type=\"button\"\r\n        [disabled]=\"close && !dirty && !create\"\r\n        [matDialogClose]=\"null\">\r\n      Cancel\r\n    </button>\r\n  </ng-container>\r\n\r\n  <ng-content></ng-content>\r\n  <div class=\"close\" *ngIf=\"close\">\r\n    <button \r\n        mat-button \r\n        type=\"button\"\r\n        [color]=\"dirty ? 'basic' : 'primary'\"\r\n        (click)=\"closeClick()\">\r\n      Close\r\n    </button>\r\n  </div>\r\n</div>", styles: [".buttons{display:flex;flex-grow:1;align-items:center}.buttons .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$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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: FsSubmitButtonDirective, selector: "button[type=\"submit\"]", inputs: ["name", "dirtySubmit"] }, { type: i2$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormDialogActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'fs-form-dialog-actions',
+                    templateUrl: './form-dialog-actions.component.html',
+                    styleUrls: ['./form-dialog-actions.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: FsFormDirective, decorators: [{
+                    type: Optional
+                }] }, { type: i2$1.MatDialogRef, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { save: [{
+                type: Input
+            }], create: [{
+                type: Input
+            }], close: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }] } });
 
-var FsFormModule_1;
-let FsFormModule = FsFormModule_1 = class FsFormModule {
+class FsFormModule {
     static forRoot() {
         return {
-            ngModule: FsFormModule_1,
+            ngModule: FsFormModule,
         };
     }
-};
-FsFormModule = FsFormModule_1 = __decorate([
-    NgModule({
-        imports: [
+}
+FsFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FsFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormModule, declarations: [FsFormDirective,
+        FsControlDirective,
+        FsFormRequiredDirective,
+        FsFormMinDirective,
+        FsFormMaxDirective,
+        FsFormMinLengthDirective,
+        FsFormMaxLengthDirective,
+        FsFormEmailDirective,
+        FsFormEmailsDirective,
+        FsFormPhoneDirective,
+        FsFormCompareDirective,
+        FsFormIntegerDirective,
+        FsFormNumericDirective,
+        FsFormPatternDirective,
+        FsFormFunctionDirective,
+        FsFormDateRangeDirective,
+        FsFormGreaterDirective,
+        FsFormLesserDirective,
+        FsFormUrlDirective,
+        FsFormDialogCloseDirective,
+        FsSubmitButtonDirective,
+        FsFormValidateDirective,
+        FsFormDialogActionsComponent], imports: [CommonModule,
+        FormsModule,
+        MatButtonModule,
+        MatDialogModule], exports: [FsFormDirective,
+        FsControlDirective,
+        FsFormRequiredDirective,
+        FsFormMinDirective,
+        FsFormMaxDirective,
+        FsFormMinLengthDirective,
+        FsFormMaxLengthDirective,
+        FsFormEmailDirective,
+        FsFormEmailsDirective,
+        FsFormPhoneDirective,
+        FsFormCompareDirective,
+        FsFormIntegerDirective,
+        FsFormNumericDirective,
+        FsFormPatternDirective,
+        FsFormFunctionDirective,
+        FsFormDateRangeDirective,
+        FsFormGreaterDirective,
+        FsFormLesserDirective,
+        FsFormUrlDirective,
+        FsFormDialogCloseDirective,
+        FsSubmitButtonDirective,
+        FsFormValidateDirective,
+        FsFormDialogActionsComponent] });
+FsFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormModule, providers: [
+        {
+            provide: ErrorStateMatcher,
+            useClass: ShowOnDirtyErrorStateMatcher,
+        },
+    ], imports: [[
             CommonModule,
             FormsModule,
             MatButtonModule,
             MatDialogModule,
-        ],
-        declarations: [
-            FsFormDirective,
-            FsControlDirective,
-            FsFormRequiredDirective,
-            FsFormMinDirective,
-            FsFormMaxDirective,
-            FsFormMinLengthDirective,
-            FsFormMaxLengthDirective,
-            FsFormEmailDirective,
-            FsFormEmailsDirective,
-            FsFormPhoneDirective,
-            FsFormCompareDirective,
-            FsFormIntegerDirective,
-            FsFormNumericDirective,
-            FsFormPatternDirective,
-            FsFormFunctionDirective,
-            FsFormDateRangeDirective,
-            FsFormGreaterDirective,
-            FsFormLesserDirective,
-            FsFormUrlDirective,
-            FsFormDialogCloseDirective,
-            FsSubmitButtonDirective,
-            FsFormValidateDirective,
-            FsFormDialogActionsComponent,
-        ],
-        exports: [
-            FsFormDirective,
-            FsControlDirective,
-            FsFormRequiredDirective,
-            FsFormMinDirective,
-            FsFormMaxDirective,
-            FsFormMinLengthDirective,
-            FsFormMaxLengthDirective,
-            FsFormEmailDirective,
-            FsFormEmailsDirective,
-            FsFormPhoneDirective,
-            FsFormCompareDirective,
-            FsFormIntegerDirective,
-            FsFormNumericDirective,
-            FsFormPatternDirective,
-            FsFormFunctionDirective,
-            FsFormDateRangeDirective,
-            FsFormGreaterDirective,
-            FsFormLesserDirective,
-            FsFormUrlDirective,
-            FsFormDialogCloseDirective,
-            FsSubmitButtonDirective,
-            FsFormValidateDirective,
-            FsFormDialogActionsComponent,
-        ],
-        providers: [
-            {
-                provide: ErrorStateMatcher,
-                useClass: ShowOnDirtyErrorStateMatcher,
-            },
-        ],
-    })
-], FsFormModule);
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                    ],
+                    declarations: [
+                        FsFormDirective,
+                        FsControlDirective,
+                        FsFormRequiredDirective,
+                        FsFormMinDirective,
+                        FsFormMaxDirective,
+                        FsFormMinLengthDirective,
+                        FsFormMaxLengthDirective,
+                        FsFormEmailDirective,
+                        FsFormEmailsDirective,
+                        FsFormPhoneDirective,
+                        FsFormCompareDirective,
+                        FsFormIntegerDirective,
+                        FsFormNumericDirective,
+                        FsFormPatternDirective,
+                        FsFormFunctionDirective,
+                        FsFormDateRangeDirective,
+                        FsFormGreaterDirective,
+                        FsFormLesserDirective,
+                        FsFormUrlDirective,
+                        FsFormDialogCloseDirective,
+                        FsSubmitButtonDirective,
+                        FsFormValidateDirective,
+                        FsFormDialogActionsComponent,
+                    ],
+                    exports: [
+                        FsFormDirective,
+                        FsControlDirective,
+                        FsFormRequiredDirective,
+                        FsFormMinDirective,
+                        FsFormMaxDirective,
+                        FsFormMinLengthDirective,
+                        FsFormMaxLengthDirective,
+                        FsFormEmailDirective,
+                        FsFormEmailsDirective,
+                        FsFormPhoneDirective,
+                        FsFormCompareDirective,
+                        FsFormIntegerDirective,
+                        FsFormNumericDirective,
+                        FsFormPatternDirective,
+                        FsFormFunctionDirective,
+                        FsFormDateRangeDirective,
+                        FsFormGreaterDirective,
+                        FsFormLesserDirective,
+                        FsFormUrlDirective,
+                        FsFormDialogCloseDirective,
+                        FsSubmitButtonDirective,
+                        FsFormValidateDirective,
+                        FsFormDialogActionsComponent,
+                    ],
+                    providers: [
+                        {
+                            provide: ErrorStateMatcher,
+                            useClass: ShowOnDirtyErrorStateMatcher,
+                        },
+                    ],
+                }]
+        }] });
 
-let FormDeactivateGuard = class FormDeactivateGuard {
+class FormDeactivateGuard {
     constructor(_prompt) {
         this._prompt = _prompt;
     }
@@ -2159,17 +2154,15 @@ let FormDeactivateGuard = class FormDeactivateGuard {
             return confirmResultContinue(result);
         }));
     }
-};
-FormDeactivateGuard.ctorParameters = () => [
-    { type: FsPrompt }
-];
-FormDeactivateGuard.ɵprov = ɵɵdefineInjectable({ factory: function FormDeactivateGuard_Factory() { return new FormDeactivateGuard(ɵɵinject(FsPrompt)); }, token: FormDeactivateGuard, providedIn: "root" });
-FormDeactivateGuard = __decorate([
-    Injectable({
-        providedIn: 'root'
-    }),
-    __metadata("design:paramtypes", [FsPrompt])
-], FormDeactivateGuard);
+}
+FormDeactivateGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FormDeactivateGuard, deps: [{ token: i3.FsPrompt }], target: i0.ɵɵFactoryTarget.Injectable });
+FormDeactivateGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FormDeactivateGuard, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FormDeactivateGuard, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i3.FsPrompt }]; } });
 
 // Modules
 
@@ -2177,5 +2170,5 @@ FormDeactivateGuard = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { ConfirmResult, FormDeactivateGuard, FormStatus, FsForm, FsFormDialogActionsComponent, FsFormDirective, FsFormModule, FsValidators, FsFormDialogCloseDirective as ɵa, FsControlDirective as ɵb, VALIDATE_MESSAGES as ɵc, VALIDATE_MESSAGE_PROVIDER as ɵd, messageProviderFactory as ɵe, FsFormRequiredDirective as ɵf, FsFormMinDirective as ɵg, FsFormMaxDirective as ɵh, FsFormMinLengthDirective as ɵi, FsFormMaxLengthDirective as ɵj, FsFormEmailDirective as ɵk, FsFormEmailsDirective as ɵl, FsFormPhoneDirective as ɵm, FsFormCompareDirective as ɵn, FsFormIntegerDirective as ɵo, FsFormNumericDirective as ɵp, FsFormPatternDirective as ɵq, FsFormFunctionDirective as ɵr, FsFormDateRangeDirective as ɵs, FsFormGreaterDirective as ɵt, FsFormLesserDirective as ɵu, FsFormUrlDirective as ɵv, FsSubmitButtonDirective as ɵw, FsFormValidateDirective as ɵx };
+export { ConfirmResult, FormDeactivateGuard, FormStatus, FsControlDirective, FsForm, FsFormCompareDirective, FsFormDateRangeDirective, FsFormDialogActionsComponent, FsFormDialogCloseDirective, FsFormDirective, FsFormEmailDirective, FsFormEmailsDirective, FsFormFunctionDirective, FsFormGreaterDirective, FsFormIntegerDirective, FsFormLesserDirective, FsFormMaxDirective, FsFormMaxLengthDirective, FsFormMinDirective, FsFormMinLengthDirective, FsFormModule, FsFormNumericDirective, FsFormPatternDirective, FsFormPhoneDirective, FsFormRequiredDirective, FsFormUrlDirective, FsFormValidateDirective, FsSubmitButtonDirective, FsValidators };
 //# sourceMappingURL=firestitch-form.js.map