@firestitch/form 17.0.0 → 18.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/directives/validators/control.directive.d.ts +12 -9
- package/app/directives/validators/required.directive.d.ts +1 -1
- package/app/directives/validators/validate.directive.d.ts +2 -2
- package/app/validators/validators.d.ts +1 -1
- package/esm2022/app/components/confirm-unsaved/confirm-unsaved.component.mjs +4 -4
- package/esm2022/app/components/form-dialog-actions/form-dialog-actions.component.mjs +4 -4
- package/esm2022/app/components/form-template/form-template.component.mjs +4 -4
- package/esm2022/app/components/form-template-outlet/form-template-outlet.component.mjs +4 -4
- package/esm2022/app/directives/button.directive.mjs +4 -4
- package/esm2022/app/directives/form/form.directive.mjs +7 -7
- package/esm2022/app/directives/form-dialog-close.directive.mjs +4 -4
- package/esm2022/app/directives/form-template.directive.mjs +4 -4
- package/esm2022/app/directives/submit-button.directive.mjs +4 -4
- package/esm2022/app/directives/validators/compare.directive.mjs +4 -4
- package/esm2022/app/directives/validators/control.directive.mjs +67 -66
- package/esm2022/app/directives/validators/daterange.directive.mjs +4 -4
- package/esm2022/app/directives/validators/email.directive.mjs +4 -4
- package/esm2022/app/directives/validators/emails.directive.mjs +4 -4
- package/esm2022/app/directives/validators/function.directive.mjs +5 -5
- package/esm2022/app/directives/validators/greater-equal.directive.mjs +4 -4
- package/esm2022/app/directives/validators/greater.directive.mjs +4 -4
- package/esm2022/app/directives/validators/integer.directive.mjs +4 -4
- package/esm2022/app/directives/validators/lesser-equal.directive.mjs +4 -4
- package/esm2022/app/directives/validators/lesser.directive.mjs +4 -4
- package/esm2022/app/directives/validators/max.directive.mjs +4 -4
- package/esm2022/app/directives/validators/maxlength.directive.mjs +4 -4
- package/esm2022/app/directives/validators/min.directive.mjs +4 -4
- package/esm2022/app/directives/validators/minlength.directive.mjs +4 -4
- package/esm2022/app/directives/validators/no-fs-validators.directive.mjs +4 -4
- package/esm2022/app/directives/validators/numeric.directive.mjs +4 -4
- package/esm2022/app/directives/validators/pattern.directive.mjs +4 -4
- package/esm2022/app/directives/validators/phone.directive.mjs +4 -4
- package/esm2022/app/directives/validators/required.directive.mjs +6 -6
- package/esm2022/app/directives/validators/url.directive.mjs +4 -4
- package/esm2022/app/directives/validators/validate.directive.mjs +9 -9
- package/esm2022/app/fs-form.module.mjs +5 -5
- package/esm2022/app/guards/form-deactivate.guard.mjs +4 -4
- package/esm2022/app/services/fsform.service.mjs +4 -4
- package/esm2022/app/validators/validators.mjs +2 -2
- package/fesm2022/firestitch-form.mjs +176 -175
- package/fesm2022/firestitch-form.mjs.map +1 -1
- package/package.json +1 -1
- package/styles.scss +3 -7
|
@@ -56,10 +56,10 @@ class ConfirmUnsavedComponent {
|
|
|
56
56
|
this._destroy$.next(null);
|
|
57
57
|
this._destroy$.complete();
|
|
58
58
|
}
|
|
59
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
60
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
59
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ConfirmUnsavedComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: ConfirmUnsavedComponent, selector: "ng-component", ngImport: i0, template: "<fs-dialog>\n <h1 mat-dialog-title>{{title}}</h1>\n <mat-dialog-content>\n {{message}}\n </mat-dialog-content> \n <mat-dialog-actions>\n <button\n type=\"button\"\n color=\"primary\"\n (click)=\"save()\"\n fsFormButtonStandalone\n mat-button>\n {{saveLabel}}\n </button>\n <button\n type=\"button\"\n (click)=\"discard()\"\n fsFormButtonStandalone\n mat-button>\n {{discardLabel}}\n </button> \n <button\n type=\"button\"\n (click)=\"cancel()\"\n fsFormButtonStandalone\n mat-button>\n {{cancelLabel}}\n </button> \n </mat-dialog-actions>\n</fs-dialog>\n", styles: [":host{width:100%}.form-buttons.save-create .close-button:not(.cancel-button){float:right}\n"], dependencies: [{ kind: "component", type: i1$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout", "dock", "dockable", "fullscreenPercent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
61
61
|
}
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ConfirmUnsavedComponent, decorators: [{
|
|
63
63
|
type: Component,
|
|
64
64
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<fs-dialog>\n <h1 mat-dialog-title>{{title}}</h1>\n <mat-dialog-content>\n {{message}}\n </mat-dialog-content> \n <mat-dialog-actions>\n <button\n type=\"button\"\n color=\"primary\"\n (click)=\"save()\"\n fsFormButtonStandalone\n mat-button>\n {{saveLabel}}\n </button>\n <button\n type=\"button\"\n (click)=\"discard()\"\n fsFormButtonStandalone\n mat-button>\n {{discardLabel}}\n </button> \n <button\n type=\"button\"\n (click)=\"cancel()\"\n fsFormButtonStandalone\n mat-button>\n {{cancelLabel}}\n </button> \n </mat-dialog-actions>\n</fs-dialog>\n", styles: [":host{width:100%}.form-buttons.save-create .close-button:not(.cancel-button){float:right}\n"] }]
|
|
65
65
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -175,10 +175,10 @@ class FsForm {
|
|
|
175
175
|
}
|
|
176
176
|
}));
|
|
177
177
|
}
|
|
178
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
179
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
178
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsForm, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
179
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsForm, providedIn: 'root' });
|
|
180
180
|
}
|
|
181
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
181
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsForm, decorators: [{
|
|
182
182
|
type: Injectable,
|
|
183
183
|
args: [{
|
|
184
184
|
providedIn: 'root',
|
|
@@ -209,10 +209,10 @@ class FormDeactivateGuard {
|
|
|
209
209
|
return confirmResultContinue(result);
|
|
210
210
|
}));
|
|
211
211
|
}
|
|
212
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
213
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
212
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FormDeactivateGuard, deps: [{ token: FsForm }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
213
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FormDeactivateGuard, providedIn: 'root' });
|
|
214
214
|
}
|
|
215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
215
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FormDeactivateGuard, decorators: [{
|
|
216
216
|
type: Injectable,
|
|
217
217
|
args: [{
|
|
218
218
|
providedIn: 'root',
|
|
@@ -253,9 +253,9 @@ class FsFormDirective {
|
|
|
253
253
|
_dialogRef;
|
|
254
254
|
_drawerRef;
|
|
255
255
|
_route;
|
|
256
|
-
wrapperSelector = '.fs-form-wrapper,.mat-form-field';
|
|
257
|
-
messageSelector = '.fs-form-message,.mat-form-field-subscript-wrapper';
|
|
258
|
-
hintSelector = '.fs-form-hint,.mat-form-field-hint-wrapper';
|
|
256
|
+
wrapperSelector = '.fs-form-wrapper,.mat-mdc-form-field';
|
|
257
|
+
messageSelector = '.fs-form-message,.mat-mdc-form-field-subscript-wrapper';
|
|
258
|
+
hintSelector = '.fs-form-hint,.mat-mdc-form-field-hint-wrapper';
|
|
259
259
|
labelSelector = '.fs-form-label,.mat-form-field-label';
|
|
260
260
|
autocomplete = false;
|
|
261
261
|
shortcuts = true; // Ctrl + s
|
|
@@ -845,10 +845,10 @@ class FsFormDirective {
|
|
|
845
845
|
this._activatedRouteConfig.canDeactivate.splice(guardIndex, 1);
|
|
846
846
|
this._form.removeFormDirective(this._activatedRouteConfig.component);
|
|
847
847
|
}
|
|
848
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
849
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
848
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormDirective, deps: [{ token: NgForm }, { token: FsForm }, { token: i0.ElementRef }, { token: i2$1.FsMessage }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: MatDialogRef, optional: true }, { token: DrawerRef, optional: true }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Directive });
|
|
849
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", 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: "_tabGroups", predicate: MatTabGroup, descendants: true }], exportAs: ["fsForm"], usesOnChanges: true, ngImport: i0 });
|
|
850
850
|
}
|
|
851
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
851
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormDirective, decorators: [{
|
|
852
852
|
type: Directive,
|
|
853
853
|
args: [{
|
|
854
854
|
selector: '[fsForm]',
|
|
@@ -948,10 +948,10 @@ class FsFormDialogCloseDirective {
|
|
|
948
948
|
this._destroy$.next(null);
|
|
949
949
|
this._destroy$.complete();
|
|
950
950
|
}
|
|
951
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
952
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
951
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormDialogCloseDirective, deps: [{ token: FsFormDirective, optional: true }, { token: i1.MatDialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
952
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormDialogCloseDirective, selector: "[fsFormDialogClose],[fs-form-dialog-close]", inputs: { closeData: "closeData" }, host: { listeners: { "click": "closeClick($event.target)" }, properties: { "attr.type": "this.type" } }, ngImport: i0 });
|
|
953
953
|
}
|
|
954
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
954
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormDialogCloseDirective, decorators: [{
|
|
955
955
|
type: Directive,
|
|
956
956
|
args: [{
|
|
957
957
|
selector: '[fsFormDialogClose],[fs-form-dialog-close]',
|
|
@@ -1109,10 +1109,10 @@ class FsButtonDirective {
|
|
|
1109
1109
|
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;
|
|
1110
1110
|
}
|
|
1111
1111
|
}
|
|
1112
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1113
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1112
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsButtonDirective, deps: [{ token: i1$1.MatButton, host: true, optional: true }, { token: FsFormDirective, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1113
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: { name: "name", dirtySubmit: "dirtySubmit", form: "form" }, host: { properties: { "style.transition": "this.transitionStyle" } }, ngImport: i0 });
|
|
1114
1114
|
}
|
|
1115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsButtonDirective, decorators: [{
|
|
1116
1116
|
type: Directive,
|
|
1117
1117
|
args: [{
|
|
1118
1118
|
selector: '[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])',
|
|
@@ -1177,10 +1177,10 @@ class FsFormDialogActionsComponent {
|
|
|
1177
1177
|
this._destroy$.next(null);
|
|
1178
1178
|
this._destroy$.complete();
|
|
1179
1179
|
}
|
|
1180
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1181
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1180
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormDialogActionsComponent, deps: [{ token: FsFormDirective, optional: true }, { token: i1.MatDialogRef, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1181
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FsFormDialogActionsComponent, selector: "fs-form-dialog-actions", inputs: { save: "save", create: "create", close: "close", done: "done", closeData: "closeData", name: "name" }, ngImport: i0, template: "<div class=\"form-buttons\" [ngClass]=\"{ 'save-create': save || create }\">\n <ng-container *ngIf=\"save || create\">\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 class=\"close-button cancel-button\"\n [disabled]=\"close && !dirty && !create\"\n [mat-dialog-close]=\"null\">\n Cancel\n </button>\n </ng-container>\n\n <ng-container *ngIf=\"done\">\n <button\n mat-button\n type=\"button\"\n color=\"primary\"\n [mat-dialog-close]=\"null\">\n Done\n </button>\n </ng-container>\n\n <ng-container *ngIf=\"save || create\">\n <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"close\">\n <button\n mat-button\n type=\"button\"\n class=\"close-button\"\n fsFormDialogClose\n [closeData]=\"closeData\"\n [color]=\"dirty ? 'basic' : 'primary'\">\n Close\n </button>\n </ng-container>\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: [":host{width:100%}.form-buttons.save-create .close-button:not(.cancel-button){float:right}\n"], dependencies: [{ kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: FsFormDialogCloseDirective, selector: "[fsFormDialogClose],[fs-form-dialog-close]", inputs: ["closeData"] }, { kind: "directive", type: FsButtonDirective, selector: "[mat-raised-button]:not([fsFormButtonStandalone]),[mat-button]:not([fsFormButtonStandalone]),[mat-flat-button]:not([fsFormButtonStandalone]),[mat-stroked-button]:not([fsFormButtonStandalone])", inputs: ["name", "dirtySubmit", "form"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1182
1182
|
}
|
|
1183
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1183
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormDialogActionsComponent, decorators: [{
|
|
1184
1184
|
type: Component,
|
|
1185
1185
|
args: [{ selector: 'fs-form-dialog-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"form-buttons\" [ngClass]=\"{ 'save-create': save || create }\">\n <ng-container *ngIf=\"save || create\">\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 class=\"close-button cancel-button\"\n [disabled]=\"close && !dirty && !create\"\n [mat-dialog-close]=\"null\">\n Cancel\n </button>\n </ng-container>\n\n <ng-container *ngIf=\"done\">\n <button\n mat-button\n type=\"button\"\n color=\"primary\"\n [mat-dialog-close]=\"null\">\n Done\n </button>\n </ng-container>\n\n <ng-container *ngIf=\"save || create\">\n <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n </ng-container>\n\n <ng-container *ngIf=\"close\">\n <button\n mat-button\n type=\"button\"\n class=\"close-button\"\n fsFormDialogClose\n [closeData]=\"closeData\"\n [color]=\"dirty ? 'basic' : 'primary'\">\n Close\n </button>\n </ng-container>\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: [":host{width:100%}.form-buttons.save-create .close-button:not(.cancel-button){float:right}\n"] }]
|
|
1186
1186
|
}], ctorParameters: () => [{ type: FsFormDirective, decorators: [{
|
|
@@ -1216,10 +1216,10 @@ class FsFormTemplateComponent {
|
|
|
1216
1216
|
debugger;
|
|
1217
1217
|
}
|
|
1218
1218
|
constructor() { }
|
|
1219
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1220
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1219
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1220
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FsFormTemplateComponent, selector: "fs-form-template", inputs: { formTemplate: "formTemplate" }, queries: [{ propertyName: "models", predicate: NgModel, descendants: true }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef1"], descendants: true }], ngImport: i0, template: "<ng-template #templateRef1>\n <ng-content></ng-content>\n</ng-template>", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1221
1221
|
}
|
|
1222
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormTemplateComponent, decorators: [{
|
|
1223
1223
|
type: Component,
|
|
1224
1224
|
args: [{ selector: 'fs-form-template', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #templateRef1>\n <ng-content></ng-content>\n</ng-template>" }]
|
|
1225
1225
|
}], ctorParameters: () => [], propDecorators: { templateRef: [{
|
|
@@ -1246,10 +1246,10 @@ class FsFormTemplateOutletComponent {
|
|
|
1246
1246
|
// });
|
|
1247
1247
|
}
|
|
1248
1248
|
constructor() { }
|
|
1249
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1250
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1249
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormTemplateOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1250
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: FsFormTemplateOutletComponent, selector: "fs-form-template-outlet", inputs: { formTemplate: "formTemplate" }, queries: [{ propertyName: "models", predicate: NgModel, descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n{{formTemplate.templateRef|json}}\n\n<ng-container *ngIf=\"formTemplate\">\n <ng-container [ngTemplateOutlet]=\"formTemplate.templateRef\"></ng-container> \n</ng-container>", dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3$1.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1251
1251
|
}
|
|
1252
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1252
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormTemplateOutletComponent, decorators: [{
|
|
1253
1253
|
type: Component,
|
|
1254
1254
|
args: [{ selector: 'fs-form-template-outlet', changeDetection: ChangeDetectionStrategy.OnPush, template: "\n{{formTemplate.templateRef|json}}\n\n<ng-container *ngIf=\"formTemplate\">\n <ng-container [ngTemplateOutlet]=\"formTemplate.templateRef\"></ng-container> \n</ng-container>" }]
|
|
1255
1255
|
}], ctorParameters: () => [], propDecorators: { formTemplate: [{
|
|
@@ -1264,10 +1264,10 @@ class FsFormTemplateDirective {
|
|
|
1264
1264
|
models;
|
|
1265
1265
|
ngAfterContentInit() {
|
|
1266
1266
|
}
|
|
1267
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1268
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1267
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1268
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormTemplateDirective, selector: "[fsFormTemplate]", viewQueries: [{ propertyName: "models", predicate: NgModel, descendants: true }], ngImport: i0 });
|
|
1269
1269
|
}
|
|
1270
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1270
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormTemplateDirective, decorators: [{
|
|
1271
1271
|
type: Directive,
|
|
1272
1272
|
args: [{
|
|
1273
1273
|
selector: '[fsFormTemplate]',
|
|
@@ -1278,10 +1278,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1278
1278
|
}] } });
|
|
1279
1279
|
|
|
1280
1280
|
class FsSubmitButtonDirective extends FsButtonDirective {
|
|
1281
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1282
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1281
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsSubmitButtonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1282
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsSubmitButtonDirective, selector: "dummy-selector", usesInheritance: true, ngImport: i0 });
|
|
1283
1283
|
}
|
|
1284
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsSubmitButtonDirective, decorators: [{
|
|
1285
1285
|
type: Directive,
|
|
1286
1286
|
args: [{
|
|
1287
1287
|
selector: 'dummy-selector',
|
|
@@ -1321,11 +1321,11 @@ function messageProviderFactory() {
|
|
|
1321
1321
|
|
|
1322
1322
|
class FsControlDirective {
|
|
1323
1323
|
_elementRef;
|
|
1324
|
-
|
|
1325
|
-
|
|
1324
|
+
_renderer2;
|
|
1325
|
+
_injector;
|
|
1326
1326
|
_validateMessages;
|
|
1327
|
-
|
|
1328
|
-
|
|
1327
|
+
_ngControl;
|
|
1328
|
+
_formDirective;
|
|
1329
1329
|
wrapperSelector;
|
|
1330
1330
|
messageSelector;
|
|
1331
1331
|
hintSelector;
|
|
@@ -1343,15 +1343,15 @@ class FsControlDirective {
|
|
|
1343
1343
|
errors = [];
|
|
1344
1344
|
_control;
|
|
1345
1345
|
_destroy$ = new Subject();
|
|
1346
|
-
constructor(_elementRef,
|
|
1346
|
+
constructor(_elementRef, _renderer2, _injector, _validateMessages, _ngControl, _formDirective) {
|
|
1347
1347
|
this._elementRef = _elementRef;
|
|
1348
|
-
this.
|
|
1349
|
-
this.
|
|
1348
|
+
this._renderer2 = _renderer2;
|
|
1349
|
+
this._injector = _injector;
|
|
1350
1350
|
this._validateMessages = _validateMessages;
|
|
1351
|
-
this.
|
|
1352
|
-
this.
|
|
1353
|
-
if (
|
|
1354
|
-
this._control =
|
|
1351
|
+
this._ngControl = _ngControl;
|
|
1352
|
+
this._formDirective = _formDirective;
|
|
1353
|
+
if (_ngControl) {
|
|
1354
|
+
this._control = _ngControl.control;
|
|
1355
1355
|
}
|
|
1356
1356
|
else {
|
|
1357
1357
|
console.error('The element does not have a valid ngModel', this._elementRef.nativeElement);
|
|
@@ -1374,8 +1374,8 @@ class FsControlDirective {
|
|
|
1374
1374
|
if (this.messageSelector) {
|
|
1375
1375
|
return this.messageSelector;
|
|
1376
1376
|
}
|
|
1377
|
-
else if (this.
|
|
1378
|
-
return this.
|
|
1377
|
+
else if (this._formDirective?.messageSelector) {
|
|
1378
|
+
return this._formDirective.messageSelector;
|
|
1379
1379
|
}
|
|
1380
1380
|
}
|
|
1381
1381
|
getHintWrapperSelector() {
|
|
@@ -1385,8 +1385,8 @@ class FsControlDirective {
|
|
|
1385
1385
|
if (this.hintSelector) {
|
|
1386
1386
|
return this.hintSelector;
|
|
1387
1387
|
}
|
|
1388
|
-
else if (this.
|
|
1389
|
-
return this.
|
|
1388
|
+
else if (this._formDirective?.hintSelector) {
|
|
1389
|
+
return this._formDirective.hintSelector;
|
|
1390
1390
|
}
|
|
1391
1391
|
}
|
|
1392
1392
|
getWrapperSelector() {
|
|
@@ -1396,8 +1396,8 @@ class FsControlDirective {
|
|
|
1396
1396
|
if (this.wrapperSelector) {
|
|
1397
1397
|
return this.wrapperSelector;
|
|
1398
1398
|
}
|
|
1399
|
-
else if (this.
|
|
1400
|
-
return this.
|
|
1399
|
+
else if (this._formDirective?.wrapperSelector) {
|
|
1400
|
+
return this._formDirective.wrapperSelector;
|
|
1401
1401
|
}
|
|
1402
1402
|
}
|
|
1403
1403
|
getlabelSelector() {
|
|
@@ -1407,12 +1407,12 @@ class FsControlDirective {
|
|
|
1407
1407
|
if (this.labelSelector) {
|
|
1408
1408
|
return this.labelSelector;
|
|
1409
1409
|
}
|
|
1410
|
-
else if (this.
|
|
1411
|
-
return this.
|
|
1410
|
+
else if (this._formDirective?.labelSelector) {
|
|
1411
|
+
return this._formDirective.labelSelector;
|
|
1412
1412
|
}
|
|
1413
1413
|
}
|
|
1414
1414
|
getWrapperElement() {
|
|
1415
|
-
const wrapper = this.
|
|
1415
|
+
const wrapper = this._getWrapper(this._elementRef.nativeElement);
|
|
1416
1416
|
if (wrapper) {
|
|
1417
1417
|
return wrapper;
|
|
1418
1418
|
}
|
|
@@ -1427,14 +1427,16 @@ class FsControlDirective {
|
|
|
1427
1427
|
</div>
|
|
1428
1428
|
</mat-form-field>
|
|
1429
1429
|
*/
|
|
1430
|
+
get _shouldErrorBeRendered() {
|
|
1431
|
+
return this._ngControl.invalid
|
|
1432
|
+
&& (this._ngControl.dirty || this._formDirective?.ngForm?.submitted);
|
|
1433
|
+
}
|
|
1430
1434
|
render() {
|
|
1431
|
-
if (this.
|
|
1432
|
-
const renderer = this.
|
|
1435
|
+
if (this._ngControl) {
|
|
1436
|
+
const renderer = this._renderer2;
|
|
1433
1437
|
const wrapper = this.getWrapperElement();
|
|
1434
|
-
const error = this.
|
|
1435
|
-
|
|
1436
|
-
&& (this.ngControl.dirty || this.formDirective?.ngForm?.submitted);
|
|
1437
|
-
if (shouldErrorBeRendered && error) {
|
|
1438
|
+
const error = this._ngControl.dirty ? this._getError(this._ngControl) : null;
|
|
1439
|
+
if (this._shouldErrorBeRendered && error) {
|
|
1438
1440
|
wrapper.classList.add('ng-invalid', 'ng-dirty');
|
|
1439
1441
|
}
|
|
1440
1442
|
else {
|
|
@@ -1445,43 +1447,42 @@ class FsControlDirective {
|
|
|
1445
1447
|
}
|
|
1446
1448
|
const messageWrapper = wrapper.querySelector(this.getMessageSelector());
|
|
1447
1449
|
if (!messageWrapper) {
|
|
1448
|
-
return console
|
|
1449
|
-
|
|
1450
|
-
if (this.getlabelSelector()) {
|
|
1451
|
-
const labelWrapper = wrapper.querySelector(this.getlabelSelector());
|
|
1452
|
-
if (labelWrapper) {
|
|
1453
|
-
if (this.appendLabelClass) {
|
|
1454
|
-
this.renderer2.addClass(labelWrapper, this.appendLabelClass);
|
|
1455
|
-
}
|
|
1456
|
-
}
|
|
1450
|
+
return console
|
|
1451
|
+
.warn(`Failed to locate ${this.getMessageSelector()}`, this._elementRef.nativeElement);
|
|
1457
1452
|
}
|
|
1458
1453
|
if (this.appendMessageClass) {
|
|
1459
1454
|
renderer.addClass(messageWrapper, this.appendMessageClass);
|
|
1460
1455
|
}
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1456
|
+
this._renderHint(error, messageWrapper);
|
|
1457
|
+
this._renderError(wrapper, messageWrapper, error);
|
|
1458
|
+
}
|
|
1459
|
+
}
|
|
1460
|
+
_renderHint(error, messageWrapper) {
|
|
1461
|
+
if (this.getHintWrapperSelector()) {
|
|
1462
|
+
const hints = messageWrapper.querySelectorAll('.mat-mdc-form-field-hint');
|
|
1463
|
+
hints.forEach((hint) => {
|
|
1464
|
+
this._renderer2.setStyle(hint, 'display', error ? 'none' : 'block');
|
|
1465
|
+
if (this.appendHintClass) {
|
|
1466
|
+
this._renderer2.addClass(hint, this.appendHintClass);
|
|
1468
1467
|
}
|
|
1469
|
-
}
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
renderer.addClass(errorWrapper, this.appendErrorClass);
|
|
1480
|
-
renderer.addClass(errorWrapper, `${this.appendErrorClass}-${error.name}`);
|
|
1481
|
-
const errorText = renderer.createText(error.message);
|
|
1482
|
-
renderer.appendChild(errorWrapper, errorText);
|
|
1483
|
-
messageWrapper.appendChild(errorWrapper);
|
|
1468
|
+
});
|
|
1469
|
+
}
|
|
1470
|
+
}
|
|
1471
|
+
_renderError(wrapper, messageWrapper, error) {
|
|
1472
|
+
let errorWrapper = wrapper.querySelector('.fs-form-error-target');
|
|
1473
|
+
if (errorWrapper) {
|
|
1474
|
+
errorWrapper.remove();
|
|
1475
|
+
}
|
|
1476
|
+
if (!this._shouldErrorBeRendered || !error) {
|
|
1477
|
+
return;
|
|
1484
1478
|
}
|
|
1479
|
+
errorWrapper = this._renderer2.createElement('div');
|
|
1480
|
+
this._renderer2.addClass(errorWrapper, 'fs-form-error-target');
|
|
1481
|
+
this._renderer2.addClass(errorWrapper, this.appendErrorClass);
|
|
1482
|
+
this._renderer2.addClass(errorWrapper, `${this.appendErrorClass}-${error.name}`);
|
|
1483
|
+
const errorText = this._renderer2.createText(error.message);
|
|
1484
|
+
this._renderer2.appendChild(errorWrapper, errorText);
|
|
1485
|
+
messageWrapper.querySelector(this.getHintWrapperSelector()).prepend(errorWrapper);
|
|
1485
1486
|
}
|
|
1486
1487
|
_subscribeToStatusChagnes() {
|
|
1487
1488
|
if (this._control) {
|
|
@@ -1490,30 +1491,30 @@ class FsControlDirective {
|
|
|
1490
1491
|
.subscribe(this.render.bind(this));
|
|
1491
1492
|
}
|
|
1492
1493
|
}
|
|
1493
|
-
|
|
1494
|
+
_getWrapper(node, count = 0) {
|
|
1494
1495
|
if (!node || count > 10) {
|
|
1495
1496
|
return null;
|
|
1496
1497
|
}
|
|
1497
1498
|
if (node.parentNode && node.parentNode.querySelector(this.getWrapperSelector())) {
|
|
1498
1499
|
return node;
|
|
1499
1500
|
}
|
|
1500
|
-
return this.
|
|
1501
|
+
return this._getWrapper(node.parentNode, ++count);
|
|
1501
1502
|
}
|
|
1502
|
-
|
|
1503
|
+
_parseErrorMessage(message, args) {
|
|
1503
1504
|
values(args)
|
|
1504
1505
|
.forEach((name) => {
|
|
1505
1506
|
message = message.replace(/\$\(\d\)/, name);
|
|
1506
1507
|
});
|
|
1507
1508
|
return message;
|
|
1508
1509
|
}
|
|
1509
|
-
|
|
1510
|
+
_getError(controlRef) {
|
|
1510
1511
|
const name = keys(controlRef.control.errors)[0];
|
|
1511
1512
|
if (!name) {
|
|
1512
1513
|
return null;
|
|
1513
1514
|
}
|
|
1514
1515
|
let message = controlRef.control.errors[name];
|
|
1515
1516
|
if (this._validateMessages[name]) {
|
|
1516
|
-
message = this.
|
|
1517
|
+
message = this._parseErrorMessage(this._validateMessages[name], message);
|
|
1517
1518
|
}
|
|
1518
1519
|
return { name: name, message: message };
|
|
1519
1520
|
}
|
|
@@ -1533,12 +1534,12 @@ class FsControlDirective {
|
|
|
1533
1534
|
}
|
|
1534
1535
|
control.updateValueAndValidity();
|
|
1535
1536
|
}
|
|
1536
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1537
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1537
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsControlDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: VALIDATE_MESSAGES, self: true }, { token: i1$2.NgControl, optional: true }, { token: FsFormDirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1538
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsControlDirective, selector: "[fsFormControl]", inputs: { wrapperSelector: "wrapperSelector", messageSelector: "messageSelector", hintSelector: "hintSelector", labelSelector: "labelSelector", appendMessageClass: "appendMessageClass", appendLabelClass: "appendLabelClass", appendErrorClass: "appendErrorClass", appendHintClass: "appendHintClass", validateMessages: "validateMessages" }, providers: [
|
|
1538
1539
|
VALIDATE_MESSAGE_PROVIDER,
|
|
1539
1540
|
], ngImport: i0 });
|
|
1540
1541
|
}
|
|
1541
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1542
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsControlDirective, decorators: [{
|
|
1542
1543
|
type: Directive,
|
|
1543
1544
|
args: [{
|
|
1544
1545
|
selector: '[fsFormControl]',
|
|
@@ -1602,12 +1603,12 @@ class FsFormCompareDirective extends FsControlDirective {
|
|
|
1602
1603
|
this._control.updateValueAndValidity();
|
|
1603
1604
|
}, false);
|
|
1604
1605
|
}
|
|
1605
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1606
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1606
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormCompareDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1607
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormCompareDirective, selector: "[fsFormCompare]", inputs: { fsFormCompare: "fsFormCompare", validationMessage: ["fsFormCompareMessage", "validationMessage"] }, providers: [
|
|
1607
1608
|
VALIDATE_MESSAGE_PROVIDER,
|
|
1608
1609
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
1609
1610
|
}
|
|
1610
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1611
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormCompareDirective, decorators: [{
|
|
1611
1612
|
type: Directive,
|
|
1612
1613
|
args: [{
|
|
1613
1614
|
selector: '[fsFormCompare]',
|
|
@@ -1690,7 +1691,7 @@ class FsValidators {
|
|
|
1690
1691
|
}
|
|
1691
1692
|
catch (err) {
|
|
1692
1693
|
const error = err instanceof Error ? err.message : err;
|
|
1693
|
-
stream$ = throwError(error);
|
|
1694
|
+
stream$ = throwError(() => error);
|
|
1694
1695
|
}
|
|
1695
1696
|
if (!stream$) {
|
|
1696
1697
|
if (result instanceof Promise) {
|
|
@@ -1730,12 +1731,12 @@ class FsFormDateRangeDirective extends FsControlDirective {
|
|
|
1730
1731
|
return null;
|
|
1731
1732
|
}
|
|
1732
1733
|
}
|
|
1733
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1734
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1734
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormDateRangeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1735
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormDateRangeDirective, selector: "[fsFormDateRange]", inputs: { fsFormDateRange: "fsFormDateRange", validationMessage: ["fsFormDateRangeMessage", "validationMessage"] }, providers: [
|
|
1735
1736
|
VALIDATE_MESSAGE_PROVIDER
|
|
1736
1737
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
1737
1738
|
}
|
|
1738
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1739
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormDateRangeDirective, decorators: [{
|
|
1739
1740
|
type: Directive,
|
|
1740
1741
|
args: [{
|
|
1741
1742
|
selector: '[fsFormDateRange]',
|
|
@@ -1766,12 +1767,12 @@ class FsFormEmailDirective extends FsControlDirective {
|
|
|
1766
1767
|
return null;
|
|
1767
1768
|
}
|
|
1768
1769
|
}
|
|
1769
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1770
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1770
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormEmailDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1771
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormEmailDirective, selector: "[fsFormEmail]", inputs: { fsFormEmail: "fsFormEmail", validationMessage: ["fsFormEmailMessage", "validationMessage"] }, providers: [
|
|
1771
1772
|
VALIDATE_MESSAGE_PROVIDER
|
|
1772
1773
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
1773
1774
|
}
|
|
1774
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1775
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormEmailDirective, decorators: [{
|
|
1775
1776
|
type: Directive,
|
|
1776
1777
|
args: [{
|
|
1777
1778
|
selector: '[fsFormEmail]',
|
|
@@ -1802,12 +1803,12 @@ class FsFormEmailsDirective extends FsControlDirective {
|
|
|
1802
1803
|
return null;
|
|
1803
1804
|
}
|
|
1804
1805
|
}
|
|
1805
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1806
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1806
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormEmailsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1807
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormEmailsDirective, selector: "[fsFormEmails]", inputs: { fsFormEmails: "fsFormEmails", validationMessage: ["fsFormEmailsMessage", "validationMessage"] }, providers: [
|
|
1807
1808
|
VALIDATE_MESSAGE_PROVIDER
|
|
1808
1809
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
1809
1810
|
}
|
|
1810
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1811
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormEmailsDirective, decorators: [{
|
|
1811
1812
|
type: Directive,
|
|
1812
1813
|
args: [{
|
|
1813
1814
|
selector: '[fsFormEmails]',
|
|
@@ -1830,17 +1831,17 @@ class FsFormFunctionDirective extends FsControlDirective {
|
|
|
1830
1831
|
this._control.updateValueAndValidity();
|
|
1831
1832
|
}
|
|
1832
1833
|
validateAsync(control) {
|
|
1833
|
-
if (this.validateOnSubmit && !this.
|
|
1834
|
+
if (this.validateOnSubmit && !this._formDirective.validating) {
|
|
1834
1835
|
return of(null);
|
|
1835
1836
|
}
|
|
1836
1837
|
return FsValidators.func(this._control, this.fsFormFunction, this.fsFormFunctionData);
|
|
1837
1838
|
}
|
|
1838
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1839
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1839
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormFunctionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1840
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormFunctionDirective, selector: "[fsFormFunction]", inputs: { fsFormFunction: "fsFormFunction", fsFormFunctionData: "fsFormFunctionData", validateOnSubmit: "validateOnSubmit" }, providers: [
|
|
1840
1841
|
VALIDATE_MESSAGE_PROVIDER,
|
|
1841
1842
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
1842
1843
|
}
|
|
1843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1844
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormFunctionDirective, decorators: [{
|
|
1844
1845
|
type: Directive,
|
|
1845
1846
|
args: [{
|
|
1846
1847
|
selector: '[fsFormFunction]',
|
|
@@ -1872,12 +1873,12 @@ class FsFormGreaterEqualDirective extends FsControlDirective {
|
|
|
1872
1873
|
}
|
|
1873
1874
|
return FsValidators.numeric(this._control);
|
|
1874
1875
|
}
|
|
1875
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1876
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1876
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormGreaterEqualDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1877
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormGreaterEqualDirective, selector: "[fsFormGreaterEqual]", inputs: { fsFormGreaterEqual: "fsFormGreaterEqual", validationMessage: ["fsFormGreaterEqualMessage", "validationMessage"] }, providers: [
|
|
1877
1878
|
VALIDATE_MESSAGE_PROVIDER
|
|
1878
1879
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
1879
1880
|
}
|
|
1880
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1881
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormGreaterEqualDirective, decorators: [{
|
|
1881
1882
|
type: Directive,
|
|
1882
1883
|
args: [{
|
|
1883
1884
|
selector: '[fsFormGreaterEqual]',
|
|
@@ -1908,12 +1909,12 @@ class FsFormGreaterDirective extends FsControlDirective {
|
|
|
1908
1909
|
}
|
|
1909
1910
|
return FsValidators.numeric(this._control);
|
|
1910
1911
|
}
|
|
1911
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1912
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1912
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormGreaterDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1913
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormGreaterDirective, selector: "[fsFormGreater]", inputs: { fsFormGreater: "fsFormGreater", validationMessage: ["fsFormGreaterMessage", "validationMessage"] }, providers: [
|
|
1913
1914
|
VALIDATE_MESSAGE_PROVIDER
|
|
1914
1915
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
1915
1916
|
}
|
|
1916
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1917
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormGreaterDirective, decorators: [{
|
|
1917
1918
|
type: Directive,
|
|
1918
1919
|
args: [{
|
|
1919
1920
|
selector: '[fsFormGreater]',
|
|
@@ -1942,12 +1943,12 @@ class FsFormIntegerDirective extends FsControlDirective {
|
|
|
1942
1943
|
}
|
|
1943
1944
|
return null;
|
|
1944
1945
|
}
|
|
1945
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1946
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1946
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormIntegerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1947
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormIntegerDirective, selector: "[fsFormInteger]", inputs: { fsFormInteger: "fsFormInteger", validationMessage: ["fsFormIntegerMessage", "validationMessage"] }, providers: [
|
|
1947
1948
|
VALIDATE_MESSAGE_PROVIDER,
|
|
1948
1949
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
1949
1950
|
}
|
|
1950
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1951
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormIntegerDirective, decorators: [{
|
|
1951
1952
|
type: Directive,
|
|
1952
1953
|
args: [{
|
|
1953
1954
|
selector: '[fsFormInteger]',
|
|
@@ -1978,12 +1979,12 @@ class FsFormLesserEqualDirective extends FsControlDirective {
|
|
|
1978
1979
|
}
|
|
1979
1980
|
return FsValidators.numeric(this._control);
|
|
1980
1981
|
}
|
|
1981
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1982
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1982
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormLesserEqualDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1983
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormLesserEqualDirective, selector: "[fsFormLesserEqual]", inputs: { fsFormLesserEqual: "fsFormLesserEqual", validationMessage: ["fsFormLesserEqualMessage", "validationMessage"] }, providers: [
|
|
1983
1984
|
VALIDATE_MESSAGE_PROVIDER
|
|
1984
1985
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
1985
1986
|
}
|
|
1986
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1987
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormLesserEqualDirective, decorators: [{
|
|
1987
1988
|
type: Directive,
|
|
1988
1989
|
args: [{
|
|
1989
1990
|
selector: '[fsFormLesserEqual]',
|
|
@@ -2014,12 +2015,12 @@ class FsFormLesserDirective extends FsControlDirective {
|
|
|
2014
2015
|
}
|
|
2015
2016
|
return FsValidators.numeric(this._control);
|
|
2016
2017
|
}
|
|
2017
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2018
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2018
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormLesserDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2019
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormLesserDirective, selector: "[fsFormLesser]", inputs: { fsFormLesser: "fsFormLesser", validationMessage: ["fsFormLesserMessage", "validationMessage"] }, providers: [
|
|
2019
2020
|
VALIDATE_MESSAGE_PROVIDER
|
|
2020
2021
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
2021
2022
|
}
|
|
2022
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2023
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormLesserDirective, decorators: [{
|
|
2023
2024
|
type: Directive,
|
|
2024
2025
|
args: [{
|
|
2025
2026
|
selector: '[fsFormLesser]',
|
|
@@ -2045,12 +2046,12 @@ class FsFormMaxDirective extends FsControlDirective {
|
|
|
2045
2046
|
validate(control) {
|
|
2046
2047
|
return FsValidators.numeric(this._control) || Validators.max(this.fsFormMax)(this._control);
|
|
2047
2048
|
}
|
|
2048
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2049
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2049
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormMaxDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2050
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormMaxDirective, selector: "[fsFormMax]", inputs: { fsFormMax: "fsFormMax", validationMessage: ["fsFormMaxMessage", "validationMessage"] }, providers: [
|
|
2050
2051
|
VALIDATE_MESSAGE_PROVIDER
|
|
2051
2052
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
2052
2053
|
}
|
|
2053
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2054
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormMaxDirective, decorators: [{
|
|
2054
2055
|
type: Directive,
|
|
2055
2056
|
args: [{
|
|
2056
2057
|
selector: '[fsFormMax]',
|
|
@@ -2076,12 +2077,12 @@ class FsFormMaxLengthDirective extends FsControlDirective {
|
|
|
2076
2077
|
validate(control) {
|
|
2077
2078
|
return Validators.maxLength(this.fsFormMaxLength)(this._control);
|
|
2078
2079
|
}
|
|
2079
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2080
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2080
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormMaxLengthDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2081
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormMaxLengthDirective, selector: "[fsFormMaxLength]", inputs: { fsFormMaxLength: "fsFormMaxLength", validationMessage: ["fsFormMaxLengthMessage", "validationMessage"] }, providers: [
|
|
2081
2082
|
VALIDATE_MESSAGE_PROVIDER
|
|
2082
2083
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
2083
2084
|
}
|
|
2084
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2085
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormMaxLengthDirective, decorators: [{
|
|
2085
2086
|
type: Directive,
|
|
2086
2087
|
args: [{
|
|
2087
2088
|
selector: '[fsFormMaxLength]',
|
|
@@ -2107,12 +2108,12 @@ class FsFormMinDirective extends FsControlDirective {
|
|
|
2107
2108
|
validate(control) {
|
|
2108
2109
|
return FsValidators.numeric(this._control) || Validators.min(parseFloat(this.fsFormMin))(this._control);
|
|
2109
2110
|
}
|
|
2110
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2111
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2111
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormMinDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2112
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormMinDirective, selector: "[fsFormMin]", inputs: { fsFormMin: "fsFormMin", validationMessage: ["fsFormMinMessage", "validationMessage"] }, providers: [
|
|
2112
2113
|
VALIDATE_MESSAGE_PROVIDER
|
|
2113
2114
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
2114
2115
|
}
|
|
2115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormMinDirective, decorators: [{
|
|
2116
2117
|
type: Directive,
|
|
2117
2118
|
args: [{
|
|
2118
2119
|
selector: '[fsFormMin]',
|
|
@@ -2138,12 +2139,12 @@ class FsFormMinLengthDirective extends FsControlDirective {
|
|
|
2138
2139
|
validate(control) {
|
|
2139
2140
|
return Validators.minLength(this.fsFormMinLength)(this._control);
|
|
2140
2141
|
}
|
|
2141
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2142
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2142
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormMinLengthDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2143
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormMinLengthDirective, selector: "[fsFormMinLength]", inputs: { fsFormMinLength: "fsFormMinLength", validationMessage: ["fsFormMinLengthMessage", "validationMessage"] }, providers: [
|
|
2143
2144
|
VALIDATE_MESSAGE_PROVIDER
|
|
2144
2145
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
2145
2146
|
}
|
|
2146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormMinLengthDirective, decorators: [{
|
|
2147
2148
|
type: Directive,
|
|
2148
2149
|
args: [{
|
|
2149
2150
|
selector: '[fsFormMinLength]',
|
|
@@ -2172,12 +2173,12 @@ class FsFormNoFsValidatorsDirective extends FsControlDirective {
|
|
|
2172
2173
|
super._subscribeToStatusChagnes();
|
|
2173
2174
|
}
|
|
2174
2175
|
}
|
|
2175
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2176
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2176
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormNoFsValidatorsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2177
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormGreaterEqual]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])", providers: [
|
|
2177
2178
|
VALIDATE_MESSAGE_PROVIDER
|
|
2178
2179
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
2179
2180
|
}
|
|
2180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2181
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormNoFsValidatorsDirective, decorators: [{
|
|
2181
2182
|
type: Directive,
|
|
2182
2183
|
args: [{
|
|
2183
2184
|
selector: '[ngModel]' +
|
|
@@ -2223,12 +2224,12 @@ class FsFormNumericDirective extends FsControlDirective {
|
|
|
2223
2224
|
return null;
|
|
2224
2225
|
}
|
|
2225
2226
|
}
|
|
2226
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2227
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2227
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormNumericDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2228
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormNumericDirective, selector: "[fsFormNumeric]", inputs: { fsFormNumeric: "fsFormNumeric", validationMessage: ["fsFormNumericMessage", "validationMessage"] }, providers: [
|
|
2228
2229
|
VALIDATE_MESSAGE_PROVIDER
|
|
2229
2230
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
2230
2231
|
}
|
|
2231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormNumericDirective, decorators: [{
|
|
2232
2233
|
type: Directive,
|
|
2233
2234
|
args: [{
|
|
2234
2235
|
selector: '[fsFormNumeric]',
|
|
@@ -2254,12 +2255,12 @@ class FsFormPatternDirective extends FsControlDirective {
|
|
|
2254
2255
|
validate(control) {
|
|
2255
2256
|
return Validators.pattern(this.fsFormPattern)(this._control);
|
|
2256
2257
|
}
|
|
2257
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2258
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2258
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormPatternDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2259
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormPatternDirective, selector: "[fsFormPattern]", inputs: { fsFormPattern: "fsFormPattern", validationMessage: ["fsFormPatternMessage", "validationMessage"] }, providers: [
|
|
2259
2260
|
VALIDATE_MESSAGE_PROVIDER
|
|
2260
2261
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
2261
2262
|
}
|
|
2262
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2263
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormPatternDirective, decorators: [{
|
|
2263
2264
|
type: Directive,
|
|
2264
2265
|
args: [{
|
|
2265
2266
|
selector: '[fsFormPattern]',
|
|
@@ -2290,12 +2291,12 @@ class FsFormPhoneDirective extends FsControlDirective {
|
|
|
2290
2291
|
return null;
|
|
2291
2292
|
}
|
|
2292
2293
|
}
|
|
2293
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2294
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2294
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormPhoneDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2295
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormPhoneDirective, selector: "[fsFormPhone]", inputs: { fsFormPhone: "fsFormPhone", validationMessage: ["fsFormPhoneMessage", "validationMessage"] }, providers: [
|
|
2295
2296
|
VALIDATE_MESSAGE_PROVIDER
|
|
2296
2297
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
2297
2298
|
}
|
|
2298
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2299
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormPhoneDirective, decorators: [{
|
|
2299
2300
|
type: Directive,
|
|
2300
2301
|
args: [{
|
|
2301
2302
|
selector: '[fsFormPhone]',
|
|
@@ -2337,21 +2338,21 @@ class FsFormRequiredDirective extends FsControlDirective {
|
|
|
2337
2338
|
// Adding class fs-form-label-requried adds the * to the label
|
|
2338
2339
|
if (labelWrapper) {
|
|
2339
2340
|
if (this.required) {
|
|
2340
|
-
this.
|
|
2341
|
+
this._renderer2.addClass(labelWrapper, 'fs-form-label-required');
|
|
2341
2342
|
}
|
|
2342
2343
|
else {
|
|
2343
|
-
this.
|
|
2344
|
+
this._renderer2.removeClass(labelWrapper, 'fs-form-label-required');
|
|
2344
2345
|
}
|
|
2345
2346
|
}
|
|
2346
2347
|
}
|
|
2347
2348
|
super.render();
|
|
2348
2349
|
}
|
|
2349
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2350
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2350
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormRequiredDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2351
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: { setFsFormRequired: ["fsFormRequired", "setFsFormRequired"], setRequired: ["required", "setRequired"], validationMessage: ["fsFormRequiredMessage", "validationMessage"] }, providers: [
|
|
2351
2352
|
VALIDATE_MESSAGE_PROVIDER,
|
|
2352
2353
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
2353
2354
|
}
|
|
2354
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2355
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormRequiredDirective, decorators: [{
|
|
2355
2356
|
type: Directive,
|
|
2356
2357
|
args: [{
|
|
2357
2358
|
selector: '[fsFormRequired],[ngModel][required]',
|
|
@@ -2385,12 +2386,12 @@ class FsFormUrlDirective extends FsControlDirective {
|
|
|
2385
2386
|
}
|
|
2386
2387
|
return null;
|
|
2387
2388
|
}
|
|
2388
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2389
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2389
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormUrlDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2390
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormUrlDirective, selector: "[fsFormUrl]", inputs: { fsFormUrl: "fsFormUrl", fsFormUrlProtocol: "fsFormUrlProtocol", validationMessage: ["fsFormUrlMessage", "validationMessage"] }, providers: [
|
|
2390
2391
|
VALIDATE_MESSAGE_PROVIDER,
|
|
2391
2392
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
2392
2393
|
}
|
|
2393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2394
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormUrlDirective, decorators: [{
|
|
2394
2395
|
type: Directive,
|
|
2395
2396
|
args: [{
|
|
2396
2397
|
selector: '[fsFormUrl]',
|
|
@@ -2415,22 +2416,22 @@ class FsFormValidateDirective extends FsControlDirective {
|
|
|
2415
2416
|
this._control.updateValueAndValidity();
|
|
2416
2417
|
}
|
|
2417
2418
|
validateAsync(control) {
|
|
2418
|
-
if (this.validateOnSubmit && !this.
|
|
2419
|
+
if (this.validateOnSubmit && !this._formDirective.validating) {
|
|
2419
2420
|
return of(null);
|
|
2420
2421
|
}
|
|
2421
2422
|
return FsValidators.func(this._control, this.validateFn, this.validateFnData);
|
|
2422
2423
|
}
|
|
2423
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2424
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2425
|
-
VALIDATE_MESSAGE_PROVIDER
|
|
2424
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormValidateDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2425
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: FsFormValidateDirective, selector: "[validate]", inputs: { validateFn: ["validate", "validateFn"], validateFnData: ["validateData", "validateFnData"], validateOnSubmit: "validateOnSubmit" }, providers: [
|
|
2426
|
+
VALIDATE_MESSAGE_PROVIDER,
|
|
2426
2427
|
], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
2427
2428
|
}
|
|
2428
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2429
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormValidateDirective, decorators: [{
|
|
2429
2430
|
type: Directive,
|
|
2430
2431
|
args: [{
|
|
2431
2432
|
selector: '[validate]',
|
|
2432
2433
|
providers: [
|
|
2433
|
-
VALIDATE_MESSAGE_PROVIDER
|
|
2434
|
+
VALIDATE_MESSAGE_PROVIDER,
|
|
2434
2435
|
],
|
|
2435
2436
|
}]
|
|
2436
2437
|
}], propDecorators: { validateFn: [{
|
|
@@ -2456,8 +2457,8 @@ class FsFormModule {
|
|
|
2456
2457
|
ngModule: FsFormModule,
|
|
2457
2458
|
};
|
|
2458
2459
|
}
|
|
2459
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2460
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2460
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2461
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: FsFormModule, declarations: [FsFormDirective,
|
|
2461
2462
|
FsControlDirective,
|
|
2462
2463
|
FsFormRequiredDirective,
|
|
2463
2464
|
FsFormMinDirective,
|
|
@@ -2522,7 +2523,7 @@ class FsFormModule {
|
|
|
2522
2523
|
FsFormTemplateComponent,
|
|
2523
2524
|
FsFormTemplateDirective,
|
|
2524
2525
|
FsFormTemplateOutletComponent] });
|
|
2525
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2526
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormModule, providers: [
|
|
2526
2527
|
{
|
|
2527
2528
|
provide: ErrorStateMatcher,
|
|
2528
2529
|
useClass: ShowOnDirtyErrorStateMatcher,
|
|
@@ -2534,7 +2535,7 @@ class FsFormModule {
|
|
|
2534
2535
|
MatDialogModule,
|
|
2535
2536
|
FsDialogModule] });
|
|
2536
2537
|
}
|
|
2537
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2538
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FsFormModule, decorators: [{
|
|
2538
2539
|
type: NgModule,
|
|
2539
2540
|
args: [{
|
|
2540
2541
|
imports: [
|