@stemy/ngx-dynamic-form 12.0.4 → 12.0.6

package/esm2015/ngx-dynamic-form/components/dynamic-form/dynamic-form.component.js

@@ -1,8 +1,14 @@
-import { ChangeDetectorRef, Component, Input } from "@angular/core";
+import { ChangeDetectorRef, Component, Input, ViewEncapsulation } from "@angular/core";
 import { first } from "rxjs/operators";
 import { DYNAMIC_FORM, DynamicFormGroup } from "../../common-types";
 import { DynamicFormService } from "../../services/dynamic-form.service";
 import { DynamicFormBaseComponent } from "../base/dynamic-form-base.component";
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/dynamic-form.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@stemy/ngx-utils";
+import * as i4 from "../../directives/dynamic-form-group.directive";
+import * as i5 from "@angular/forms";
 export class DynamicFormComponent extends DynamicFormBaseComponent {
     constructor(cdr, forms) {
         super(cdr, forms);
@@ -69,32 +75,43 @@ export class DynamicFormComponent extends DynamicFormBaseComponent {
         return this.group.getControl(id);
     }
 }
-DynamicFormComponent.decorators = [
-    { type: Component, args: [{
-                moduleId: module.id,
-                selector: "dynamic-form, [dynamic-form]",
-                template: "<ng-template #defaultFieldSetTemplate let-id=\"id\" let-controls=\"controls\" let-fieldSet=\"fieldSet\">\r\n    <div [ngClass]=\"['form-fields', 'form-fields-' + id, fieldSet.classes]\">\r\n        <ng-container [ngxTemplateOutlet]=\"setPrefixTemplates[fieldSet.id]\" [context]=\"fieldSet\"></ng-container>\r\n        <div *ngIf=\"fieldSet.title\" [ngClass]=\"['form-title', fieldSet.titleClasses || '']\">\r\n            {{ group.prefix + fieldSet.title | translate }}\r\n        </div>\r\n        <ng-template #subControls>\r\n            <ng-container *ngFor=\"let control of controls\" [form-group]=\"control\" [visible]=\"control.visible\">\r\n\r\n            </ng-container>\r\n        </ng-template>\r\n        <div *ngIf=\"fieldSet.setClasses; else subControls\" [ngClass]=\"fieldSet.setClasses\">\r\n            <div *ngIf=\"fieldSet.controlClasses; else subControls\" [ngClass]=\"fieldSet.controlClasses\">\r\n                <ng-container [ngTemplateOutlet]=\"subControls\"></ng-container>\r\n            </div>\r\n        </div>\r\n        <ng-container [ngxTemplateOutlet]=\"setSuffixTemplates[fieldSet.id]\" [context]=\"fieldSet\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #fieldSetsTemplate>\r\n    <ng-container *ngFor=\"let fs of formControls | groupBy:'data.fieldSet'\"\r\n                  [ngxTemplateOutlet]=\"fieldSetTemplate || defaultFieldSetTemplate\"\r\n                  [context]=\"{form: this, id: fs.group, controls: fs.items, fieldSet: group.formFields[fs.group] || defaultFieldSet}\">\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #defaultWrapperTemplate let-form=\"form\" let-fieldSetsTemplate=\"fieldSetsTemplate\">\r\n    <ng-container [ngTemplateOutlet]=\"prefixTemplate\"\r\n                  [ngTemplateOutletContext]=\"{form: form, fieldSetsTemplate: fieldSetsTemplate}\"></ng-container>\r\n    <form class=\"dynamic-form\" [ngClass]=\"form.classes || ''\" [formGroup]=\"group\" (submit)=\"onFormSubmit()\">\r\n        <ng-container [ngTemplateOutlet]=\"fieldSetsTemplate\"></ng-container>\r\n        <ng-content></ng-content>\r\n        <div *ngIf=\"form.status == 'PENDING'\" class=\"dynamic-form-validator\">\r\n            {{ group.prefix + 'message.pending' | translate }}\r\n        </div>\r\n        <button [ngStyle]=\"{display: 'none'}\">Submit</button>\r\n    </form>\r\n    <ng-container [ngTemplateOutlet]=\"suffixTemplate\"\r\n                  [ngTemplateOutletContext]=\"{form: form, fieldSetsTemplate: fieldSetsTemplate}\"></ng-container>\r\n</ng-template>\r\n<ng-template #loadingTemplate>\r\n    <div *ngIf=\"status == 'LOADING'\" class=\"dynamic-form-loader\">\r\n        {{ group.prefix + 'message.loading' | translate }}\r\n    </div>\r\n</ng-template>\r\n<ng-container [ngTemplateOutlet]=\"wrapperTemplate || defaultWrapperTemplate\"\r\n              [ngTemplateOutletContext]=\"{form: this, fieldSetsTemplate: fieldSetsTemplate}\"\r\n              *ngIf=\"status !== 'LOADING'; else loadingTemplate\">\r\n</ng-container>\r\n",
-                providers: [
-                    {
-                        provide: DynamicFormBaseComponent,
-                        useExisting: DynamicFormComponent
-                    },
-                    {
-                        provide: DYNAMIC_FORM,
-                        useExisting: DynamicFormComponent
-                    }
-                ]
-            },] }
-];
-DynamicFormComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: DynamicFormService }
-];
-DynamicFormComponent.propDecorators = {
-    group: [{ type: Input }],
-    controls: [{ type: Input }],
-    serializers: [{ type: Input }],
-    fieldSets: [{ type: Input }],
-    data: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9uZ3gtZHluYW1pYy1mb3JtL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtL2R5bmFtaWMtZm9ybS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFtQixpQkFBaUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUEyQixNQUFNLGVBQWUsQ0FBQztBQUM5RyxPQUFPLEVBQUMsS0FBSyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxFQUNILFlBQVksRUFDWixnQkFBZ0IsRUFPbkIsTUFBTSxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUN2RSxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQWlCN0UsTUFBTSxPQUFPLG9CQUFxQixTQUFRLHdCQUF3QjtJQWtCOUQsWUFBWSxHQUFzQixFQUFFLEtBQXlCO1FBQ3pELEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDbEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxlQUFlLEdBQUc7WUFDbkIsRUFBRSxFQUFFLEVBQUU7WUFDTixLQUFLLEVBQUUsRUFBRTtZQUNULE9BQU8sRUFBRSxFQUFFO1NBQ2QsQ0FBQztJQUNOLENBQUM7SUFoQkQsSUFBSSxNQUFNO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsSUFBSSxZQUFZO1FBQ1osT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQztJQUNuQyxDQUFDO0lBWUQsc0JBQXNCO0lBRXRCLFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixJQUFJLENBQUMsSUFBSSxD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QUNMLEtBQUs7bUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJDb250ZW50SW5pdCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlc30gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtmaXJzdH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XHJcbmltcG9ydCB7XHJcbiAgICBEWU5BTUlDX0ZPUk0sXHJcbiAgICBEeW5hbWljRm9ybUdyb3VwLFxyXG4gICAgRHluYW1pY0Zvcm1TdGF0ZSxcclxuICAgIElEeW5hbWljRm9ybSxcclxuICAgIElEeW5hbWljRm9ybUNvbnRyb2wsXHJcbiAgICBJRm9ybUNvbnRyb2wsXHJcbiAgICBJRm9ybUZpZWxkU2V0LFxyXG4gICAgSUZvcm1TZXJpYWxpemVyc1xyXG59IGZyb20gXCIuLi8uLi9jb21tb24tdHlwZXNcIjtcclxuaW1wb3J0IHtEeW5hbWljRm9ybVNlcnZpY2V9IGZyb20gXCIuLi8uLi9zZXJ2aWNlcy9keW5hbWljLWZvcm0uc2VydmljZVwiO1xyXG5pbXBvcnQge0R5bmFtaWNGb3JtQmFzZUNvbXBvbmVudH0gZnJvbSBcIi4uL2Jhc2UvZHluYW1pYy1mb3JtLWJhc2UuY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIG1vZHVsZUlkOiBtb2R1bGUuaWQsXHJcbiAgICBzZWxlY3RvcjogXCJkeW5hbWljLWZvcm0sIFtkeW5hbWljLWZvcm1dXCIsXHJcbiAgICB0ZW1wbGF0ZVVybDogXCIuL2R5bmFtaWMtZm9ybS5jb21wb25lbnQuaHRtbFwiLFxyXG4gICAgcHJvdmlkZXJzOiBbXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgICBwcm92aWRlOiBEeW5hbWljRm9ybUJhc2VDb21wb25lbnQsXHJcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBEeW5hbWljRm9ybUNvbXBvbmVudFxyXG4gICAgICAgIH0sXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgICBwcm92aWRlOiBEWU5BTUlDX0ZPUk0sXHJcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBEeW5hbWljRm9ybUNvbXBvbmVudFxyXG4gICAgICAgIH1cclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIER5bmFtaWNGb3JtQ29tcG9uZW50IGV4dGVuZHMgRHluYW1pY0Zvcm1CYXNlQ29tcG9uZW50IGltcGxlbWVudHMgSUR5bmFtaWNGb3JtLCBBZnRlckNvbnRlbnRJbml0LCBPbkNoYW5nZXMge1xyXG5cclxuICAgIEBJbnB1dCgpIGdyb3VwOiBEeW5hbWljRm9ybUdyb3VwO1xyXG4gICAgQElucHV0KCkgY29udHJvbHM6IElGb3JtQ29udHJvbFtdO1xyXG4gICAgQElucHV0KCkgc2VyaWFsaXplcnM6IElGb3JtU2VyaWFsaXplcnM7XHJcbiAgICBASW5wdXQoKSBmaWVsZFNldHM6IElGb3JtRmllbGRTZXRbXTtcclxuICAgIEBJbnB1dCgpIGRhdGE6IGFueTtcclxuXHJcbiAgICBkZWZhdWx0RmllbGRTZXQ6IElGb3JtRmllbGRTZXQ7XHJcblxyXG4gICAgZ2V0IHN0YXR1cygpOiBEeW5hbWljRm9ybVN0YXRlIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5ncm91cC5zdGF0ZTtcclxuICAgIH1cclxuXHJcbiAgICBnZXQgZm9ybUNvbnRyb2xzKCk6IElEeW5hbWljRm9ybUNvbnRyb2xbXSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuZ3JvdXAuZm9ybUNvbnRyb2xzO1xyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0cnVjdG9yKGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsIGZvcm1zOiBEeW5hbWljRm9ybVNlcnZpY2UpIHtcclxuICAgICAgICBzdXBlcihjZHIsIGZvcm1zKTtcclxuICAgICAgICB0aGlzLmdyb3VwID0gbmV3IER5bmFtaWNGb3JtR3JvdXAodGhpcyk7XHJcbiAgICAgICAgdGhpcy5kZWZhdWx0RmllbGRTZXQgPSB7XHJcbiAgICAgICAgICAgIGlkOiBcIlwiLFxyXG4gICAgICAgICAgICB0aXRsZTogXCJcIixcclxuICAgICAgICAgICAgY2xhc3NlczogXCJcIlxyXG4gICAgICAgIH07XHJcbiAgICB9XHJcblxyXG4gICAgLy8gLS0tIExpZmVjeWNsZSBob29rc1xyXG5cclxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgICAgICBpZiAoIXRoaXMuZGF0YSkgcmV0dXJuO1xyXG4gICAgICAgIGlmIChjaGFuZ2VzLmRhdGEgfHwgY2hhbmdlcy5jb250cm9scyB8fCBjaGFuZ2VzLnNlcmlhbGl6ZXJzIHx8IGNoYW5nZXMuZm9ybUdyb3VwKSB7XHJcbiAgICAgICAgICAgIGlmICh0aGlzLmdyb3VwLmlkKSByZXR1cm47XHJcbiAgICAgICAgICAgIHRoaXMuZ3JvdXAuc2V0dXAodGhpcy5kYXRhLCB0aGlzKTtcclxuICAgICAgICAgICAgdGhpcy5ncm91cC5yZWxvYWRDb250cm9scygpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAvLyAtLS0gQ3VzdG9tIC0tLVxyXG5cclxuICAgIG9uRm9ybVN1Ym1pdCgpOiB2b2lkIHtcclxuICAgICAgICBjb25zdCByb290ID0gdGhpcy5yb290O1xyXG4gICAgICAgIHJvb3QudmFsaWRhdGUoKS50aGVuKCgpID0+IHJvb3Qub25TdWJtaXQuZW1pdCh0aGlzKSwgKCkgPT4ge30pO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIC0tLSBJRHluYW1pY0Zvcm0gLS0tXHJcblxyXG4gICAgdmFsaWRhdGUoc2hvd0Vycm9yczogYm9vbGVhbiA9IHRydWUpOiBQcm9taXNlPGFueT4ge1xyXG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZTxhbnk+KChyZXNvbHZlLCByZWplY3QpID0+IHtcclxuICAgICAgICAgICAgdGhpcy5ncm91cC5zdGF0dXNDaGFuZ2VzLnBpcGUoZmlyc3Qoc3RhdHVzID0+IHN0YXR1cyA9PSBcIlZBTElEXCIgfHwgc3RhdHVzID09IFwiSU5WQUxJRFwiKSkuc3Vic2NyaWJlKHN0YXR1cyA9PiB7XHJcbiAgICAgICAgICAgICAgICBpZiAoc2hvd0Vycm9ycykgdGhpcy5ncm91cC5zaG93RXJyb3JzKCk7XHJcbiAgICAgICAgICAgICAgICBpZiAoc3RhdHVzID09IFwiVkFMSURcIikge1xyXG4gICAgICAgICAgICAgICAgICAgIHJlc29sdmUobnVsbCk7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgcmVqZWN0KG51bGwpO1xyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICAgICAgdGhpcy5ncm91cC51cGRhdGVWYWx1ZUFuZFZhbGlkaXR5KCk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgc2VyaWFsaXplKHZhbGlkYXRlPzogYm9vbGVhbik6IFByb21pc2U8YW55PiB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlPGFueT4oKHJlc29sdmUsIHJlamVjdCkgPT4ge1xyXG4gICAgICAgICAgICBjb25zdCBzZXJpYWxpemUgPSAoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmdyb3VwLnNlcmlhbGl6ZSgpLnRoZW4ocmVzb2x2ZSk7XHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIGlmICh2YWxpZGF0ZSkge1xyXG4gICAgICAgICAgICAgICAgdGhpcy52YWxpZGF0ZSgpLnRoZW4oc2VyaWFsaXplLCByZWplY3QpO1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHNlcmlhbGl6ZSgpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIGNoZWNrKCk6IFByb21pc2U8YW55PiB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuZ3JvdXAuY2hlY2soKTtcclxuICAgIH1cclxuXHJcbiAgICBnZXRDb250cm9sKGlkOiBzdHJpbmcpOiBJRHluYW1pY0Zvcm1Db250cm9sIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5ncm91cC5nZXRDb250cm9sKGlkKTtcclxuICAgIH1cclxufVxyXG4iXX0=
+DynamicFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DynamicFormComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DynamicFormService }], target: i0.ɵɵFactoryTarget.Component });
+DynamicFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DynamicFormComponent, selector: "dynamic-form, [dynamic-form]", inputs: { group: "group", controls: "controls", serializers: "serializers", fieldSets: "fieldSets", data: "data" }, providers: [
+        {
+            provide: DynamicFormBaseComponent,
+            useExisting: DynamicFormComponent
+        },
+        {
+            provide: DYNAMIC_FORM,
+            useExisting: DynamicFormComponent
+        }
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #defaultFieldSetTemplate let-id=\"id\" let-controls=\"controls\" let-fieldSet=\"fieldSet\">\r\n    <div [ngClass]=\"['form-fields', 'form-fields-' + id, fieldSet.classes]\">\r\n        <ng-container [ngxTemplateOutlet]=\"setPrefixTemplates[fieldSet.id]\" [context]=\"fieldSet\"></ng-container>\r\n        <div *ngIf=\"fieldSet.title\" [ngClass]=\"['form-title', fieldSet.titleClasses || '']\">\r\n            {{ group.prefix + fieldSet.title | translate }}\r\n        </div>\r\n        <ng-template #subControls>\r\n            <ng-container *ngFor=\"let control of controls\" [form-group]=\"control\" [visible]=\"control.visible\">\r\n\r\n            </ng-container>\r\n        </ng-template>\r\n        <div *ngIf=\"fieldSet.setClasses; else subControls\" [ngClass]=\"fieldSet.setClasses\">\r\n            <div *ngIf=\"fieldSet.controlClasses; else subControls\" [ngClass]=\"fieldSet.controlClasses\">\r\n                <ng-container [ngTemplateOutlet]=\"subControls\"></ng-container>\r\n            </div>\r\n        </div>\r\n        <ng-container [ngxTemplateOutlet]=\"setSuffixTemplates[fieldSet.id]\" [context]=\"fieldSet\"></ng-container>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #fieldSetsTemplate>\r\n    <ng-container *ngFor=\"let fs of formControls | groupBy:'data.fieldSet'\"\r\n                  [ngxTemplateOutlet]=\"fieldSetTemplate || defaultFieldSetTemplate\"\r\n                  [context]=\"{form: this, id: fs.group, controls: fs.items, fieldSet: group.formFields[fs.group] || defaultFieldSet}\">\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #defaultWrapperTemplate let-form=\"form\" let-fieldSetsTemplate=\"fieldSetsTemplate\">\r\n    <ng-container [ngTemplateOutlet]=\"prefixTemplate\"\r\n                  [ngTemplateOutletContext]=\"{form: form, fieldSetsTemplate: fieldSetsTemplate}\"></ng-container>\r\n    <form class=\"dynamic-form\" [ngClass]=\"form.classes || ''\" [formGroup]=\"group\" (submit)=\"onFormSubmit()\">\r\n        <ng-container [ngTemplateOutlet]=\"fieldSetsTemplate\"></ng-container>\r\n        <ng-content></ng-content>\r\n        <div *ngIf=\"form.status == 'PENDING'\" class=\"dynamic-form-validator\">\r\n            {{ group.prefix + 'message.pending' | translate }}\r\n        </div>\r\n        <button [ngStyle]=\"{display: 'none'}\">Submit</button>\r\n    </form>\r\n    <ng-container [ngTemplateOutlet]=\"suffixTemplate\"\r\n                  [ngTemplateOutletContext]=\"{form: form, fieldSetsTemplate: fieldSetsTemplate}\"></ng-container>\r\n</ng-template>\r\n<ng-template #loadingTemplate>\r\n    <div *ngIf=\"status == 'LOADING'\" class=\"dynamic-form-loader\">\r\n        {{ group.prefix + 'message.loading' | translate }}\r\n    </div>\r\n</ng-template>\r\n<ng-container [ngTemplateOutlet]=\"wrapperTemplate || defaultWrapperTemplate\"\r\n              [ngTemplateOutletContext]=\"{form: this, fieldSetsTemplate: fieldSetsTemplate}\"\r\n              *ngIf=\"status !== 'LOADING'; else loadingTemplate\">\r\n</ng-container>\r\n", directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgxTemplateOutletDirective, selector: "[ngxTemplateOutlet]", inputs: ["context", "additionalContext", "ngxTemplateOutlet"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.DynamicFormGroupDirective, selector: "[form-group]", inputs: ["form-group", "visible"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "translate": i3.TranslatePipe, "groupBy": i3.GroupByPipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DynamicFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    encapsulation: ViewEncapsulation.None,
+                    selector: "dynamic-form, [dynamic-form]",
+                    templateUrl: "./dynamic-form.component.html",
+                    providers: [
+                        {
+                            provide: DynamicFormBaseComponent,
+                            useExisting: DynamicFormComponent
+                        },
+                        {
+                            provide: DYNAMIC_FORM,
+                            useExisting: DynamicFormComponent
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DynamicFormService }]; }, propDecorators: { group: [{
+                type: Input
+            }], controls: [{
+                type: Input
+            }], serializers: [{
+                type: Input
+            }], fieldSets: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9uZ3gtZHluYW1pYy1mb3JtL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtL2R5bmFtaWMtZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbmd4LWR5bmFtaWMtZm9ybS9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS9keW5hbWljLWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVILGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsS0FBSyxFQUdMLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsS0FBSyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxFQUNILFlBQVksRUFDWixnQkFBZ0IsRUFPbkIsTUFBTSxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUN2RSxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQzs7Ozs7OztBQWlCN0UsTUFBTSxPQUFPLG9CQUFxQixTQUFRLHdCQUF3QjtJQWtCOUQsWUFBWSxHQUFzQixFQUFFLEtBQXlCO1FBQ3pELEtBQUssQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDbEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxlQUFlLEdBQUc7WUFDbkIsRUFBRSxFQUFFLEVBQUU7WUFDTixLQUFLLEVBQUUsRUFBRTtZQUNULE9BQU8sRUFBRSxFQUFFO1NBQ2QsQ0FBQztJQUNOLENBQUM7SUFoQkQsSUFBSSxNQUFNO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsSUFBSSxZQUFZ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QUM7b0JBQ1AsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLFFBQVEsRUFBRSw4QkFBOEI7b0JBQ3hDLFdBQVcsRUFBRSwrQkFBK0I7b0JBQzVDLFNBQVMsRUFBRTt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsd0JBQXdCOzRCQUNqQyxXQUFXLHNCQUFzQjt5QkFDcEM7d0JBQ0Q7NEJBQ0ksT0FBTyxFQUFFLFlBQVk7NEJBQ3JCLFdBQVcsc0JBQXNCO3lCQUNwQztxQkFDSjtpQkFDSjt5SUFHWSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICAgIEFmdGVyQ29udGVudEluaXQsXHJcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIENvbXBvbmVudCxcclxuICAgIElucHV0LFxyXG4gICAgT25DaGFuZ2VzLFxyXG4gICAgU2ltcGxlQ2hhbmdlcyxcclxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtmaXJzdH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XHJcbmltcG9ydCB7XHJcbiAgICBEWU5BTUlDX0ZPUk0sXHJcbiAgICBEeW5hbWljRm9ybUdyb3VwLFxyXG4gICAgRHluYW1pY0Zvcm1TdGF0ZSxcclxuICAgIElEeW5hbWljRm9ybSxcclxuICAgIElEeW5hbWljRm9ybUNvbnRyb2wsXHJcbiAgICBJRm9ybUNvbnRyb2wsXHJcbiAgICBJRm9ybUZpZWxkU2V0LFxyXG4gICAgSUZvcm1TZXJpYWxpemVyc1xyXG59IGZyb20gXCIuLi8uLi9jb21tb24tdHlwZXNcIjtcclxuaW1wb3J0IHtEeW5hbWljRm9ybVNlcnZpY2V9IGZyb20gXCIuLi8uLi9zZXJ2aWNlcy9keW5hbWljLWZvcm0uc2VydmljZVwiO1xyXG5pbXBvcnQge0R5bmFtaWNGb3JtQmFzZUNvbXBvbmVudH0gZnJvbSBcIi4uL2Jhc2UvZHluYW1pYy1mb3JtLWJhc2UuY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgICBzZWxlY3RvcjogXCJkeW5hbWljLWZvcm0sIFtkeW5hbWljLWZvcm1dXCIsXHJcbiAgICB0ZW1wbGF0ZVVybDogXCIuL2R5bmFtaWMtZm9ybS5jb21wb25lbnQuaHRtbFwiLFxyXG4gICAgcHJvdmlkZXJzOiBbXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgICBwcm92aWRlOiBEeW5hbWljRm9ybUJhc2VDb21wb25lbnQsXHJcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBEeW5hbWljRm9ybUNvbXBvbmVudFxyXG4gICAgICAgIH0sXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgICBwcm92aWRlOiBEWU5BTUlDX0ZPUk0sXHJcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBEeW5hbWljRm9ybUNvbXBvbmVudFxyXG4gICAgICAgIH1cclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIER5bmFtaWNGb3JtQ29tcG9uZW50IGV4dGVuZHMgRHluYW1pY0Zvcm1CYXNlQ29tcG9uZW50IGltcGxlbWVudHMgSUR5bmFtaWNGb3JtLCBBZnRlckNvbnRlbnRJbml0LCBPbkNoYW5nZXMge1xyXG5cclxuICAgIEBJbnB1dCgpIGdyb3VwOiBEeW5hbWljRm9ybUdyb3VwO1xyXG4gICAgQElucHV0KCkgY29udHJvbHM6IElGb3JtQ29udHJvbFtdO1xyXG4gICAgQElucHV0KCkgc2VyaWFsaXplcnM6IElGb3JtU2VyaWFsaXplcnM7XHJcbiAgICBASW5wdXQoKSBmaWVsZFNldHM6IElGb3JtRmllbGRTZXRbXTtcclxuICAgIEBJbnB1dCgpIGRhdGE6IGFueTtcclxuXHJcbiAgICBkZWZhdWx0RmllbGRTZXQ6IElGb3JtRmllbGRTZXQ7XHJcblxyXG4gICAgZ2V0IHN0YXR1cygpOiBEeW5hbWljRm9ybVN0YXRlIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5ncm91cC5zdGF0ZTtcclxuICAgIH1cclxuXHJcbiAgICBnZXQgZm9ybUNvbnRyb2xzKCk6IElEeW5hbWljRm9ybUNvbnRyb2xbXSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuZ3JvdXAuZm9ybUNvbnRyb2xzO1xyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0cnVjdG9yKGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsIGZvcm1zOiBEeW5hbWljRm9ybVNlcnZpY2UpIHtcclxuICAgICAgICBzdXBlcihjZHIsIGZvcm1zKTtcclxuICAgICAgICB0aGlzLmdyb3VwID0gbmV3IER5bmFtaWNGb3JtR3JvdXAodGhpcyk7XHJcbiAgICAgICAgdGhpcy5kZWZhdWx0RmllbGRTZXQgPSB7XHJcbiAgICAgICAgICAgIGlkOiBcIlwiLFxyXG4gICAgICAgICAgICB0aXRsZTogXCJcIixcclxuICAgICAgICAgICAgY2xhc3NlczogXCJcIlxyXG4gICAgICAgIH07XHJcbiAgICB9XHJcblxyXG4gICAgLy8gLS0tIExpZmVjeWNsZSBob29rc1xyXG5cclxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgICAgICBpZiAoIXRoaXMuZGF0YSkgcmV0dXJuO1xyXG4gICAgICAgIGlmIChjaGFuZ2VzLmRhdGEgfHwgY2hhbmdlcy5jb250cm9scyB8fCBjaGFuZ2VzLnNlcmlhbGl6ZXJzIHx8IGNoYW5nZXMuZm9ybUdyb3VwKSB7XHJcbiAgICAgICAgICAgIGlmICh0aGlzLmdyb3VwLmlkKSByZXR1cm47XHJcbiAgICAgICAgICAgIHRoaXMuZ3JvdXAuc2V0dXAodGhpcy5kYXRhLCB0aGlzKTtcclxuICAgICAgICAgICAgdGhpcy5ncm91cC5yZWxvYWRDb250cm9scygpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAvLyAtLS0gQ3VzdG9tIC0tLVxyXG5cclxuICAgIG9uRm9ybVN1Ym1pdCgpOiB2b2lkIHtcclxuICAgICAgICBjb25zdCByb290ID0gdGhpcy5yb290O1xyXG4gICAgICAgIHJvb3QudmFsaWRhdGUoKS50aGVuKCgpID0+IHJvb3Qub25TdWJtaXQuZW1pdCh0aGlzKSwgKCkgPT4ge30pO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIC0tLSBJRHluYW1pY0Zvcm0gLS0tXHJcblxyXG4gICAgdmFsaWRhdGUoc2hvd0Vycm9yczogYm9vbGVhbiA9IHRydWUpOiBQcm9taXNlPGFueT4ge1xyXG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZTxhbnk+KChyZXNvbHZlLCByZWplY3QpID0+IHtcclxuICAgICAgICAgICAgdGhpcy5ncm91cC5zdGF0dXNDaGFuZ2VzLnBpcGUoZmlyc3Qoc3RhdHVzID0+IHN0YXR1cyA9PSBcIlZBTElEXCIgfHwgc3RhdHVzID09IFwiSU5WQUxJRFwiKSkuc3Vic2NyaWJlKHN0YXR1cyA9PiB7XHJcbiAgICAgICAgICAgICAgICBpZiAoc2hvd0Vycm9ycykgdGhpcy5ncm91cC5zaG93RXJyb3JzKCk7XHJcbiAgICAgICAgICAgICAgICBpZiAoc3RhdHVzID09IFwiVkFMSURcIikge1xyXG4gICAgICAgICAgICAgICAgICAgIHJlc29sdmUobnVsbCk7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgcmVqZWN0KG51bGwpO1xyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICAgICAgdGhpcy5ncm91cC51cGRhdGVWYWx1ZUFuZFZhbGlkaXR5KCk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgc2VyaWFsaXplKHZhbGlkYXRlPzogYm9vbGVhbik6IFByb21pc2U8YW55PiB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlPGFueT4oKHJlc29sdmUsIHJlamVjdCkgPT4ge1xyXG4gICAgICAgICAgICBjb25zdCBzZXJpYWxpemUgPSAoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmdyb3VwLnNlcmlhbGl6ZSgpLnRoZW4ocmVzb2x2ZSk7XHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIGlmICh2YWxpZGF0ZSkge1xyXG4gICAgICAgICAgICAgICAgdGhpcy52YWxpZGF0ZSgpLnRoZW4oc2VyaWFsaXplLCByZWplY3QpO1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHNlcmlhbGl6ZSgpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIGNoZWNrKCk6IFByb21pc2U8YW55PiB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuZ3JvdXAuY2hlY2soKTtcclxuICAgIH1cclxuXHJcbiAgICBnZXRDb250cm9sKGlkOiBzdHJpbmcpOiBJRHluYW1pY0Zvcm1Db250cm9sIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5ncm91cC5nZXRDb250cm9sKGlkKTtcclxuICAgIH1cclxufVxyXG4iLCI8bmctdGVtcGxhdGUgI2RlZmF1bHRGaWVsZFNldFRlbXBsYXRlIGxldC1pZD1cImlkXCIgbGV0LWNvbnRyb2xzPVwiY29udHJvbHNcIiBsZXQtZmllbGRTZXQ9XCJmaWVsZFNldFwiPlxyXG4gICAgPGRpdiBbbmdDbGFzc109XCJbJ2Zvcm0tZmllbGRzJywgJ2Zvcm0tZmllbGRzLScgKyBpZCwgZmllbGRTZXQuY2xhc3Nlc11cIj5cclxuICAgICAgICA8bmctY29udGFpbmVyIFtuZ3hUZW1wbGF0ZU91dGxldF09XCJzZXRQcmVmaXhUZW1wbGF0ZXNbZmllbGRTZXQuaWRdXCIgW2NvbnRleHRdPVwiZmllbGRTZXRcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwiZmllbGRTZXQudGl0bGVcIiBbbmdDbGFzc109XCJbJ2Zvcm0tdGl0bGUnLCBmaWVsZFNldC50aXRsZUNsYXNzZXMgfHwgJyddXCI+XHJcbiAgICAgICAgICAgIHt7IGdyb3VwLnByZWZpeCArIGZpZWxkU2V0LnRpdGxlIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlICNzdWJDb250cm9scz5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY29udHJvbCBvZiBjb250cm9sc1wiIFtmb3JtLWdyb3VwXT1cImNvbnRyb2xcIiBbdmlzaWJsZV09XCJjb250cm9sLnZpc2libGVcIj5cclxuXHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cImZpZWxkU2V0LnNldENsYXNzZXM7IGVsc2Ugc3ViQ29udHJvbHNcIiBbbmdDbGFzc109XCJmaWVsZFNldC5zZXRDbGFzc2VzXCI+XHJcbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJmaWVsZFNldC5jb250cm9sQ2xhc3NlczsgZWxzZSBzdWJDb250cm9sc1wiIFtuZ0NsYXNzXT1cImZpZWxkU2V0LmNvbnRyb2xDbGFzc2VzXCI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInN1YkNvbnRyb2xzXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgW25neFRlbXBsYXRlT3V0bGV0XT1cInNldFN1ZmZpeFRlbXBsYXRlc1tmaWVsZFNldC5pZF1cIiBbY29udGV4dF09XCJmaWVsZFNldFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgPC9kaXY+XHJcbjwvbmctdGVtcGxhdGU+XHJcblxyXG48bmctdGVtcGxhdGUgI2ZpZWxkU2V0c1RlbXBsYXRlPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZnMgb2YgZm9ybUNvbnRyb2xzIHwgZ3JvdXBCeTonZGF0YS5maWVsZFNldCdcIlxyXG4gICAgICAgICAgICAgICAgICBbbmd4VGVtcGxhdGVPdXRsZXRdPVwiZmllbGRTZXRUZW1wbGF0ZSB8fCBkZWZhdWx0RmllbGRTZXRUZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgIFtjb250ZXh0XT1cIntmb3JtOiB0aGlzLCBpZDogZnMuZ3JvdXAsIGNvbnRyb2xzOiBmcy5pdGVtcywgZmllbGRTZXQ6IGdyb3VwLmZvcm1GaWVsZHNbZnMuZ3JvdXBdIHx8IGRlZmF1bHRGaWVsZFNldH1cIj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG48L25nLXRlbXBsYXRlPlxyXG48bmctdGVtcGxhdGUgI2RlZmF1bHRXcmFwcGVyVGVtcGxhdGUgbGV0LWZvcm09XCJmb3JtXCIgbGV0LWZpZWxkU2V0c1RlbXBsYXRlPVwiZmllbGRTZXRzVGVtcGxhdGVcIj5cclxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicHJlZml4VGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwie2Zvcm06IGZvcm0sIGZpZWxkU2V0c1RlbXBsYXRlOiBmaWVsZFNldHNUZW1wbGF0ZX1cIj48L25nLWNvbnRhaW5lcj5cclxuICAgIDxmb3JtIGNsYXNzPVwiZHluYW1pYy1mb3JtXCIgW25nQ2xhc3NdPVwiZm9ybS5jbGFzc2VzIHx8ICcnXCIgW2Zvcm1Hcm91cF09XCJncm91cFwiIChzdWJtaXQpPVwib25Gb3JtU3VibWl0KClcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImZpZWxkU2V0c1RlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCJmb3JtLnN0YXR1cyA9PSAnUEVORElORydcIiBjbGFzcz1cImR5bmFtaWMtZm9ybS12YWxpZGF0b3JcIj5cclxuICAgICAgICAgICAge3sgZ3JvdXAucHJlZml4ICsgJ21lc3NhZ2UucGVuZGluZycgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8YnV0dG9uIFtuZ1N0eWxlXT1cIntkaXNwbGF5OiAnbm9uZSd9XCI+U3VibWl0PC9idXR0b24+XHJcbiAgICA8L2Zvcm0+XHJcbiAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInN1ZmZpeFRlbXBsYXRlXCJcclxuICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cIntmb3JtOiBmb3JtLCBmaWVsZFNldHNUZW1wbGF0ZTogZmllbGRTZXRzVGVtcGxhdGV9XCI+PC9uZy1jb250YWluZXI+XHJcbjwvbmctdGVtcGxhdGU+XHJcbjxuZy10ZW1wbGF0ZSAjbG9hZGluZ1RlbXBsYXRlPlxyXG4gICAgPGRpdiAqbmdJZj1cInN0YXR1cyA9PSAnTE9BRElORydcIiBjbGFzcz1cImR5bmFtaWMtZm9ybS1sb2FkZXJcIj5cclxuICAgICAgICB7eyBncm91cC5wcmVmaXggKyAnbWVzc2FnZS5sb2FkaW5nJyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgPC9kaXY+XHJcbjwvbmctdGVtcGxhdGU+XHJcbjxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwid3JhcHBlclRlbXBsYXRlIHx8IGRlZmF1bHRXcmFwcGVyVGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7Zm9ybTogdGhpcywgZmllbGRTZXRzVGVtcGxhdGU6IGZpZWxkU2V0c1RlbXBsYXRlfVwiXHJcbiAgICAgICAgICAgICAgKm5nSWY9XCJzdGF0dXMgIT09ICdMT0FESU5HJzsgZWxzZSBsb2FkaW5nVGVtcGxhdGVcIj5cclxuPC9uZy1jb250YWluZXI+XHJcbiJdfQ==

package/esm2015/ngx-dynamic-form/components/dynamic-form-file/dynamic-form-file.component.js

@@ -1,6 +1,8 @@
 import { Component } from "@angular/core";
 import { FormControlComponent } from "../../common-types";
 import { ArrayUtils, FileUtils, ObjectUtils } from "@stemy/ngx-utils";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export class DynamicFormFileComponent extends FormControlComponent {
     // Acceptor for provider
     static acceptor(control) {
@@ -95,11 +97,14 @@ export class DynamicFormFileComponent extends FormControlComponent {
         return this.api.url(`${this.data.baseUrl}${url}`);
     }
 }
-DynamicFormFileComponent.decorators = [
-    { type: Component, args: [{
-                selector: "dynamic-form-file",
-                template: "<div class=\"upload\">\r\n    <input type=\"file\"\r\n           multiple=\"multiple\"\r\n           [attr.data-testid]=\"testId\"\r\n           [attr.accept]=\"data.accept\"\r\n           (change)=\"onSelect($event.target)\" />\r\n    <ul class=\"images\" *ngIf=\"!data.multi\">\r\n        <li class=\"image\" *ngIf=\"value\" [ngStyle]=\"{backgroundImage: getUrl(value)}\">\r\n            <a class=\"btn btn-delete\" (click)=\"delete()\"></a>\r\n        </li>\r\n    </ul>\r\n    <ul class=\"images\" *ngIf=\"data.multi\">\r\n        <li class=\"image\" *ngFor=\"let image of value; let i = index\" [ngStyle]=\"{backgroundImage: getUrl(image)}\">\r\n            <a class=\"btn btn-delete\" (click)=\"delete(i)\"></a>\r\n        </li>\r\n    </ul>\r\n</div>\r\n",
-                styles: [".upload{display:inline-block}.upload ul{display:inline-flex;list-style:none;margin:10px 0 0;padding:0}.upload ul li{height:100px;width:100px;background:repeating-linear-gradient(45deg,gray,gray 10px,lightgray 10px,lightgray 20px) center center;background-size:cover;border:1px gray solid;margin-right:5px;position:relative}.upload .btn-delete{background:linear-gradient(to bottom,#c8607a,#a64d5a);border-color:#a64d5a;color:#fff;position:absolute;padding:0;right:5px;top:5px;width:20px;height:20px}.upload .btn-delete:before{color:#fff;display:block;position:absolute;top:0;right:6px;content:\"x\"}\n"]
-            },] }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLWZpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL25neC1keW5hbWljLWZvcm0vY29tcG9uZW50cy9keW5hbWljLWZvcm0tZmlsZS9keW5hbWljLWZvcm0tZmlsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsb0JBQW9CLEVBQXFDLE1BQU0sb0JBQW9CLENBQUM7QUFDNUYsT0FBTyxFQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFPcEUsTUFBTSxPQUFPLHdCQUF5QixTQUFRLG9CQUFtQztJQUk3RSx3QkFBd0I7SUFDeEIsTUFBTSxDQUFDLFFBQVEsQ0FBQyxPQUE0QjtRQUN4QyxPQUFPLE9BQU8sQ0FBQyxJQUFJLElBQUksTUFBTSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxzQkFBc0I7SUFDdEIsTUFBTSxDQUFDLE1BQU07UUFDVCxPQUFPLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsT0FBTztRQUNILElBQUksQ0FBQyxjQUFjLEdBQUcsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBdUI7UUFDNUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0IsS0FBSyxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVTLFlBQVksQ0FBQyxRQUFrQjtRQUNyQyxNQUFNLEtBQUssR0FBVyxFQUFFLENBQUM7UUFDekIsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDaEMsTUFBTSxLQUFLLEdBQWEsV0FBVyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxNQUFN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QyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUM7UUFDcEQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDO1lBQUUsT0FBTyxJQUFJLENBQUM7UUFDNUMsSUFBSSxHQUFHLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQztZQUFFLE9BQU8sR0FBRyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNwQixNQUFNLE1BQU0sR0FBRyxHQUFHLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7WUFDekQsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUMvQjtRQUNELE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELENBQUM7OztZQTlHSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLG1CQUFtQjtnQkFFN0IscXdCQUFpRDs7YUFDcEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtGb3JtQ29udHJvbENvbXBvbmVudCwgSUR5bmFtaWNGb3JtQ29udHJvbCwgSUZvcm1GaWxlRGF0YX0gZnJvbSBcIi4uLy4uL2NvbW1vbi10eXBlc1wiO1xyXG5pbXBvcnQge0FycmF5VXRpbHMsIEZpbGVVdGlscywgT2JqZWN0VXRpbHN9IGZyb20gXCJAc3RlbXkvbmd4LXV0aWxzXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiBcImR5bmFtaWMtZm9ybS1maWxlXCIsXHJcbiAgICBzdHlsZVVybHM6IFtcIi4vZHluYW1pYy1mb3JtLWZpbGUuY29tcG9uZW50LnNjc3NcIl0sXHJcbiAgICB0ZW1wbGF0ZVVybDogXCIuL2R5bmFtaWMtZm9ybS1maWxlLmNvbXBvbmVudC5odG1sXCJcclxufSlcclxuZXhwb3J0IGNsYXNzIER5bmFtaWNGb3JtRmlsZUNvbXBvbmVudCBleHRlbmRzIEZvcm1Db250cm9sQ29tcG9uZW50PElGb3JtRmlsZURhdGE+IHtcclxuXHJcbiAgICBwcml2YXRlIGZpbGVJbWFnZUNhY2hlOiBhbnlbXTtcclxuXHJcbiAgICAvLyBBY2NlcHRvciBmb3IgcHJvdmlkZXJcclxuICAgIHN0YXRpYyBhY2NlcHRvcihjb250cm9sOiBJRHluYW1pY0Zvcm1Db250cm9sKTogYm9vbGVhbiB7XHJcbiAgICAgICAgcmV0dXJuIGNvbnRyb2wudHlwZSA9PSBcImZpbGVcIjtcclxuICAgIH1cclxuXHJcbiAgICAvLyBMb2FkZXIgZm9yIHByb3ZpZGVyXHJcbiAgICBzdGF0aWMgbG9hZGVyKCk6IFByb21pc2U8YW55PiB7XHJcbiAgICAgICAgcmV0dXJuIFByb21pc2UucmVzb2x2ZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIGN0ckluaXQoKSB7XHJcbiAgICAgICAgdGhpcy5maWxlSW1hZ2VDYWNoZSA9IFtdO1xyXG4gICAgfVxyXG5cclxuICAgIG9uU2VsZWN0KGlucHV0OiBIVE1MSW5wdXRFbGVtZW50KTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5wcm9jZXNzRmlsZXMoaW5wdXQuZmlsZXMpO1xyXG4gICAgICAgIGlucHV0LnZhbHVlID0gXCJcIjtcclxuICAgIH1cclxuXHJcbiAgICBwcm90ZWN0ZWQgcHJvY2Vzc0ZpbGVzKGZpbGVMaXN0OiBGaWxlTGlzdCk6IHZvaWQge1xyXG4gICAgICAgIGNvbnN0IGZpbGVzOiBGaWxlW10gPSBbXTtcclxuICAgICAgICBjb25zdCBhY2NlcHQgPSB0aGlzLmRhdGEuYWNjZXB0O1xyXG4gICAgICAgIGNvbnN0IHR5cGVzOiBzdHJpbmdbXSA9IE9iamVjdFV0aWxzLmlzU3RyaW5nKGFjY2VwdCkgJiYgYWNjZXB0Lmxlbmd0aCA+IDAgPyBhY2NlcHQudG9Mb3dlckNhc2UoKS5zcGxpdChcIixcIikgOiBudWxsO1xyXG4gICAgICAgIGlmIChmaWxlTGlzdC5sZW5ndGggPT0gMCkgcmV0dXJuO1xyXG4gICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgZmlsZUxpc3QubGVuZ3RoOyBpKyspIHtcclxuICAgICAgICAgICAgY29uc3QgZmlsZSA9IGZpbGVMaXN0Lml0ZW0oaSk7XHJcbiAgICAgICAgICAgIGNvbnN0IHR5cGUgPSBmaWxlLnR5cGUudG9Mb3dlckNhc2UoKTtcclxuICAgICAgICAgICAgY29uc3QgZXh0ID0gRmlsZVV0aWxzLmdldEV4dGVuc2lvbihmaWxlKTtcclxuICAgICAgICAgICAgaWYgKHR5cGVzICYmICFBcnJheVV0aWxzLmhhcyh0eXBlcywgdHlwZSwgZXh0KSkgY29udGludWU7XHJcbiAgICAgICAgICAgIGZpbGVzLnB1c2goZmlsZSk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChmaWxlcy5sZW5ndGggPT0gMCkge1xyXG4gICAgICAgICAgICB0aGlzLnRvYXN0ZXIuZXJyb3IoXCJtZXNzYWdlLmVycm9yLndyb25nLWZpbGVzXCIpO1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHRoaXMudXBsb2FkKGZpbGVzKTtcclxuICAgIH1cclxuXHJcbiAgICBwcm90ZWN0ZWQgdXBsb2FkKGZpbGVzOiBGaWxlW10pOiB2b2lkIHtcclxuICAgICAgICBjb25zdCBzaW5nbGUgPSAhdGhpcy5kYXRhLm11bHRpO1xyXG4gICAgICAgIGlmIChzaW5nbGUpIGZpbGVzLmxlbmd0aCA9IE1hdGgubWluKGZpbGVzLmxlbmd0aCAsIDEpO1xyXG4gICAgICAgIGNvbnN0IHByb21pc2VzID0gW107XHJcbiAgICAgICAgZmlsZXMuZm9yRWFjaCgoZmlsZSwgaXgpID0+IHtcclxuICAgICAgICAgICAgaWYgKHRoaXMuZGF0YS5hc0RhdGFVcmwpIHtcclxuICAgICAgICAgICAgICAgIHByb21pc2VzLnB1c2goRmlsZVV0aWxzLnJlYWRGaWxlQXNEYXRhVVJMKGZpbGUpKTtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodGhpcy5kYXRhLmFzRmlsZSkge1xyXG4gICAgICAgICAgICAgICAgcHJvbWlzZXMucHVzaChQcm9taXNlLnJlc29sdmUoZmlsZSkpO1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHByb21pc2VzLnB1c2goXHJcbiAgICAgICAgICAgICAgICB0aGlzLmFwaS51cGxvYWQoXHJcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5kYXRhLnVwbG9hZFVybCxcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLmRhdGEuY3JlYXRlVXBsb2FkRGF0YShmaWxlKSxcclxuICAgICAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyxcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLmRhdGEudXBsb2FkT3B0aW9uc1xyXG4gICAgICAgICAgICAgICAgKS50aGVuKGFzc2V0ID0+IGFzc2V0Ll9pZCB8fCBhc3NldCwgKCkgPT4gbnVsbClcclxuICAgICAgICAgICAgKTtcclxuICAgICAgICB9KTtcclxuICAgICAgICBQcm9taXNlLmFsbChwcm9taXNlcykudGhlbihhc3NldHMgPT4ge1xyXG4gICAgICAgICAgICBpZiAoc2luZ2xlKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUoYXNzZXRzWzBdKTtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBjb25zdCBjdXJyZW50ID0gdGhpcy52YWx1ZSB8fCBbXTtcclxuICAgICAgICAgICAgdGhpcy5jb250cm9sLnNldFZhbHVlKGN1cnJlbnQuY29uY2F0KGFzc2V0cy5maWx0ZXIodCA9PiAhIXQpKSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgZGVsZXRlKGluZGV4PzogbnVtYmVyKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuZGF0YS5tdWx0aSkge1xyXG4gICAgICAgICAgICBjb25zdCBjdXJyZW50ID0gQXJyYXkuZnJvbSh0aGlzLnZhbHVlIHx8IFtdKTtcclxuICAgICAgICAgICAgY3VycmVudC5zcGxpY2UoaW5kZXgsIDEpO1xyXG4gICAgICAgICAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUoY3VycmVudCk7XHJcbiAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICB9XHJcbiAgICAgICAgdGhpcy5jb250cm9sLnNldFZhbHVlKG51bGwpO1xyXG4gICAgfVxyXG5cclxuICAgIGdldFVybChpbWFnZTogYW55KTogc3RyaW5nIHtcclxuICAgICAgICByZXR1cm4gYHVybCgnJHt0aGlzLmdldEltZ1VybChpbWFnZSl9JylgO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgZ2V0SW1nVXJsKGltYWdlOiBhbnkpOiBzdHJpbmcge1xyXG4gICAgICAgIGlmIChPYmplY3RVdGlscy5pc0Jsb2IoaW1hZ2UpKSB7XHJcbiAgICAgICAgICAgIGxldCBjYWNoZSA9IHRoaXMuZmlsZUltYWdlQ2FjaGUuZmluZCh0ID0+IHQuZmlsZSA9PSBpbWFnZSk7XHJcbiAgICAgICAgICAgIGlmICghY2FjaGUpIHtcclxuICAgICAgICAgICAgICAgIGNhY2hlID0ge2ZpbGU6IGltYWdlLCB1cmw6IFVSTC5jcmVhdGVPYmplY3RVUkwoaW1hZ2UpfTtcclxuICAgICAgICAgICAgICAgIHRoaXMuZmlsZUltYWdlQ2FjaGUucHVzaChjYWNoZSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgcmV0dXJuIGNhY2hlLnVybDtcclxuICAgICAgICB9XHJcbiAgICAgICAgY29uc3QgdXJsID0gIWltYWdlID8gbnVsbCA6IGltYWdlLmltYWdlVXJsIHx8IGltYWdlO1xyXG4gICAgICAgIGlmICghT2JqZWN0VXRpbHMuaXNTdHJpbmcodXJsKSkgcmV0dXJuIG51bGw7XHJcbiAgICAgICAgaWYgKHVybC5zdGFydHNXaXRoKFwiZGF0YTpcIikpIHJldHVybiB1cmw7XHJcbiAgICAgICAgaWYgKCF0aGlzLmRhdGEuYmFzZVVybCkge1xyXG4gICAgICAgICAgICBjb25zdCBzdWJVcmwgPSB1cmwuc3RhcnRzV2l0aChcIi9cIikgPyB1cmwuc3Vic3RyKDEpIDogdXJsO1xyXG4gICAgICAgICAgICByZXR1cm4gdGhpcy5hcGkudXJsKHN1YlVybCk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiB0aGlzLmFwaS51cmwoYCR7dGhpcy5kYXRhLmJhc2VVcmx9JHt1cmx9YCk7XHJcbiAgICB9XHJcbn1cclxuIl19
+DynamicFormFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DynamicFormFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DynamicFormFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DynamicFormFileComponent, selector: "dynamic-form-file", usesInheritance: true, ngImport: i0, template: "<div class=\"upload\">\r\n    <input type=\"file\"\r\n           multiple=\"multiple\"\r\n           [attr.data-testid]=\"testId\"\r\n           [attr.accept]=\"data.accept\"\r\n           (change)=\"onSelect($event.target)\" />\r\n    <ul class=\"images\" *ngIf=\"!data.multi\">\r\n        <li class=\"image\" *ngIf=\"value\" [ngStyle]=\"{backgroundImage: getUrl(value)}\">\r\n            <a class=\"btn btn-delete\" (click)=\"delete()\"></a>\r\n        </li>\r\n    </ul>\r\n    <ul class=\"images\" *ngIf=\"data.multi\">\r\n        <li class=\"image\" *ngFor=\"let image of value; let i = index\" [ngStyle]=\"{backgroundImage: getUrl(image)}\">\r\n            <a class=\"btn btn-delete\" (click)=\"delete(i)\"></a>\r\n        </li>\r\n    </ul>\r\n</div>\r\n", styles: [".upload{display:inline-block}.upload ul{display:inline-flex;list-style:none;margin:10px 0 0;padding:0}.upload ul li{height:100px;width:100px;background:repeating-linear-gradient(45deg,gray,gray 10px,lightgray 10px,lightgray 20px) center center;background-size:cover;border:1px gray solid;margin-right:5px;position:relative}.upload .btn-delete{background:linear-gradient(to bottom,#c8607a,#a64d5a);border-color:#a64d5a;color:#fff;position:absolute;padding:0;right:5px;top:5px;width:20px;height:20px}.upload .btn-delete:before{color:#fff;display:block;position:absolute;top:0;right:6px;content:\"x\"}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DynamicFormFileComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "dynamic-form-file",
+                    styleUrls: ["./dynamic-form-file.component.scss"],
+                    templateUrl: "./dynamic-form-file.component.html"
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLWZpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL25neC1keW5hbWljLWZvcm0vY29tcG9uZW50cy9keW5hbWljLWZvcm0tZmlsZS9keW5hbWljLWZvcm0tZmlsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbmd4LWR5bmFtaWMtZm9ybS9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS1maWxlL2R5bmFtaWMtZm9ybS1maWxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEMsT0FBTyxFQUFDLG9CQUFvQixFQUFxQyxNQUFNLG9CQUFvQixDQUFDO0FBQzVGLE9BQU8sRUFBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBQyxNQUFNLGtCQUFrQixDQUFDOzs7QUFPcEUsTUFBTSxPQUFPLHdCQUF5QixTQUFRLG9CQUFtQztJQUk3RSx3QkFBd0I7SUFDeEIsTUFBTSxDQUFDLFFBQVEsQ0FBQyxPQUE0QjtRQUN4QyxPQUFPLE9BQU8sQ0FBQyxJQUFJLElBQUksTUFBTSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxzQkFBc0I7SUFDdEIsTUFBTSxDQUFDLE1BQU07UUFDVCxPQUFPLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsT0FBTztRQUNILElBQUksQ0FBQyxjQUFjLEdBQUcsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBdUI7UUFDNUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0IsS0FBSyxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVTLFlBQVksQ0FBQyxRQUFrQjtRQUNyQyxNQUFNLEtBQUssR0FBVyxFQUFFLENBQUM7UUFDekIsTUFB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QyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQ25DO1lBQ0QsT0FBTyxLQUFLLENBQUMsR0FBRyxDQUFDO1NBQ3BCO1FBQ0QsTUFBTSxHQUFHLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUM7UUFDcEQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDO1lBQUUsT0FBTyxJQUFJLENBQUM7UUFDNUMsSUFBSSxHQUFHLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQztZQUFFLE9BQU8sR0FBRyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNwQixNQUFNLE1BQU0sR0FBRyxHQUFHLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7WUFDekQsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUMvQjtRQUNELE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELENBQUM7O3NIQXpHUSx3QkFBd0I7MEdBQXhCLHdCQUF3QixnRkNUckMsMnZCQWlCQTs0RkRSYSx3QkFBd0I7a0JBTHBDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsU0FBUyxFQUFFLENBQUMsb0NBQW9DLENBQUM7b0JBQ2pELFdBQVcsRUFBRSxvQ0FBb0M7aUJBQ3BEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7Rm9ybUNvbnRyb2xDb21wb25lbnQsIElEeW5hbWljRm9ybUNvbnRyb2wsIElGb3JtRmlsZURhdGF9IGZyb20gXCIuLi8uLi9jb21tb24tdHlwZXNcIjtcclxuaW1wb3J0IHtBcnJheVV0aWxzLCBGaWxlVXRpbHMsIE9iamVjdFV0aWxzfSBmcm9tIFwiQHN0ZW15L25neC11dGlsc1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogXCJkeW5hbWljLWZvcm0tZmlsZVwiLFxyXG4gICAgc3R5bGVVcmxzOiBbXCIuL2R5bmFtaWMtZm9ybS1maWxlLmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9keW5hbWljLWZvcm0tZmlsZS5jb21wb25lbnQuaHRtbFwiXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEeW5hbWljRm9ybUZpbGVDb21wb25lbnQgZXh0ZW5kcyBGb3JtQ29udHJvbENvbXBvbmVudDxJRm9ybUZpbGVEYXRhPiB7XHJcblxyXG4gICAgcHJpdmF0ZSBmaWxlSW1hZ2VDYWNoZTogYW55W107XHJcblxyXG4gICAgLy8gQWNjZXB0b3IgZm9yIHByb3ZpZGVyXHJcbiAgICBzdGF0aWMgYWNjZXB0b3IoY29udHJvbDogSUR5bmFtaWNGb3JtQ29udHJvbCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIHJldHVybiBjb250cm9sLnR5cGUgPT0gXCJmaWxlXCI7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gTG9hZGVyIGZvciBwcm92aWRlclxyXG4gICAgc3RhdGljIGxvYWRlcigpOiBQcm9taXNlPGFueT4ge1xyXG4gICAgICAgIHJldHVybiBQcm9taXNlLnJlc29sdmUoKTtcclxuICAgIH1cclxuXHJcbiAgICBjdHJJbml0KCkge1xyXG4gICAgICAgIHRoaXMuZmlsZUltYWdlQ2FjaGUgPSBbXTtcclxuICAgIH1cclxuXHJcbiAgICBvblNlbGVjdChpbnB1dDogSFRNTElucHV0RWxlbWVudCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMucHJvY2Vzc0ZpbGVzKGlucHV0LmZpbGVzKTtcclxuICAgICAgICBpbnB1dC52YWx1ZSA9IFwiXCI7XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIHByb2Nlc3NGaWxlcyhmaWxlTGlzdDogRmlsZUxpc3QpOiB2b2lkIHtcclxuICAgICAgICBjb25zdCBmaWxlczogRmlsZVtdID0gW107XHJcbiAgICAgICAgY29uc3QgYWNjZXB0ID0gdGhpcy5kYXRhLmFjY2VwdDtcclxuICAgICAgICBjb25zdCB0eXBlczogc3RyaW5nW10gPSBPYmplY3RVdGlscy5pc1N0cmluZyhhY2NlcHQpICYmIGFjY2VwdC5sZW5ndGggPiAwID8gYWNjZXB0LnRvTG93ZXJDYXNlKCkuc3BsaXQoXCIsXCIpIDogbnVsbDtcclxuICAgICAgICBpZiAoZmlsZUxpc3QubGVuZ3RoID09IDApIHJldHVybjtcclxuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IGZpbGVMaXN0Lmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGZpbGUgPSBmaWxlTGlzdC5pdGVtKGkpO1xyXG4gICAgICAgICAgICBjb25zdCB0eXBlID0gZmlsZS50eXBlLnRvTG93ZXJDYXNlKCk7XHJcbiAgICAgICAgICAgIGNvbnN0IGV4dCA9IEZpbGVVdGlscy5nZXRFeHRlbnNpb24oZmlsZSk7XHJcbiAgICAgICAgICAgIGlmICh0eXBlcyAmJiAhQXJyYXlVdGlscy5oYXModHlwZXMsIHR5cGUsIGV4dCkpIGNvbnRpbnVlO1xyXG4gICAgICAgICAgICBmaWxlcy5wdXNoKGZpbGUpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoZmlsZXMubGVuZ3RoID09IDApIHtcclxuICAgICAgICAgICAgdGhpcy50b2FzdGVyLmVycm9yKFwibWVzc2FnZS5lcnJvci53cm9uZy1maWxlc1wiKTtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLnVwbG9hZChmaWxlcyk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIHVwbG9hZChmaWxlczogRmlsZVtdKTogdm9pZCB7XHJcbiAgICAgICAgY29uc3Qgc2luZ2xlID0gIXRoaXMuZGF0YS5tdWx0aTtcclxuICAgICAgICBpZiAoc2luZ2xlKSBmaWxlcy5sZW5ndGggPSBNYXRoLm1pbihmaWxlcy5sZW5ndGggLCAxKTtcclxuICAgICAgICBjb25zdCBwcm9taXNlcyA9IFtdO1xyXG4gICAgICAgIGZpbGVzLmZvckVhY2goKGZpbGUsIGl4KSA9PiB7XHJcbiAgICAgICAgICAgIGlmICh0aGlzLmRhdGEuYXNEYXRhVXJsKSB7XHJcbiAgICAgICAgICAgICAgICBwcm9taXNlcy5wdXNoKEZpbGVVdGlscy5yZWFkRmlsZUFzRGF0YVVSTChmaWxlKSk7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKHRoaXMuZGF0YS5hc0ZpbGUpIHtcclxuICAgICAgICAgICAgICAgIHByb21pc2VzLnB1c2goUHJvbWlzZS5yZXNvbHZlKGZpbGUpKTtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBwcm9taXNlcy5wdXNoKFxyXG4gICAgICAgICAgICAgICAgdGhpcy5hcGkudXBsb2FkKFxyXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZGF0YS51cGxvYWRVcmwsXHJcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5kYXRhLmNyZWF0ZVVwbG9hZERhdGEoZmlsZSksXHJcbiAgICAgICAgICAgICAgICAgICAgY29uc29sZS5sb2csXHJcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5kYXRhLnVwbG9hZE9wdGlvbnNcclxuICAgICAgICAgICAgICAgICkudGhlbihhc3NldCA9PiBhc3NldC5faWQgfHwgYXNzZXQsICgpID0+IG51bGwpXHJcbiAgICAgICAgICAgICk7XHJcbiAgICAgICAgfSk7XHJcbiAgICAgICAgUHJvbWlzZS5hbGwocHJvbWlzZXMpLnRoZW4oYXNzZXRzID0+IHtcclxuICAgICAgICAgICAgaWYgKHNpbmdsZSkge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5jb250cm9sLnNldFZhbHVlKGFzc2V0c1swXSk7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY29uc3QgY3VycmVudCA9IHRoaXMudmFsdWUgfHwgW107XHJcbiAgICAgICAgICAgIHRoaXMuY29udHJvbC5zZXRWYWx1ZShjdXJyZW50LmNvbmNhdChhc3NldHMuZmlsdGVyKHQgPT4gISF0KSkpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIGRlbGV0ZShpbmRleD86IG51bWJlcik6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLmRhdGEubXVsdGkpIHtcclxuICAgICAgICAgICAgY29uc3QgY3VycmVudCA9IEFycmF5LmZyb20odGhpcy52YWx1ZSB8fCBbXSk7XHJcbiAgICAgICAgICAgIGN1cnJlbnQuc3BsaWNlKGluZGV4LCAxKTtcclxuICAgICAgICAgICAgdGhpcy5jb250cm9sLnNldFZhbHVlKGN1cnJlbnQpO1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHRoaXMuY29udHJvbC5zZXRWYWx1ZShudWxsKTtcclxuICAgIH1cclxuXHJcbiAgICBnZXRVcmwoaW1hZ2U6IGFueSk6IHN0cmluZyB7XHJcbiAgICAgICAgcmV0dXJuIGB1cmwoJyR7dGhpcy5nZXRJbWdVcmwoaW1hZ2UpfScpYDtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGdldEltZ1VybChpbWFnZTogYW55KTogc3RyaW5nIHtcclxuICAgICAgICBpZiAoT2JqZWN0VXRpbHMuaXNCbG9iKGltYWdlKSkge1xyXG4gICAgICAgICAgICBsZXQgY2FjaGUgPSB0aGlzLmZpbGVJbWFnZUNhY2hlLmZpbmQodCA9PiB0LmZpbGUgPT0gaW1hZ2UpO1xyXG4gICAgICAgICAgICBpZiAoIWNhY2hlKSB7XHJcbiAgICAgICAgICAgICAgICBjYWNoZSA9IHtmaWxlOiBpbWFnZSwgdXJsOiBVUkwuY3JlYXRlT2JqZWN0VVJMKGltYWdlKX07XHJcbiAgICAgICAgICAgICAgICB0aGlzLmZpbGVJbWFnZUNhY2hlLnB1c2goY2FjaGUpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHJldHVybiBjYWNoZS51cmw7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGNvbnN0IHVybCA9ICFpbWFnZSA/IG51bGwgOiBpbWFnZS5pbWFnZVVybCB8fCBpbWFnZTtcclxuICAgICAgICBpZiAoIU9iamVjdFV0aWxzLmlzU3RyaW5nKHVybCkpIHJldHVybiBudWxsO1xyXG4gICAgICAgIGlmICh1cmwuc3RhcnRzV2l0aChcImRhdGE6XCIpKSByZXR1cm4gdXJsO1xyXG4gICAgICAgIGlmICghdGhpcy5kYXRhLmJhc2VVcmwpIHtcclxuICAgICAgICAgICAgY29uc3Qgc3ViVXJsID0gdXJsLnN0YXJ0c1dpdGgoXCIvXCIpID8gdXJsLnN1YnN0cigxKSA6IHVybDtcclxuICAgICAgICAgICAgcmV0dXJuIHRoaXMuYXBpLnVybChzdWJVcmwpO1xyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gdGhpcy5hcGkudXJsKGAke3RoaXMuZGF0YS5iYXNlVXJsfSR7dXJsfWApO1xyXG4gICAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ1cGxvYWRcIj5cclxuICAgIDxpbnB1dCB0eXBlPVwiZmlsZVwiXHJcbiAgICAgICAgICAgbXVsdGlwbGU9XCJtdWx0aXBsZVwiXHJcbiAgICAgICAgICAgW2F0dHIuZGF0YS10ZXN0aWRdPVwidGVzdElkXCJcclxuICAgICAgICAgICBbYXR0ci5hY2NlcHRdPVwiZGF0YS5hY2NlcHRcIlxyXG4gICAgICAgICAgIChjaGFuZ2UpPVwib25TZWxlY3QoJGV2ZW50LnRhcmdldClcIiAvPlxyXG4gICAgPHVsIGNsYXNzPVwiaW1hZ2VzXCIgKm5nSWY9XCIhZGF0YS5tdWx0aVwiPlxyXG4gICAgICAgIDxsaSBjbGFzcz1cImltYWdlXCIgKm5nSWY9XCJ2YWx1ZVwiIFtuZ1N0eWxlXT1cIntiYWNrZ3JvdW5kSW1hZ2U6IGdldFVybCh2YWx1ZSl9XCI+XHJcbiAgICAgICAgICAgIDxhIGNsYXNzPVwiYnRuIGJ0bi1kZWxldGVcIiAoY2xpY2spPVwiZGVsZXRlKClcIj48L2E+XHJcbiAgICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbiAgICA8dWwgY2xhc3M9XCJpbWFnZXNcIiAqbmdJZj1cImRhdGEubXVsdGlcIj5cclxuICAgICAgICA8bGkgY2xhc3M9XCJpbWFnZVwiICpuZ0Zvcj1cImxldCBpbWFnZSBvZiB2YWx1ZTsgbGV0IGkgPSBpbmRleFwiIFtuZ1N0eWxlXT1cIntiYWNrZ3JvdW5kSW1hZ2U6IGdldFVybChpbWFnZSl9XCI+XHJcbiAgICAgICAgICAgIDxhIGNsYXNzPVwiYnRuIGJ0bi1kZWxldGVcIiAoY2xpY2spPVwiZGVsZXRlKGkpXCI+PC9hPlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICA8L3VsPlxyXG48L2Rpdj5cclxuIl19

package/esm2015/ngx-dynamic-form/components/dynamic-form-group/dynamic-form-group.component.js

@@ -1,5 +1,9 @@
-import { Component, HostBinding, Inject } from "@angular/core";
+import { Component, HostBinding, Inject, ViewEncapsulation } from "@angular/core";
 import { DYNAMIC_FORM } from "../../common-types";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../directives/dynamic-form-control.directive";
+import * as i3 from "@stemy/ngx-utils";
 export class DynamicFormGroupComponent {
     constructor(form) {
         this.form = form;
@@ -10,17 +14,20 @@ export class DynamicFormGroupComponent {
         return ["form-group", "form-group-" + this.control.id, this.control.data.classes, this.control.errors && this.control.touched ? "form-group-invalid" : ""].join(" ");
     }
 }
-DynamicFormGroupComponent.decorators = [
-    { type: Component, args: [{
-                moduleId: module.id,
-                selector: "div[dynamic-form-group]",
-                template: "<ng-template #labelTemplate>\r\n    <label [ngClass]=\"'control-label control-label-' + control.data.labelAlign\" [attr.for]=\"control.formId\">\r\n        {{ control.label | translate: control.model }}\r\n    </label>\r\n</ng-template>\r\n<ng-template #errorTemplate>\r\n    <div class=\"error-message\" *ngIf=\"control.errors && control.touched\">\r\n        <span class=\"help-block\" *ngFor=\"let error of control.errors | entries\">\r\n            {{ error.key | translate: error.value }}\r\n        </span>\r\n    </div>\r\n</ng-template>\r\n<ng-template #inputTemplate let-control=\"control\">\r\n    <ng-container [form-control]=\"control\"></ng-container>\r\n</ng-template>\r\n<ng-template #defaultControlTemplate\r\n             let-context\r\n             let-control=\"control\"\r\n             let-data=\"control.data\"\r\n             let-labelTemplate=\"labelTemplate\"\r\n             let-inputTemplate=\"inputTemplate\"\r\n             let-prefixTemplate=\"prefixTemplate\"\r\n             let-suffixTemplate=\"suffixTemplate\"\r\n             let-errorTemplate=\"errorTemplate\">\r\n    <ng-container [ngTemplateOutlet]=\"prefixTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\"></ng-container>\r\n    <ng-container *ngIf=\"control.label && data.labelAlign == 'left'\"\r\n                  [ngTemplateOutlet]=\"labelTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\">\r\n    </ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"inputTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\"></ng-container>\r\n    <ng-container *ngIf=\"control.label && data.labelAlign == 'right'\"\r\n                  [ngTemplateOutlet]=\"labelTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\">\r\n    </ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"suffixTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\"></ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"errorTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-container [ngxTemplateOutlet]=\"form.controlTemplates[control.id] || form.controlTemplate || defaultControlTemplate\"\r\n              [context]=\"{\r\n                    control: control,\r\n                    labelTemplate: form.labelTemplates[control.id] || labelTemplate,\r\n                    inputTemplate: form.inputTemplates[control.id] || inputTemplate,\r\n                    prefixTemplate: form.prefixTemplates[control.id],\r\n                    suffixTemplate: form.suffixTemplates[control.id],\r\n                    errorTemplate: errorTemplate\r\n                  }\">\r\n</ng-container>\r\n"
-            },] }
-];
-DynamicFormGroupComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [DYNAMIC_FORM,] }] }
-];
-DynamicFormGroupComponent.propDecorators = {
-    classes: [{ type: HostBinding, args: ["class",] }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9uZ3gtZHluYW1pYy1mb3JtL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtLWdyb3VwL2R5bmFtaWMtZm9ybS1ncm91cC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFDSCxZQUFZLEVBS2YsTUFBTSxvQkFBb0IsQ0FBQztBQU81QixNQUFNLE9BQU8seUJBQXlCO0lBSWxDLFlBQTJDLElBQXNCO1FBQXRCLFNBQUksR0FBSixJQUFJLENBQWtCO0lBQ2pFLENBQUM7SUFFRCxJQUNJLE9BQU87UUFDUCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU87WUFBRSxPQUFPLFlBQVksQ0FBQztRQUN2QyxPQUFPLENBQUMsWUFBWSxFQUFFLGFBQWEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDekssQ0FBQzs7O1lBaEJKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsTUFBTSxDQUFDLEVBQUU7Z0JBQ25CLFFBQVEsRUFBRSx5QkFBeUI7Z0JBQ25DLDRwRkFBa0Q7YUFDckQ7Ozs0Q0FLZ0IsTUFBTSxTQUFDLFlBQVk7OztzQkFHL0IsV0FBVyxTQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEluamVjdH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtcclxuICAgIERZTkFNSUNfRk9STSxcclxuICAgIElEeW5hbWljRm9ybSxcclxuICAgIElEeW5hbWljRm9ybUJhc2UsXHJcbiAgICBJRHluYW1pY0Zvcm1Db250cm9sLFxyXG4gICAgSUZvcm1Hcm91cENvbXBvbmVudFxyXG59IGZyb20gXCIuLi8uLi9jb21tb24tdHlwZXNcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgbW9kdWxlSWQ6IG1vZHVsZS5pZCxcclxuICAgIHNlbGVjdG9yOiBcImRpdltkeW5hbWljLWZvcm0tZ3JvdXBdXCIsXHJcbiAgICB0ZW1wbGF0ZVVybDogXCIuL2R5bmFtaWMtZm9ybS1ncm91cC5jb21wb25lbnQuaHRtbFwiXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEeW5hbWljRm9ybUdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgSUZvcm1Hcm91cENvbXBvbmVudCB7XHJcblxyXG4gICAgY29udHJvbDogSUR5bmFtaWNGb3JtQ29udHJvbDtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KERZTkFNSUNfRk9STSkgcmVhZG9ubHkgZm9ybTogSUR5bmFtaWNGb3JtQmFzZSkge1xyXG4gICAgfVxyXG5cclxuICAgIEBIb3N0QmluZGluZyhcImNsYXNzXCIpXHJcbiAgICBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgICAgIGlmICghdGhpcy5jb250cm9sKSByZXR1cm4gXCJmb3JtLWdyb3VwXCI7XHJcbiAgICAgICAgcmV0dXJuIFtcImZvcm0tZ3JvdXBcIiwgXCJmb3JtLWdyb3VwLVwiICsgdGhpcy5jb250cm9sLmlkLCB0aGlzLmNvbnRyb2wuZGF0YS5jbGFzc2VzLCB0aGlzLmNvbnRyb2wuZXJyb3JzICYmIHRoaXMuY29udHJvbC50b3VjaGVkID8gXCJmb3JtLWdyb3VwLWludmFsaWRcIiA6IFwiXCJdLmpvaW4oXCIgXCIpO1xyXG4gICAgfVxyXG59XHJcbiJdfQ==
+DynamicFormGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DynamicFormGroupComponent, deps: [{ token: DYNAMIC_FORM }], target: i0.ɵɵFactoryTarget.Component });
+DynamicFormGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DynamicFormGroupComponent, selector: "div[dynamic-form-group]", host: { properties: { "class": "this.classes" } }, ngImport: i0, template: "<ng-template #labelTemplate>\r\n    <label [ngClass]=\"'control-label control-label-' + control.data.labelAlign\" [attr.for]=\"control.formId\">\r\n        {{ control.label | translate: control.model }}\r\n    </label>\r\n</ng-template>\r\n<ng-template #errorTemplate>\r\n    <div class=\"error-message\" *ngIf=\"control.errors && control.touched\">\r\n        <span class=\"help-block\" *ngFor=\"let error of control.errors | entries\">\r\n            {{ error.key | translate: error.value }}\r\n        </span>\r\n    </div>\r\n</ng-template>\r\n<ng-template #inputTemplate let-control=\"control\">\r\n    <ng-container [form-control]=\"control\"></ng-container>\r\n</ng-template>\r\n<ng-template #defaultControlTemplate\r\n             let-context\r\n             let-control=\"control\"\r\n             let-data=\"control.data\"\r\n             let-labelTemplate=\"labelTemplate\"\r\n             let-inputTemplate=\"inputTemplate\"\r\n             let-prefixTemplate=\"prefixTemplate\"\r\n             let-suffixTemplate=\"suffixTemplate\"\r\n             let-errorTemplate=\"errorTemplate\">\r\n    <ng-container [ngTemplateOutlet]=\"prefixTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\"></ng-container>\r\n    <ng-container *ngIf=\"control.label && data.labelAlign == 'left'\"\r\n                  [ngTemplateOutlet]=\"labelTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\">\r\n    </ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"inputTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\"></ng-container>\r\n    <ng-container *ngIf=\"control.label && data.labelAlign == 'right'\"\r\n                  [ngTemplateOutlet]=\"labelTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\">\r\n    </ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"suffixTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\"></ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"errorTemplate\"\r\n                  [ngTemplateOutletContext]=\"context\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-container [ngxTemplateOutlet]=\"form.controlTemplates[control.id] || form.controlTemplate || defaultControlTemplate\"\r\n              [context]=\"{\r\n                    control: control,\r\n                    labelTemplate: form.labelTemplates[control.id] || labelTemplate,\r\n                    inputTemplate: form.inputTemplates[control.id] || inputTemplate,\r\n                    prefixTemplate: form.prefixTemplates[control.id],\r\n                    suffixTemplate: form.suffixTemplates[control.id],\r\n                    errorTemplate: errorTemplate\r\n                  }\">\r\n</ng-container>\r\n", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.DynamicFormControlDirective, selector: "[form-control]", inputs: ["form-control"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgxTemplateOutletDirective, selector: "[ngxTemplateOutlet]", inputs: ["context", "additionalContext", "ngxTemplateOutlet"] }], pipes: { "translate": i3.TranslatePipe, "entries": i3.EntriesPipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DynamicFormGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    encapsulation: ViewEncapsulation.None,
+                    selector: "div[dynamic-form-group]",
+                    templateUrl: "./dynamic-form-group.component.html"
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DYNAMIC_FORM]
+                }] }]; }, propDecorators: { classes: [{
+                type: HostBinding,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9uZ3gtZHluYW1pYy1mb3JtL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtLWdyb3VwL2R5bmFtaWMtZm9ybS1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbmd4LWR5bmFtaWMtZm9ybS9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS1ncm91cC9keW5hbWljLWZvcm0tZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBQyxZQUFZLEVBQTZELE1BQU0sb0JBQW9CLENBQUM7Ozs7O0FBTzVHLE1BQU0sT0FBTyx5QkFBeUI7SUFJbEMsWUFBMkMsSUFBc0I7UUFBdEIsU0FBSSxHQUFKLElBQUksQ0FBa0I7SUFDakUsQ0FBQztJQUVELElBQ0ksT0FBTztRQUNQLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTztZQUFFLE9BQU8sWUFBWSxDQUFDO1FBQ3ZDLE9BQU8sQ0FBQyxZQUFZLEVBQUUsYUFBYSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN6SyxDQUFDOzt1SEFYUSx5QkFBeUIsa0JBSWQsWUFBWTsyR0FKdkIseUJBQXlCLGtIQ1J0QyxrcEZBb0RBOzRGRDVDYSx5QkFBeUI7a0JBTHJDLFNBQVM7bUJBQUM7b0JBQ1AsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFdBQVcsRUFBRSxxQ0FBcUM7aUJBQ3JEOzswQkFLZ0IsTUFBTTsyQkFBQyxZQUFZOzRDQUk1QixPQUFPO3NCQURWLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBIb3N0QmluZGluZywgSW5qZWN0LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtEWU5BTUlDX0ZPUk0sIElEeW5hbWljRm9ybUJhc2UsIElEeW5hbWljRm9ybUNvbnRyb2wsIElGb3JtR3JvdXBDb21wb25lbnR9IGZyb20gXCIuLi8uLi9jb21tb24tdHlwZXNcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICAgIHNlbGVjdG9yOiBcImRpdltkeW5hbWljLWZvcm0tZ3JvdXBdXCIsXHJcbiAgICB0ZW1wbGF0ZVVybDogXCIuL2R5bmFtaWMtZm9ybS1ncm91cC5jb21wb25lbnQuaHRtbFwiXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEeW5hbWljRm9ybUdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgSUZvcm1Hcm91cENvbXBvbmVudCB7XHJcblxyXG4gICAgY29udHJvbDogSUR5bmFtaWNGb3JtQ29udHJvbDtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KERZTkFNSUNfRk9STSkgcmVhZG9ubHkgZm9ybTogSUR5bmFtaWNGb3JtQmFzZSkge1xyXG4gICAgfVxyXG5cclxuICAgIEBIb3N0QmluZGluZyhcImNsYXNzXCIpXHJcbiAgICBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xyXG4gICAgICAgIGlmICghdGhpcy5jb250cm9sKSByZXR1cm4gXCJmb3JtLWdyb3VwXCI7XHJcbiAgICAgICAgcmV0dXJuIFtcImZvcm0tZ3JvdXBcIiwgXCJmb3JtLWdyb3VwLVwiICsgdGhpcy5jb250cm9sLmlkLCB0aGlzLmNvbnRyb2wuZGF0YS5jbGFzc2VzLCB0aGlzLmNvbnRyb2wuZXJyb3JzICYmIHRoaXMuY29udHJvbC50b3VjaGVkID8gXCJmb3JtLWdyb3VwLWludmFsaWRcIiA6IFwiXCJdLmpvaW4oXCIgXCIpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxuZy10ZW1wbGF0ZSAjbGFiZWxUZW1wbGF0ZT5cclxuICAgIDxsYWJlbCBbbmdDbGFzc109XCInY29udHJvbC1sYWJlbCBjb250cm9sLWxhYmVsLScgKyBjb250cm9sLmRhdGEubGFiZWxBbGlnblwiIFthdHRyLmZvcl09XCJjb250cm9sLmZvcm1JZFwiPlxyXG4gICAgICAgIHt7IGNvbnRyb2wubGFiZWwgfCB0cmFuc2xhdGU6IGNvbnRyb2wubW9kZWwgfX1cclxuICAgIDwvbGFiZWw+XHJcbjwvbmctdGVtcGxhdGU+XHJcbjxuZy10ZW1wbGF0ZSAjZXJyb3JUZW1wbGF0ZT5cclxuICAgIDxkaXYgY2xhc3M9XCJlcnJvci1tZXNzYWdlXCIgKm5nSWY9XCJjb250cm9sLmVycm9ycyAmJiBjb250cm9sLnRvdWNoZWRcIj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImhlbHAtYmxvY2tcIiAqbmdGb3I9XCJsZXQgZXJyb3Igb2YgY29udHJvbC5lcnJvcnMgfCBlbnRyaWVzXCI+XHJcbiAgICAgICAgICAgIHt7IGVycm9yLmtleSB8IHRyYW5zbGF0ZTogZXJyb3IudmFsdWUgfX1cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuPG5nLXRlbXBsYXRlICNpbnB1dFRlbXBsYXRlIGxldC1jb250cm9sPVwiY29udHJvbFwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciBbZm9ybS1jb250cm9sXT1cImNvbnRyb2xcIj48L25nLWNvbnRhaW5lcj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuPG5nLXRlbXBsYXRlICNkZWZhdWx0Q29udHJvbFRlbXBsYXRlXHJcbiAgICAgICAgICAgICBsZXQtY29udGV4dFxyXG4gICAgICAgICAgICAgbGV0LWNvbnRyb2w9XCJjb250cm9sXCJcclxuICAgICAgICAgICAgIGxldC1kYXRhPVwiY29udHJvbC5kYXRhXCJcclxuICAgICAgICAgICAgIGxldC1sYWJlbFRlbXBsYXRlPVwibGFiZWxUZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgICBsZXQtaW5wdXRUZW1wbGF0ZT1cImlucHV0VGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgbGV0LXByZWZpeFRlbXBsYXRlPVwicHJlZml4VGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgbGV0LXN1ZmZpeFRlbXBsYXRlPVwic3VmZml4VGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgbGV0LWVycm9yVGVtcGxhdGU9XCJlcnJvclRlbXBsYXRlXCI+XHJcbiAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInByZWZpeFRlbXBsYXRlXCJcclxuICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cImNvbnRleHRcIj48L25nLWNvbnRhaW5lcj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb250cm9sLmxhYmVsICYmIGRhdGEubGFiZWxBbGlnbiA9PSAnbGVmdCdcIlxyXG4gICAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJsYWJlbFRlbXBsYXRlXCJcclxuICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cImNvbnRleHRcIj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJpbnB1dFRlbXBsYXRlXCJcclxuICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cImNvbnRleHRcIj48L25nLWNvbnRhaW5lcj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb250cm9sLmxhYmVsICYmIGRhdGEubGFiZWxBbGlnbiA9PSAncmlnaHQnXCJcclxuICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwibGFiZWxUZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJjb250ZXh0XCI+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwic3VmZml4VGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwiY29udGV4dFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJlcnJvclRlbXBsYXRlXCJcclxuICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cImNvbnRleHRcIj48L25nLWNvbnRhaW5lcj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjxuZy1jb250YWluZXIgW25neFRlbXBsYXRlT3V0bGV0XT1cImZvcm0uY29udHJvbFRlbXBsYXRlc1tjb250cm9sLmlkXSB8fCBmb3JtLmNvbnRyb2xUZW1wbGF0ZSB8fCBkZWZhdWx0Q29udHJvbFRlbXBsYXRlXCJcclxuICAgICAgICAgICAgICBbY29udGV4dF09XCJ7XHJcbiAgICAgICAgICAgICAgICAgICAgY29udHJvbDogY29udHJvbCxcclxuICAgICAgICAgICAgICAgICAgICBsYWJlbFRlbXBsYXRlOiBmb3JtLmxhYmVsVGVtcGxhdGVzW2NvbnRyb2wuaWRdIHx8IGxhYmVsVGVtcGxhdGUsXHJcbiAgICAgICAgICAgICAgICAgICAgaW5wdXRUZW1wbGF0ZTogZm9ybS5pbnB1dFRlbXBsYXRlc1tjb250cm9sLmlkXSB8fCBpbnB1dFRlbXBsYXRlLFxyXG4gICAgICAgICAgICAgICAgICAgIHByZWZpeFRlbXBsYXRlOiBmb3JtLnByZWZpeFRlbXBsYXRlc1tjb250cm9sLmlkXSxcclxuICAgICAgICAgICAgICAgICAgICBzdWZmaXhUZW1wbGF0ZTogZm9ybS5zdWZmaXhUZW1wbGF0ZXNbY29udHJvbC5pZF0sXHJcbiAgICAgICAgICAgICAgICAgICAgZXJyb3JUZW1wbGF0ZTogZXJyb3JUZW1wbGF0ZVxyXG4gICAgICAgICAgICAgICAgICB9XCI+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=

package/esm2015/ngx-dynamic-form/components/dynamic-form-input/dynamic-form-input.component.js

@@ -1,6 +1,10 @@
-import { Component, HostBinding } from "@angular/core";
+import { Component, HostBinding, ViewEncapsulation } from "@angular/core";
 import { ObjectUtils } from "@stemy/ngx-utils";
 import { FormControlComponent } from "../../common-types";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@stemy/ngx-utils";
 export class DynamicFormInputComponent extends FormControlComponent {
     // Acceptor for provider
     static acceptor(control) {
@@ -49,14 +53,17 @@ export class DynamicFormInputComponent extends FormControlComponent {
         this.control.onBlur();
     }
 }
-DynamicFormInputComponent.decorators = [
-    { type: Component, args: [{
-                moduleId: module.id,
-                selector: "dynamic-form-input",
-                template: "<ng-container [ngSwitch]=\"data.type\">\r\n    <ng-container *ngSwitchCase=\"'textarea'\">\r\n        <textarea class=\"form-control\"\r\n                  rows=\"5\"\r\n                  [attr.autocomplete]=\"data.autocomplete\"\r\n                  [attr.data-testid]=\"testId\"\r\n                  [id]=\"control.formId\"\r\n                  [name]=\"control.formId\"\r\n                  [ngClass]=\"{disabled: control.disabled}\"\r\n                  [disabled]=\"control.disabled\"\r\n                  [ngModel]=\"value\"\r\n                  (ngModelChange)=\"control.setValue($event)\"\r\n                  (blur)=\"control.onBlur()\"\r\n                  (focus)=\"control.onFocus()\">{{ data.placeholder | translate }}</textarea>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'date'\">\r\n        <input class=\"form-control\"\r\n               type=\"date\"\r\n               [attr.autocomplete]=\"data.autocomplete\"\r\n               [attr.data-testid]=\"testId\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"value | date: 'y-MM-dd'\"\r\n               (ngModelChange)=\"onDateChange($event)\"\r\n               (blur)=\"control.onBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'number'\">\r\n        <input class=\"form-control\"\r\n               type=\"number\"\r\n               [attr.autocomplete]=\"data.autocomplete\"\r\n               [attr.data-testid]=\"testId\"\r\n               [min]=\"data.min\"\r\n               [max]=\"data.max\"\r\n               [step]=\"data.step\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"value\"\r\n               (ngModelChange)=\"control.setValue($event)\"\r\n               (blur)=\"onNumberBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n        <input class=\"form-control\"\r\n               type=\"checkbox\"\r\n               [attr.data-testid]=\"testId\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"value\"\r\n               (ngModelChange)=\"control.setValue($event)\"\r\n               (blur)=\"control.onBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'text'\">\r\n        <input class=\"form-control\"\r\n               type=\"text\"\r\n               [attr.autocomplete]=\"data.autocomplete\"\r\n               [attr.data-testid]=\"testId\"\r\n               [minlength]=\"data.min\"\r\n               [maxlength]=\"data.max\"\r\n               [placeholder]=\"data.placeholder | translate\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"data.useLanguage ? (value | translate) : value\"\r\n               (ngModelChange)=\"onTextChange($event)\"\r\n               (blur)=\"control.onBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n        <input class=\"form-control\"\r\n               [attr.autocomplete]=\"data.autocomplete\"\r\n               [attr.data-testid]=\"testId\"\r\n               [minlength]=\"data.min\"\r\n               [maxlength]=\"data.max\"\r\n               [placeholder]=\"data.placeholder | translate\"\r\n               [type]=\"data.type\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"value\"\r\n               (ngModelChange)=\"control.setValue($event)\"\r\n               (blur)=\"control.onBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n</ng-container>\r\n"
-            },] }
-];
-DynamicFormInputComponent.propDecorators = {
-    isChecked: [{ type: HostBinding, args: ["class.checked",] }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9uZ3gtZHluYW1pYy1mb3JtL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtLWlucHV0L2R5bmFtaWMtZm9ybS1pbnB1dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFtRCxXQUFXLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQztBQUMvRixPQUFPLEVBQXFCLG9CQUFvQixFQUFpQixNQUFNLG9CQUFvQixDQUFDO0FBTzVGLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxvQkFBb0M7SUFFL0Usd0JBQXdCO0lBQ3hCLE1BQU0sQ0FBQyxRQUFRLENBQUMsT0FBMkI7UUFDdkMsT0FBTyxPQUFPLENBQUMsSUFBSSxJQUFJLE9BQU8sQ0FBQztJQUNuQyxDQUFDO0lBRUQsc0JBQXNCO0lBQ3RCLE1BQU0sQ0FBQyxNQUFNO1FBQ1QsT0FBTyxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELElBQ0ksU0FBUztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksVUFBVSxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEQsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFhO1FBQ3RCLE1BQU0sSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzdCLE1BQU0sU0FBUyxHQUFXLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUN6QyxJQUFJLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFBSSxTQUFTLEdBQUcsQ0FBQyxjQUFjO1lBQUUsT0FBTztRQUM1RCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUMvQixDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3hCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzdCLE9BQU87U0FDVjtRQUNELE1BQU0sWUFBWSxHQUFtQixXQUFXLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNuRyxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ2pGLElBQUksV0FBVyxFQUFFO1lBQ2IsV0FBVyxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7U0FDbkM7YUFBTTtZQUNILFlBQVksQ0FBQyxJQUFJLENBQUM7Z0JBQ2QsSUFBSSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWTtnQkFDaEMsV0FBVyxFQUFFLEtBQUs7YUFDckIsQ0FBQyxDQUFDO1NBQ047UUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsWUFBWTtRQUNSLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDekIsSUFBSSxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLEdBQUcsS0FBSyxFQUFFO1lBQzlELElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDeEM7YUFBTSxJQUFJLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsR0FBRyxLQUFLLEVBQUU7WUFDckUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUN4QztRQUNELElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7O1lBdkRKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsTUFBTSxDQUFDLEVBQUU7Z0JBQ25CLFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLHcxSUFBa0Q7YUFDckQ7Ozt3QkFhSSxXQUFXLFNBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBIb3N0QmluZGluZywgSW5qZWN0fSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge0lMYW5ndWFnZVNlcnZpY2UsIElUcmFuc2xhdGlvbiwgTEFOR1VBR0VfU0VSVklDRSwgT2JqZWN0VXRpbHN9IGZyb20gXCJAc3RlbXkvbmd4LXV0aWxzXCI7XHJcbmltcG9ydCB7RHluYW1pY0Zvcm1Db250cm9sLCBGb3JtQ29udHJvbENvbXBvbmVudCwgSUZvcm1JbnB1dERhdGF9IGZyb20gXCIuLi8uLi9jb21tb24tdHlwZXNcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgbW9kdWxlSWQ6IG1vZHVsZS5pZCxcclxuICAgIHNlbGVjdG9yOiBcImR5bmFtaWMtZm9ybS1pbnB1dFwiLFxyXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9keW5hbWljLWZvcm0taW5wdXQuY29tcG9uZW50Lmh0bWxcIlxyXG59KVxyXG5leHBvcnQgY2xhc3MgRHluYW1pY0Zvcm1JbnB1dENvbXBvbmVudCBleHRlbmRzIEZvcm1Db250cm9sQ29tcG9uZW50PElGb3JtSW5wdXREYXRhPiB7XHJcblxyXG4gICAgLy8gQWNjZXB0b3IgZm9yIHByb3ZpZGVyXHJcbiAgICBzdGF0aWMgYWNjZXB0b3IoY29udHJvbDogRHluYW1pY0Zvcm1Db250cm9sKTogYm9vbGVhbiB7XHJcbiAgICAgICAgcmV0dXJuIGNvbnRyb2wudHlwZSA9PSBcImlucHV0XCI7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gTG9hZGVyIGZvciBwcm92aWRlclxyXG4gICAgc3RhdGljIGxvYWRlcigpOiBQcm9taXNlPGFueT4ge1xyXG4gICAgICAgIHJldHVybiBQcm9taXNlLnJlc29sdmUoKTtcclxuICAgIH1cclxuXHJcbiAgICBASG9zdEJpbmRpbmcoXCJjbGFzcy5jaGVja2VkXCIpXHJcbiAgICBnZXQgaXNDaGVja2VkKCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIHJldHVybiB0aGlzLmRhdGEudHlwZSA9PSBcImNoZWNrYm94XCIgJiYgdGhpcy52YWx1ZTtcclxuICAgIH1cclxuXHJcbiAgICBvbkRhdGVDaGFuZ2UodmFsdWU6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgICAgIGNvbnN0IGRhdGUgPSBuZXcgRGF0ZSh2YWx1ZSk7XHJcbiAgICAgICAgY29uc3QgZGF0ZVZhbHVlID0gPG51bWJlcj5kYXRlLnZhbHVlT2YoKTtcclxuICAgICAgICBpZiAoaXNOYU4oZGF0ZVZhbHVlKSB8fCBkYXRlVmFsdWUgPCAtMzA2MTAyMjQwMDAwMDApIHJldHVybjtcclxuICAgICAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUoZGF0ZSlcclxuICAgIH1cclxuXHJcbiAgICBvblRleHRDaGFuZ2UodmFsdWU6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgICAgIGlmICghdGhpcy5kYXRhLnVzZUxhbmd1YWdlKSB7XHJcbiAgICAgICAgICAgIHRoaXMuY29udHJvbC5zZXRWYWx1ZSh2YWx1ZSk7XHJcbiAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICB9XHJcbiAgICAgICAgY29uc3QgdHJhbnNsYXRpb25zOiBJVHJhbnNsYXRpb25bXSA9IE9iamVjdFV0aWxzLmlzQXJyYXkodGhpcy52YWx1ZSkgPyBBcnJheS5mcm9tKHRoaXMudmFsdWUpIDogW107XHJcbiAgICAgICAgY29uc3QgdHJhbnNsYXRpb24gPSB0cmFuc2xhdGlvbnMuZmluZCh0ID0+IHQubGFuZyA9PSB0aGlzLmxhbmd1YWdlLmVkaXRMYW5ndWFnZSk7XHJcbiAgICAgICAgaWYgKHRyYW5zbGF0aW9uKSB7XHJcbiAgICAgICAgICAgIHRyYW5zbGF0aW9uLnRyYW5zbGF0aW9uID0gdmFsdWU7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgdHJhbnNsYXRpb25zLnB1c2goe1xyXG4gICAgICAgICAgICAgICAgbGFuZzogdGhpcy5sYW5ndWFnZS5lZGl0TGFuZ3VhZ2UsXHJcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGlvbjogdmFsdWVcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHRoaXMuY29udHJvbC5zZXRWYWx1ZSh0cmFuc2xhdGlvbnMpO1xyXG4gICAgfVxyXG5cclxuICAgIG9uTnVtYmVyQmx1cigpOiB2b2lkIHtcclxuICAgICAgICBjb25zdCB2YWx1ZSA9IHRoaXMudmFsdWU7XHJcbiAgICAgICAgaWYgKE9iamVjdFV0aWxzLmlzTnVtYmVyKHRoaXMuZGF0YS5tYXgpICYmIHRoaXMuZGF0YS5tYXggPCB2YWx1ZSkge1xyXG4gICAgICAgICAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUodGhpcy5kYXRhLm1heCk7XHJcbiAgICAgICAgfSBlbHNlIGlmIChPYmplY3RVdGlscy5pc051bWJlcih0aGlzLmRhdGEubWluKSAmJiB0aGlzLmRhdGEubWluID4gdmFsdWUpIHtcclxuICAgICAgICAgICAgdGhpcy5jb250cm9sLnNldFZhbHVlKHRoaXMuZGF0YS5taW4pO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLmNvbnRyb2wub25CbHVyKCk7XHJcbiAgICB9XHJcbn1cclxuIl19
+DynamicFormInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DynamicFormInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DynamicFormInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DynamicFormInputComponent, selector: "dynamic-form-input", host: { properties: { "class.checked": "this.isChecked" } }, usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"data.type\">\r\n    <ng-container *ngSwitchCase=\"'textarea'\">\r\n        <textarea class=\"form-control\"\r\n                  rows=\"5\"\r\n                  [attr.autocomplete]=\"data.autocomplete\"\r\n                  [attr.data-testid]=\"testId\"\r\n                  [id]=\"control.formId\"\r\n                  [name]=\"control.formId\"\r\n                  [ngClass]=\"{disabled: control.disabled}\"\r\n                  [disabled]=\"control.disabled\"\r\n                  [ngModel]=\"value\"\r\n                  (ngModelChange)=\"control.setValue($event)\"\r\n                  (blur)=\"control.onBlur()\"\r\n                  (focus)=\"control.onFocus()\">{{ data.placeholder | translate }}</textarea>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'date'\">\r\n        <input class=\"form-control\"\r\n               type=\"date\"\r\n               [attr.autocomplete]=\"data.autocomplete\"\r\n               [attr.data-testid]=\"testId\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"value | date: 'y-MM-dd'\"\r\n               (ngModelChange)=\"onDateChange($event)\"\r\n               (blur)=\"control.onBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'number'\">\r\n        <input class=\"form-control\"\r\n               type=\"number\"\r\n               [attr.autocomplete]=\"data.autocomplete\"\r\n               [attr.data-testid]=\"testId\"\r\n               [min]=\"data.min\"\r\n               [max]=\"data.max\"\r\n               [step]=\"data.step\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"value\"\r\n               (ngModelChange)=\"control.setValue($event)\"\r\n               (blur)=\"onNumberBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n        <input class=\"form-control\"\r\n               type=\"checkbox\"\r\n               [attr.data-testid]=\"testId\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"value\"\r\n               (ngModelChange)=\"control.setValue($event)\"\r\n               (blur)=\"control.onBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'text'\">\r\n        <input class=\"form-control\"\r\n               type=\"text\"\r\n               [attr.autocomplete]=\"data.autocomplete\"\r\n               [attr.data-testid]=\"testId\"\r\n               [minlength]=\"data.min\"\r\n               [maxlength]=\"data.max\"\r\n               [placeholder]=\"data.placeholder | translate\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"data.useLanguage ? (value | translate) : value\"\r\n               (ngModelChange)=\"onTextChange($event)\"\r\n               (blur)=\"control.onBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n        <input class=\"form-control\"\r\n               [attr.autocomplete]=\"data.autocomplete\"\r\n               [attr.data-testid]=\"testId\"\r\n               [minlength]=\"data.min\"\r\n               [maxlength]=\"data.max\"\r\n               [placeholder]=\"data.placeholder | translate\"\r\n               [type]=\"data.type\"\r\n               [id]=\"control.formId\"\r\n               [name]=\"control.formId\"\r\n               [ngClass]=\"{disabled: control.disabled}\"\r\n               [disabled]=\"control.disabled\"\r\n               [ngModel]=\"value\"\r\n               (ngModelChange)=\"control.setValue($event)\"\r\n               (blur)=\"control.onBlur()\"\r\n               (focus)=\"control.onFocus()\"/>\r\n    </ng-container>\r\n</ng-container>\r\n", directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { type: i2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "translate": i3.TranslatePipe, "date": i1.DatePipe }, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DynamicFormInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    encapsulation: ViewEncapsulation.None,
+                    selector: "dynamic-form-input",
+                    templateUrl: "./dynamic-form-input.component.html"
+                }]
+        }], propDecorators: { isChecked: [{
+                type: HostBinding,
+                args: ["class.checked"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9uZ3gtZHluYW1pYy1mb3JtL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtLWlucHV0L2R5bmFtaWMtZm9ybS1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbmd4LWR5bmFtaWMtZm9ybS9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS1pbnB1dC9keW5hbWljLWZvcm0taW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFlLFdBQVcsRUFBQyxNQUFNLGtCQUFrQixDQUFDO0FBQzNELE9BQU8sRUFBcUIsb0JBQW9CLEVBQWlCLE1BQU0sb0JBQW9CLENBQUM7Ozs7O0FBTzVGLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxvQkFBb0M7SUFFL0Usd0JBQXdCO0lBQ3hCLE1BQU0sQ0FBQyxRQUFRLENBQUMsT0FBMkI7UUFDdkMsT0FBTyxPQUFPLENBQUMsSUFBSSxJQUFJLE9BQU8sQ0FBQztJQUNuQyxDQUFDO0lBRUQsc0JBQXNCO0lBQ3RCLE1BQU0sQ0FBQyxNQUFNO1FBQ1QsT0FBTyxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELElBQ0ksU0FBUztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksVUFBVSxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEQsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFhO1FBQ3RCLE1BQU0sSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzdCLE1BQU0sU0FBUyxHQUFXLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUN6QyxJQUFJLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFBSSxTQUFTLEdBQUcsQ0FBQyxjQUFjO1lBQUUsT0FBTztRQUM1RCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUMvQixDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3hCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzdCLE9BQU87U0FDVjtRQUNELE1BQU0sWUFBWSxHQUFtQixXQUFXLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNuRyxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ2pGLElBQUksV0FBVyxFQUFFO1lBQ2IsV0FBVyxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7U0FDbkM7YUFBTTtZQUNILFlBQVksQ0FBQyxJQUFJLENBQUM7Z0JBQ2QsSUFBSSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWTtnQkFDaEMsV0FBVyxFQUFFLEtBQUs7YUFDckIsQ0FBQyxDQUFDO1NBQ047UUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsWUFBWTtRQUNSLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDekIsSUFBSSxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLEdBQUcsS0FBSyxFQUFFO1lBQzlELElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDeEM7YUFBTSxJQUFJLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsR0FBRyxLQUFLLEVBQUU7WUFDckUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUN4QztRQUNELElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7dUhBbERRLHlCQUF5QjsyR0FBekIseUJBQXlCLDhJQ1R0Qyw4MElBOEZBOzRGRHJGYSx5QkFBeUI7a0JBTHJDLFNBQVM7bUJBQUM7b0JBQ1AsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFdBQVcsRUFBRSxxQ0FBcUM7aUJBQ3JEOzhCQWNPLFNBQVM7c0JBRFosV0FBVzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtJVHJhbnNsYXRpb24sIE9iamVjdFV0aWxzfSBmcm9tIFwiQHN0ZW15L25neC11dGlsc1wiO1xyXG5pbXBvcnQge0R5bmFtaWNGb3JtQ29udHJvbCwgRm9ybUNvbnRyb2xDb21wb25lbnQsIElGb3JtSW5wdXREYXRhfSBmcm9tIFwiLi4vLi4vY29tbW9uLXR5cGVzXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgICBzZWxlY3RvcjogXCJkeW5hbWljLWZvcm0taW5wdXRcIixcclxuICAgIHRlbXBsYXRlVXJsOiBcIi4vZHluYW1pYy1mb3JtLWlucHV0LmNvbXBvbmVudC5odG1sXCJcclxufSlcclxuZXhwb3J0IGNsYXNzIER5bmFtaWNGb3JtSW5wdXRDb21wb25lbnQgZXh0ZW5kcyBGb3JtQ29udHJvbENvbXBvbmVudDxJRm9ybUlucHV0RGF0YT4ge1xyXG5cclxuICAgIC8vIEFjY2VwdG9yIGZvciBwcm92aWRlclxyXG4gICAgc3RhdGljIGFjY2VwdG9yKGNvbnRyb2w6IER5bmFtaWNGb3JtQ29udHJvbCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIHJldHVybiBjb250cm9sLnR5cGUgPT0gXCJpbnB1dFwiO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIExvYWRlciBmb3IgcHJvdmlkZXJcclxuICAgIHN0YXRpYyBsb2FkZXIoKTogUHJvbWlzZTxhbnk+IHtcclxuICAgICAgICByZXR1cm4gUHJvbWlzZS5yZXNvbHZlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgQEhvc3RCaW5kaW5nKFwiY2xhc3MuY2hlY2tlZFwiKVxyXG4gICAgZ2V0IGlzQ2hlY2tlZCgpOiBib29sZWFuIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5kYXRhLnR5cGUgPT0gXCJjaGVja2JveFwiICYmIHRoaXMudmFsdWU7XHJcbiAgICB9XHJcblxyXG4gICAgb25EYXRlQ2hhbmdlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgICAgICBjb25zdCBkYXRlID0gbmV3IERhdGUodmFsdWUpO1xyXG4gICAgICAgIGNvbnN0IGRhdGVWYWx1ZSA9IDxudW1iZXI+ZGF0ZS52YWx1ZU9mKCk7XHJcbiAgICAgICAgaWYgKGlzTmFOKGRhdGVWYWx1ZSkgfHwgZGF0ZVZhbHVlIDwgLTMwNjEwMjI0MDAwMDAwKSByZXR1cm47XHJcbiAgICAgICAgdGhpcy5jb250cm9sLnNldFZhbHVlKGRhdGUpXHJcbiAgICB9XHJcblxyXG4gICAgb25UZXh0Q2hhbmdlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgICAgICBpZiAoIXRoaXMuZGF0YS51c2VMYW5ndWFnZSkge1xyXG4gICAgICAgICAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUodmFsdWUpO1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGNvbnN0IHRyYW5zbGF0aW9uczogSVRyYW5zbGF0aW9uW10gPSBPYmplY3RVdGlscy5pc0FycmF5KHRoaXMudmFsdWUpID8gQXJyYXkuZnJvbSh0aGlzLnZhbHVlKSA6IFtdO1xyXG4gICAgICAgIGNvbnN0IHRyYW5zbGF0aW9uID0gdHJhbnNsYXRpb25zLmZpbmQodCA9PiB0LmxhbmcgPT0gdGhpcy5sYW5ndWFnZS5lZGl0TGFuZ3VhZ2UpO1xyXG4gICAgICAgIGlmICh0cmFuc2xhdGlvbikge1xyXG4gICAgICAgICAgICB0cmFuc2xhdGlvbi50cmFuc2xhdGlvbiA9IHZhbHVlO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIHRyYW5zbGF0aW9ucy5wdXNoKHtcclxuICAgICAgICAgICAgICAgIGxhbmc6IHRoaXMubGFuZ3VhZ2UuZWRpdExhbmd1YWdlLFxyXG4gICAgICAgICAgICAgICAgdHJhbnNsYXRpb246IHZhbHVlXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUodHJhbnNsYXRpb25zKTtcclxuICAgIH1cclxuXHJcbiAgICBvbk51bWJlckJsdXIoKTogdm9pZCB7XHJcbiAgICAgICAgY29uc3QgdmFsdWUgPSB0aGlzLnZhbHVlO1xyXG4gICAgICAgIGlmIChPYmplY3RVdGlscy5pc051bWJlcih0aGlzLmRhdGEubWF4KSAmJiB0aGlzLmRhdGEubWF4IDwgdmFsdWUpIHtcclxuICAgICAgICAgICAgdGhpcy5jb250cm9sLnNldFZhbHVlKHRoaXMuZGF0YS5tYXgpO1xyXG4gICAgICAgIH0gZWxzZSBpZiAoT2JqZWN0VXRpbHMuaXNOdW1iZXIodGhpcy5kYXRhLm1pbikgJiYgdGhpcy5kYXRhLm1pbiA+IHZhbHVlKSB7XHJcbiAgICAgICAgICAgIHRoaXMuY29udHJvbC5zZXRWYWx1ZSh0aGlzLmRhdGEubWluKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgdGhpcy5jb250cm9sLm9uQmx1cigpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImRhdGEudHlwZVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3RleHRhcmVhJ1wiPlxyXG4gICAgICAgIDx0ZXh0YXJlYSBjbGFzcz1cImZvcm0tY29udHJvbFwiXHJcbiAgICAgICAgICAgICAgICAgIHJvd3M9XCI1XCJcclxuICAgICAgICAgICAgICAgICAgW2F0dHIuYXV0b2NvbXBsZXRlXT1cImRhdGEuYXV0b2NvbXBsZXRlXCJcclxuICAgICAgICAgICAgICAgICAgW2F0dHIuZGF0YS10ZXN0aWRdPVwidGVzdElkXCJcclxuICAgICAgICAgICAgICAgICAgW2lkXT1cImNvbnRyb2wuZm9ybUlkXCJcclxuICAgICAgICAgICAgICAgICAgW25hbWVdPVwiY29udHJvbC5mb3JtSWRcIlxyXG4gICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ZGlzYWJsZWQ6IGNvbnRyb2wuZGlzYWJsZWR9XCJcclxuICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImNvbnRyb2wuZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICAgICAgICBbbmdNb2RlbF09XCJ2YWx1ZVwiXHJcbiAgICAgICAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cImNvbnRyb2wuc2V0VmFsdWUoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAgIChibHVyKT1cImNvbnRyb2wub25CbHVyKClcIlxyXG4gICAgICAgICAgICAgICAgICAoZm9jdXMpPVwiY29udHJvbC5vbkZvY3VzKClcIj57eyBkYXRhLnBsYWNlaG9sZGVyIHwgdHJhbnNsYXRlIH19PC90ZXh0YXJlYT5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2RhdGUnXCI+XHJcbiAgICAgICAgPGlucHV0IGNsYXNzPVwiZm9ybS1jb250cm9sXCJcclxuICAgICAgICAgICAgICAgdHlwZT1cImRhdGVcIlxyXG4gICAgICAgICAgICAgICBbYXR0ci5hdXRvY29tcGxldGVdPVwiZGF0YS5hdXRvY29tcGxldGVcIlxyXG4gICAgICAgICAgICAgICBbYXR0ci5kYXRhLXRlc3RpZF09XCJ0ZXN0SWRcIlxyXG4gICAgICAgICAgICAgICBbaWRdPVwiY29udHJvbC5mb3JtSWRcIlxyXG4gICAgICAgICAgICAgICBbbmFtZV09XCJjb250cm9sLmZvcm1JZFwiXHJcbiAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntkaXNhYmxlZDogY29udHJvbC5kaXNhYmxlZH1cIlxyXG4gICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiY29udHJvbC5kaXNhYmxlZFwiXHJcbiAgICAgICAgICAgICAgIFtuZ01vZGVsXT1cInZhbHVlIHwgZGF0ZTogJ3ktTU0tZGQnXCJcclxuICAgICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25EYXRlQ2hhbmdlKCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAoYmx1cik9XCJjb250cm9sLm9uQmx1cigpXCJcclxuICAgICAgICAgICAgICAgKGZvY3VzKT1cImNvbnRyb2wub25Gb2N1cygpXCIvPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInbnVtYmVyJ1wiPlxyXG4gICAgICAgIDxpbnB1dCBjbGFzcz1cImZvcm0tY29udHJvbFwiXHJcbiAgICAgICAgICAgICAgIHR5cGU9XCJudW1iZXJcIlxyXG4gICAgICAgICAgICAgICBbYXR0ci5hdXRvY29tcGxldGVdPVwiZGF0YS5hdXRvY29tcGxldGVcIlxyXG4gICAgICAgICAgICAgICBbYXR0ci5kYXRhLXRlc3RpZF09XCJ0ZXN0SWRcIlxyXG4gICAgICAgICAgICAgICBbbWluXT1cImRhdGEubWluXCJcclxuICAgICAgICAgICAgICAgW21heF09XCJkYXRhLm1heFwiXHJcbiAgICAgICAgICAgICAgIFtzdGVwXT1cImRhdGEuc3RlcFwiXHJcbiAgICAgICAgICAgICAgIFtpZF09XCJjb250cm9sLmZvcm1JZFwiXHJcbiAgICAgICAgICAgICAgIFtuYW1lXT1cImNvbnRyb2wuZm9ybUlkXCJcclxuICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie2Rpc2FibGVkOiBjb250cm9sLmRpc2FibGVkfVwiXHJcbiAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJjb250cm9sLmRpc2FibGVkXCJcclxuICAgICAgICAgICAgICAgW25nTW9kZWxdPVwidmFsdWVcIlxyXG4gICAgICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJjb250cm9sLnNldFZhbHVlKCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAoYmx1cik9XCJvbk51bWJlckJsdXIoKVwiXHJcbiAgICAgICAgICAgICAgIChmb2N1cyk9XCJjb250cm9sLm9uRm9jdXMoKVwiLz5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2NoZWNrYm94J1wiPlxyXG4gICAgICAgIDxpbnB1dCBjbGFzcz1cImZvcm0tY29udHJvbFwiXHJcbiAgICAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXHJcbiAgICAgICAgICAgICAgIFthdHRyLmRhdGEtdGVzdGlkXT1cInRlc3RJZFwiXHJcbiAgICAgICAgICAgICAgIFtpZF09XCJjb250cm9sLmZvcm1JZFwiXHJcbiAgICAgICAgICAgICAgIFtuYW1lXT1cImNvbnRyb2wuZm9ybUlkXCJcclxuICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie2Rpc2FibGVkOiBjb250cm9sLmRpc2FibGVkfVwiXHJcbiAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJjb250cm9sLmRpc2FibGVkXCJcclxuICAgICAgICAgICAgICAgW25nTW9kZWxdPVwidmFsdWVcIlxyXG4gICAgICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJjb250cm9sLnNldFZhbHVlKCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAoYmx1cik9XCJjb250cm9sLm9uQmx1cigpXCJcclxuICAgICAgICAgICAgICAgKGZvY3VzKT1cImNvbnRyb2wub25Gb2N1cygpXCIvPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIndGV4dCdcIj5cclxuICAgICAgICA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxyXG4gICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgICAgICAgIFthdHRyLmF1dG9jb21wbGV0ZV09XCJkYXRhLmF1dG9jb21wbGV0ZVwiXHJcbiAgICAgICAgICAgICAgIFthdHRyLmRhdGEtdGVzdGlkXT1cInRlc3RJZFwiXHJcbiAgICAgICAgICAgICAgIFttaW5sZW5ndGhdPVwiZGF0YS5taW5cIlxyXG4gICAgICAgICAgICAgICBbbWF4bGVuZ3RoXT1cImRhdGEubWF4XCJcclxuICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImRhdGEucGxhY2Vob2xkZXIgfCB0cmFuc2xhdGVcIlxyXG4gICAgICAgICAgICAgICBbaWRdPVwiY29udHJvbC5mb3JtSWRcIlxyXG4gICAgICAgICAgICAgICBbbmFtZV09XCJjb250cm9sLmZvcm1JZFwiXHJcbiAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntkaXNhYmxlZDogY29udHJvbC5kaXNhYmxlZH1cIlxyXG4gICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiY29udHJvbC5kaXNhYmxlZFwiXHJcbiAgICAgICAgICAgICAgIFtuZ01vZGVsXT1cImRhdGEudXNlTGFuZ3VhZ2UgPyAodmFsdWUgfCB0cmFuc2xhdGUpIDogdmFsdWVcIlxyXG4gICAgICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvblRleHRDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgIChibHVyKT1cImNvbnRyb2wub25CbHVyKClcIlxyXG4gICAgICAgICAgICAgICAoZm9jdXMpPVwiY29udHJvbC5vbkZvY3VzKClcIi8+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoRGVmYXVsdD5cclxuICAgICAgICA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxyXG4gICAgICAgICAgICAgICBbYXR0ci5hdXRvY29tcGxldGVdPVwiZGF0YS5hdXRvY29tcGxldGVcIlxyXG4gICAgICAgICAgICAgICBbYXR0ci5kYXRhLXRlc3RpZF09XCJ0ZXN0SWRcIlxyXG4gICAgICAgICAgICAgICBbbWlubGVuZ3RoXT1cImRhdGEubWluXCJcclxuICAgICAgICAgICAgICAgW21heGxlbmd0aF09XCJkYXRhLm1heFwiXHJcbiAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJkYXRhLnBsYWNlaG9sZGVyIHwgdHJhbnNsYXRlXCJcclxuICAgICAgICAgICAgICAgW3R5cGVdPVwiZGF0YS50eXBlXCJcclxuICAgICAgICAgICAgICAgW2lkXT1cImNvbnRyb2wuZm9ybUlkXCJcclxuICAgICAgICAgICAgICAgW25hbWVdPVwiY29udHJvbC5mb3JtSWRcIlxyXG4gICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ZGlzYWJsZWQ6IGNvbnRyb2wuZGlzYWJsZWR9XCJcclxuICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImNvbnRyb2wuZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICAgICBbbmdNb2RlbF09XCJ2YWx1ZVwiXHJcbiAgICAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cImNvbnRyb2wuc2V0VmFsdWUoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgIChibHVyKT1cImNvbnRyb2wub25CbHVyKClcIlxyXG4gICAgICAgICAgICAgICAoZm9jdXMpPVwiY29udHJvbC5vbkZvY3VzKClcIi8+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuPC9uZy1jb250YWluZXI+XHJcbiJdfQ==

package/esm2015/ngx-dynamic-form/components/dynamic-form-model/dynamic-form-model.component.js

@@ -1,5 +1,8 @@
-import { Component, ViewChild } from "@angular/core";
+import { Component, ViewChild, ViewEncapsulation } from "@angular/core";
 import { FormControlComponent } from "../../common-types";
+import * as i0 from "@angular/core";
+import * as i1 from "../dynamic-form/dynamic-form.component";
+import * as i2 from "@angular/common";
 export class DynamicFormModelComponent extends FormControlComponent {
     // Acceptor for provider
     static acceptor(control) {
@@ -10,14 +13,17 @@ export class DynamicFormModelComponent extends FormControlComponent {
         return Promise.resolve();
     }
 }
-DynamicFormModelComponent.decorators = [
-    { type: Component, args: [{
-                moduleId: module.id,
-                selector: "dynamic-form-model",
-                template: "<dynamic-form [testId]=\"form.testId + '-' + control.id\"\r\n              [name]=\"data.name || form.name\"\r\n              [group]=\"control\"\r\n              [data]=\"value\"\r\n              [updateOn]=\"control.updateOn\"\r\n              [parent]=\"form\"\r\n\r\n              [fieldSetTemplate]=\"form.fieldSetTemplate\"\r\n              [controlTemplates]=\"form.controlTemplates\"\r\n\r\n              [controlTemplate]=\"form.controlTemplate\"\r\n              [labelTemplates]=\"form.labelTemplates\"\r\n              [inputTemplates]=\"form.inputTemplates\"\r\n              [prefixTemplates]=\"form.prefixTemplates\"\r\n              [suffixTemplates]=\"form.suffixTemplates\"\r\n              [setPrefixTemplates]=\"form.setPrefixTemplates\"\r\n              [setSuffixTemplates]=\"form.setSuffixTemplates\"\r\n\r\n              #subForm>\r\n    <ng-template #wrapperTemplate let-form=\"form\" let-fieldSetsTemplate=\"fieldSetsTemplate\">\r\n        <ng-container [ngTemplateOutlet]=\"fieldSetsTemplate\"></ng-container>\r\n    </ng-template>\r\n</dynamic-form>\r\n"
-            },] }
-];
-DynamicFormModelComponent.propDecorators = {
-    subForm: [{ type: ViewChild, args: ["subForm",] }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLW1vZGVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9uZ3gtZHluYW1pYy1mb3JtL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtLW1vZGVsL2R5bmFtaWMtZm9ybS1tb2RlbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFxQixvQkFBb0IsRUFBK0IsTUFBTSxvQkFBb0IsQ0FBQztBQU8xRyxNQUFNLE9BQU8seUJBQTBCLFNBQVEsb0JBQW9DO0lBSy9FLHdCQUF3QjtJQUN4QixNQUFNLENBQUMsUUFBUSxDQUFDLE9BQTJCO1FBQ3ZDLE9BQU8sT0FBTyxDQUFDLElBQUksSUFBSSxPQUFPLENBQUM7SUFDbkMsQ0FBQztJQUVELHNCQUFzQjtJQUN0QixNQUFNLENBQUMsTUFBTTtRQUNULE9BQU8sT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQzdCLENBQUM7OztZQWxCSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLE1BQU0sQ0FBQyxFQUFFO2dCQUNuQixRQUFRLEVBQUUsb0JBQW9CO2dCQUM5Qixxa0NBQWtEO2FBQ3JEOzs7c0JBR0ksU0FBUyxTQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgVmlld0NoaWxkfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge0R5bmFtaWNGb3JtQ29udHJvbCwgRm9ybUNvbnRyb2xDb21wb25lbnQsIElEeW5hbWljRm9ybSwgSUZvcm1Nb2RlbERhdGF9IGZyb20gXCIuLi8uLi9jb21tb24tdHlwZXNcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgbW9kdWxlSWQ6IG1vZHVsZS5pZCxcclxuICAgIHNlbGVjdG9yOiBcImR5bmFtaWMtZm9ybS1tb2RlbFwiLFxyXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9keW5hbWljLWZvcm0tbW9kZWwuY29tcG9uZW50Lmh0bWxcIlxyXG59KVxyXG5leHBvcnQgY2xhc3MgRHluYW1pY0Zvcm1Nb2RlbENvbXBvbmVudCBleHRlbmRzIEZvcm1Db250cm9sQ29tcG9uZW50PElGb3JtTW9kZWxEYXRhPiB7XHJcblxyXG4gICAgQFZpZXdDaGlsZChcInN1YkZvcm1cIilcclxuICAgIHByaXZhdGUgc3ViRm9ybTogSUR5bmFtaWNGb3JtO1xyXG5cclxuICAgIC8vIEFjY2VwdG9yIGZvciBwcm92aWRlclxyXG4gICAgc3RhdGljIGFjY2VwdG9yKGNvbnRyb2w6IER5bmFtaWNGb3JtQ29udHJvbCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIHJldHVybiBjb250cm9sLnR5cGUgPT0gXCJtb2RlbFwiO1xyXG4gICAgfVxyXG5cclxuICAgIC8vIExvYWRlciBmb3IgcHJvdmlkZXJcclxuICAgIHN0YXRpYyBsb2FkZXIoKTogUHJvbWlzZTxhbnk+IHtcclxuICAgICAgICByZXR1cm4gUHJvbWlzZS5yZXNvbHZlKCk7XHJcbiAgICB9XHJcbn1cclxuIl19
+DynamicFormModelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DynamicFormModelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DynamicFormModelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DynamicFormModelComponent, selector: "dynamic-form-model", viewQueries: [{ propertyName: "subForm", first: true, predicate: ["subForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<dynamic-form [testId]=\"form.testId + '-' + control.id\"\r\n              [name]=\"data.name || form.name\"\r\n              [group]=\"control\"\r\n              [data]=\"value\"\r\n              [updateOn]=\"control.updateOn\"\r\n              [parent]=\"form\"\r\n\r\n              [fieldSetTemplate]=\"form.fieldSetTemplate\"\r\n              [controlTemplates]=\"form.controlTemplates\"\r\n\r\n              [controlTemplate]=\"form.controlTemplate\"\r\n              [labelTemplates]=\"form.labelTemplates\"\r\n              [inputTemplates]=\"form.inputTemplates\"\r\n              [prefixTemplates]=\"form.prefixTemplates\"\r\n              [suffixTemplates]=\"form.suffixTemplates\"\r\n              [setPrefixTemplates]=\"form.setPrefixTemplates\"\r\n              [setSuffixTemplates]=\"form.setSuffixTemplates\"\r\n\r\n              #subForm>\r\n    <ng-template #wrapperTemplate let-form=\"form\" let-fieldSetsTemplate=\"fieldSetsTemplate\">\r\n        <ng-container [ngTemplateOutlet]=\"fieldSetsTemplate\"></ng-container>\r\n    </ng-template>\r\n</dynamic-form>\r\n", components: [{ type: i1.DynamicFormComponent, selector: "dynamic-form, [dynamic-form]", inputs: ["group", "controls", "serializers", "fieldSets", "data"] }], directives: [{ type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DynamicFormModelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    encapsulation: ViewEncapsulation.None,
+                    selector: "dynamic-form-model",
+                    templateUrl: "./dynamic-form-model.component.html"
+                }]
+        }], propDecorators: { subForm: [{
+                type: ViewChild,
+                args: ["subForm"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLW1vZGVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9uZ3gtZHluYW1pYy1mb3JtL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtLW1vZGVsL2R5bmFtaWMtZm9ybS1tb2RlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbmd4LWR5bmFtaWMtZm9ybS9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS1tb2RlbC9keW5hbWljLWZvcm0tbW9kZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdEUsT0FBTyxFQUFxQixvQkFBb0IsRUFBK0IsTUFBTSxvQkFBb0IsQ0FBQzs7OztBQU8xRyxNQUFNLE9BQU8seUJBQTBCLFNBQVEsb0JBQW9DO0lBSy9FLHdCQUF3QjtJQUN4QixNQUFNLENBQUMsUUFBUSxDQUFDLE9BQTJCO1FBQ3ZDLE9BQU8sT0FBTyxDQUFDLElBQUksSUFBSSxPQUFPLENBQUM7SUFDbkMsQ0FBQztJQUVELHNCQUFzQjtJQUN0QixNQUFNLENBQUMsTUFBTTtRQUNULE9BQU8sT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQzdCLENBQUM7O3VIQWJRLHlCQUF5QjsyR0FBekIseUJBQXlCLHFMQ1J0QywyakNBdUJBOzRGRGZhLHlCQUF5QjtrQkFMckMsU0FBUzttQkFBQztvQkFDUCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsV0FBVyxFQUFFLHFDQUFxQztpQkFDckQ7OEJBSVcsT0FBTztzQkFEZCxTQUFTO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtEeW5hbWljRm9ybUNvbnRyb2wsIEZvcm1Db250cm9sQ29tcG9uZW50LCBJRHluYW1pY0Zvcm0sIElGb3JtTW9kZWxEYXRhfSBmcm9tIFwiLi4vLi4vY29tbW9uLXR5cGVzXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgICBzZWxlY3RvcjogXCJkeW5hbWljLWZvcm0tbW9kZWxcIixcclxuICAgIHRlbXBsYXRlVXJsOiBcIi4vZHluYW1pYy1mb3JtLW1vZGVsLmNvbXBvbmVudC5odG1sXCJcclxufSlcclxuZXhwb3J0IGNsYXNzIER5bmFtaWNGb3JtTW9kZWxDb21wb25lbnQgZXh0ZW5kcyBGb3JtQ29udHJvbENvbXBvbmVudDxJRm9ybU1vZGVsRGF0YT4ge1xyXG5cclxuICAgIEBWaWV3Q2hpbGQoXCJzdWJGb3JtXCIpXHJcbiAgICBwcml2YXRlIHN1YkZvcm06IElEeW5hbWljRm9ybTtcclxuXHJcbiAgICAvLyBBY2NlcHRvciBmb3IgcHJvdmlkZXJcclxuICAgIHN0YXRpYyBhY2NlcHRvcihjb250cm9sOiBEeW5hbWljRm9ybUNvbnRyb2wpOiBib29sZWFuIHtcclxuICAgICAgICByZXR1cm4gY29udHJvbC50eXBlID09IFwibW9kZWxcIjtcclxuICAgIH1cclxuXHJcbiAgICAvLyBMb2FkZXIgZm9yIHByb3ZpZGVyXHJcbiAgICBzdGF0aWMgbG9hZGVyKCk6IFByb21pc2U8YW55PiB7XHJcbiAgICAgICAgcmV0dXJuIFByb21pc2UucmVzb2x2ZSgpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxkeW5hbWljLWZvcm0gW3Rlc3RJZF09XCJmb3JtLnRlc3RJZCArICctJyArIGNvbnRyb2wuaWRcIlxyXG4gICAgICAgICAgICAgIFtuYW1lXT1cImRhdGEubmFtZSB8fCBmb3JtLm5hbWVcIlxyXG4gICAgICAgICAgICAgIFtncm91cF09XCJjb250cm9sXCJcclxuICAgICAgICAgICAgICBbZGF0YV09XCJ2YWx1ZVwiXHJcbiAgICAgICAgICAgICAgW3VwZGF0ZU9uXT1cImNvbnRyb2wudXBkYXRlT25cIlxyXG4gICAgICAgICAgICAgIFtwYXJlbnRdPVwiZm9ybVwiXHJcblxyXG4gICAgICAgICAgICAgIFtmaWVsZFNldFRlbXBsYXRlXT1cImZvcm0uZmllbGRTZXRUZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgICAgW2NvbnRyb2xUZW1wbGF0ZXNdPVwiZm9ybS5jb250cm9sVGVtcGxhdGVzXCJcclxuXHJcbiAgICAgICAgICAgICAgW2NvbnRyb2xUZW1wbGF0ZV09XCJmb3JtLmNvbnRyb2xUZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgICAgW2xhYmVsVGVtcGxhdGVzXT1cImZvcm0ubGFiZWxUZW1wbGF0ZXNcIlxyXG4gICAgICAgICAgICAgIFtpbnB1dFRlbXBsYXRlc109XCJmb3JtLmlucHV0VGVtcGxhdGVzXCJcclxuICAgICAgICAgICAgICBbcHJlZml4VGVtcGxhdGVzXT1cImZvcm0ucHJlZml4VGVtcGxhdGVzXCJcclxuICAgICAgICAgICAgICBbc3VmZml4VGVtcGxhdGVzXT1cImZvcm0uc3VmZml4VGVtcGxhdGVzXCJcclxuICAgICAgICAgICAgICBbc2V0UHJlZml4VGVtcGxhdGVzXT1cImZvcm0uc2V0UHJlZml4VGVtcGxhdGVzXCJcclxuICAgICAgICAgICAgICBbc2V0U3VmZml4VGVtcGxhdGVzXT1cImZvcm0uc2V0U3VmZml4VGVtcGxhdGVzXCJcclxuXHJcbiAgICAgICAgICAgICAgI3N1YkZvcm0+XHJcbiAgICA8bmctdGVtcGxhdGUgI3dyYXBwZXJUZW1wbGF0ZSBsZXQtZm9ybT1cImZvcm1cIiBsZXQtZmllbGRTZXRzVGVtcGxhdGU9XCJmaWVsZFNldHNUZW1wbGF0ZVwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiZmllbGRTZXRzVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcbjwvZHluYW1pYy1mb3JtPlxyXG4iXX0=