@stemy/ngx-dynamic-form 19.1.5 → 19.1.7

package/fesm2022/stemy-ngx-dynamic-form.mjs

@@ -3,7 +3,6 @@ import { DynamicInputControlModel, DYNAMIC_FORM_CONTROL_TYPE_EDITOR, serializabl
 export { DYNAMIC_FORM_CONTROL_TYPE_ARRAY, DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX, DYNAMIC_FORM_CONTROL_TYPE_CHECKBOX_GROUP, DYNAMIC_FORM_CONTROL_TYPE_DATEPICKER, DYNAMIC_FORM_CONTROL_TYPE_EDITOR, DYNAMIC_FORM_CONTROL_TYPE_FILE_UPLOAD, DYNAMIC_FORM_CONTROL_TYPE_GROUP, DYNAMIC_FORM_CONTROL_TYPE_INPUT, DYNAMIC_FORM_CONTROL_TYPE_RADIO_GROUP, DYNAMIC_FORM_CONTROL_TYPE_SELECT, DYNAMIC_FORM_CONTROL_TYPE_TEXTAREA, DynamicCheckboxGroupModel, DynamicCheckboxModel, DynamicDatePickerModel, DynamicFileUploadModel, DynamicFormControlComponent, DynamicFormControlModel, DynamicFormsCoreModule, DynamicInputModel, DynamicListDirective, DynamicRadioGroupModel, DynamicTemplateDirective, DynamicTextAreaModel } from '@ng-dynamic-forms/core';
 import * as i2 from '@stemy/ngx-utils';
 import { ObjectUtils, TimerUtils, cachedFactory, StringUtils, OpenApiService, TOASTER_SERVICE, ObservableUtils, EventsService, NgxUtilsModule } from '@stemy/ngx-utils';
-import { __decorate } from 'tslib';
 import { BehaviorSubject, isObservable, of, Subject, firstValueFrom, Subscription } from 'rxjs';
 import { map, debounceTime, first, groupBy, mergeMap } from 'rxjs/operators';
 import * as i0 from '@angular/core';
@@ -11,22 +10,29 @@ import { Injector, Injectable, Inject, EventEmitter, Directive, Input, Output, H
 import { FormGroup, FormArray, FormsModule, ReactiveFormsModule, NG_VALIDATORS } from '@angular/forms';
 import { CommonModule } from '@angular/common';
 
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 class DynamicEditorModel extends DynamicInputControlModel {
-    type = DYNAMIC_FORM_CONTROL_TYPE_EDITOR;
-    inputType;
-    convertObject;
     constructor(config, layout) {
         super(config, layout);
+        this.type = DYNAMIC_FORM_CONTROL_TYPE_EDITOR;
         this.inputType = config.inputType || "javascript";
         this.convertObject = config.convertObject !== false;
     }
 }
 __decorate([
-    serializable()
+    serializable(),
+    __metadata("design:type", String)
 ], DynamicEditorModel.prototype, "type", void 0);
 
 class DynamicFormArrayGroupModel extends DynamicFormArrayGroupModel$1 {
-    context;
     get hidden() {
         return this.isHidden;
     }
@@ -36,7 +42,6 @@ class DynamicFormArrayGroupModel extends DynamicFormArrayGroupModel$1 {
         this.isHidden = value || false;
         this.context?.filterGroups();
     }
-    isHidden;
     constructor(context, group, index = -1) {
         super(context, group, index);
         this.context = context;
@@ -44,21 +49,6 @@ class DynamicFormArrayGroupModel extends DynamicFormArrayGroupModel$1 {
     }
 }
 class DynamicFormArrayModel extends DynamicFormArrayModel$1 {
-    config;
-    filteredGroups;
-    sortable;
-    useTabs;
-    saveTab;
-    restoreTab;
-    getTabLabel;
-    additional;
-    groups = [];
-    tabIndex = 0;
-    _sortBy;
-    _sortDescending;
-    _formArray;
-    _filteredGroups;
-    _filterTimer;
     get addItem() {
         return this.config.addItem !== false;
     }
@@ -106,6 +96,8 @@ class DynamicFormArrayModel extends DynamicFormArrayModel$1 {
     constructor(config, layout) {
         super(config, layout);
         this.config = config;
+        this.groups = [];
+        this.tabIndex = 0;
         this.filteredGroups = new BehaviorSubject([]);
         this.sortable = config.sortable || false;
         this.useTabs = config.useTabs || false;
@@ -168,7 +160,6 @@ class DynamicFormArrayModel extends DynamicFormArrayModel$1 {
 }
 
 class DynamicFormGroupModel extends DynamicFormGroupModel$1 {
-    groups;
     constructor(config, layout) {
         super(config, layout);
         const controls = [...config.group];
@@ -195,8 +186,6 @@ class DynamicFormGroupModel extends DynamicFormGroupModel$1 {
 
 const ignoredKeys = ["disabled", "label", "value", "classes"];
 class DynamicFormOption extends DynamicFormOption$1 {
-    classes;
-    props;
     constructor(config) {
         super(config);
         this.classes = config.classes || "";
@@ -209,14 +198,10 @@ class DynamicFormOption extends DynamicFormOption$1 {
     }
 }
 class DynamicSelectModel extends DynamicSelectModel$1 {
-    groupBy;
-    inline;
-    getClasses;
-    allowEmpty;
-    options$ = null;
-    mOptions = [];
     constructor(config, layout) {
         super(config, layout);
+        this.options$ = null;
+        this.mOptions = [];
         this.groupBy = config.groupBy || null;
         this.inline = config.inline || false;
         this.getClasses = ObjectUtils.isFunction(config.getClasses) ? config.getClasses : (() => "");
@@ -338,13 +323,16 @@ function customizeFormModel(...providers) {
     const factory = cachedFactory(providers);
     return async (property, schema, model, config, injector) => {
         const customizers = factory(injector);
+        const models = [model];
         for (const customizer of customizers) {
-            const accept = customizer.acceptModel(model);
-            if (accept) {
-                return customizer.customizeModel(model, config, property, schema);
+            const index = models.findIndex(m => customizer.acceptModel(m));
+            if (index >= 0) {
+                const custom = await customizer.customizeModel(models[index], config, property, schema);
+                const result = Array.isArray(custom) ? custom : [custom];
+                models.splice(index, 1, ...result);
             }
         }
-        return model;
+        return models;
     };
 }
 
@@ -453,7 +441,6 @@ function validateItemsMaxValue(max) {
 
 const indexLabels = ["$ix", "$pix"];
 class FormSubject extends Subject {
-    notifyCallback;
     constructor(notifyCallback) {
         super();
         this.notifyCallback = notifyCallback;
@@ -527,15 +514,12 @@ function getFormValidationErrors(controls, parentPath = "") {
 }
 
 class DynamicFormService extends DynamicFormService$1 {
-    openApi;
-    injector;
     get api() {
         return this.openApi.api;
     }
     get language() {
         return this.api.language;
     }
-    schemas;
     constructor(cs, vs, openApi, injector) {
         super(cs, vs);
         this.openApi = openApi;
@@ -776,19 +760,18 @@ class DynamicFormService extends DynamicFormService$1 {
             return Array.isArray(res) ? res : [res];
         };
         const schema = this.schemas[name];
-        const controls = await this.getFormModelForSchemaDef(schema, fieldSets, customizeModels, "");
-        const idFields = [
-            createFormInput("id", { hidden: true }),
-            createFormInput("_id", { hidden: true })
-        ].filter(t => !controls.some(c => c.id == t.id));
+        const group = await this.getFormModelForSchemaDef(schema, fieldSets, customizeModels, "");
+        // Add id fields if necessary
+        if (group.length > 0) {
+            const idFields = [
+                createFormInput("id", { hidden: true }),
+                createFormInput("_id", { hidden: true })
+            ].filter(t => !group.some(c => c.id == t.id));
+            group.unshift(...idFields);
+        }
         const config = {
             id: "root",
-            group: [
-                // -- Hidden id fields --
-                ...idFields,
-                // -- Main form controls --
-                ...controls
-            ],
+            group,
             fieldSets
         };
         const root = await customizeModels({
@@ -797,18 +780,18 @@ class DynamicFormService extends DynamicFormService$1 {
             properties: schema?.properties || {}
         }, schema, DynamicFormGroupModel, config, "");
         // Check if the customized root wrapper returned an array
-        controls.length = 0;
+        group.length = 0;
         for (const model of root) {
             if (model instanceof DynamicFormGroupModel && model.id === "root") {
                 return model;
             }
             else {
-                controls.push(model);
+                group.push(model);
             }
         }
         return new DynamicFormGroupModel({
             ...config,
-            group: controls
+            group
         });
     }
     async getFormModelForSchemaDef(schema, fieldSets, customizeModels, path) {
@@ -1179,8 +1162,8 @@ class DynamicFormService extends DynamicFormService$1 {
             validators.itemsMaxValue = items.maximum;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicFormService, deps: [{ token: i1.DynamicFormComponentService }, { token: i1.DynamicFormValidationService }, { token: OpenApiService }, { token: Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicFormService });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicFormService, deps: [{ token: i1.DynamicFormComponentService }, { token: i1.DynamicFormValidationService }, { token: OpenApiService }, { token: Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicFormService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicFormService, decorators: [{
             type: Injectable
@@ -1193,20 +1176,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 }] }] });
 
 class AsyncSubmitDirective {
-    toaster;
-    cdr;
-    elem;
-    renderer;
-    method;
-    form;
-    context;
-    onSuccess;
-    onError;
-    loading;
-    disabled;
-    callback;
-    onStatusChange;
-    onSubmit;
     get isDisabled() {
         return this.disabled;
     }
@@ -1282,8 +1251,8 @@ class AsyncSubmitDirective {
             this.toaster.error(reason.message, reason.context);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AsyncSubmitDirective, deps: [{ token: TOASTER_SERVICE }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: AsyncSubmitDirective, isStandalone: false, selector: "[async-submit]", inputs: { method: ["async-submit", "method"], form: "form", context: "context" }, outputs: { onSuccess: "onSuccess", onError: "onError" }, host: { listeners: { "click": "click()" }, properties: { "class.disabled": "this.isDisabled", "class.loading": "this.isLoading" } }, exportAs: ["async-submit"], ngImport: i0 });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AsyncSubmitDirective, deps: [{ token: TOASTER_SERVICE }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: AsyncSubmitDirective, isStandalone: false, selector: "[async-submit]", inputs: { method: ["async-submit", "method"], form: "form", context: "context" }, outputs: { onSuccess: "onSuccess", onError: "onError" }, host: { listeners: { "click": "click()" }, properties: { "class.disabled": "this.isDisabled", "class.loading": "this.isLoading" } }, exportAs: ["async-submit"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AsyncSubmitDirective, decorators: [{
             type: Directive,
@@ -1318,32 +1287,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             }] } });
 
 class DynamicBaseFormComponent extends DynamicFormComponent {
-    formService;
-    events;
-    group = null;
-    model = null;
-    layout = null;
-    blur = new EventEmitter();
-    change = new EventEmitter();
-    focus = new EventEmitter();
-    groupModel;
-    labelPrefix;
-    getComponentType;
-    contentTemplates;
-    viewTemplates;
     get status() {
         return !this.group ? null : this.group.status;
     }
-    onValueChange;
-    onStatusChange;
-    onSubmit;
-    onDetectChanges;
-    subscription = new Subscription();
-    groupSubscription = new Subscription();
     constructor(formService, events, changeDetectorRef, componentService) {
         super(changeDetectorRef, componentService);
         this.formService = formService;
         this.events = events;
+        this.group = null;
+        this.model = null;
+        this.layout = null;
+        this.blur = new EventEmitter();
+        this.change = new EventEmitter();
+        this.focus = new EventEmitter();
+        this.subscription = new Subscription();
+        this.groupSubscription = new Subscription();
         this.groupModel = undefined;
         this.labelPrefix = "";
         this.getComponentType = () => null;
@@ -1424,8 +1382,8 @@ class DynamicBaseFormComponent extends DynamicFormComponent {
         }
         return `form-control-${parts.join("-")}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormComponent, deps: [{ token: DynamicFormService }, { token: EventsService }, { token: i0.ChangeDetectorRef }, { token: i1.DynamicFormComponentService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DynamicBaseFormComponent, isStandalone: false, selector: "dynamic-base-form", inputs: { group: "group", model: "model", layout: "layout", groupModel: "groupModel", labelPrefix: "labelPrefix", getComponentType: "getComponentType" }, outputs: { blur: "blur", change: "change", focus: "focus", onValueChange: "onValueChange", onStatusChange: "onStatusChange", onSubmit: "onSubmit", onDetectChanges: "onDetectChanges" }, queries: [{ propertyName: "contentTemplates", predicate: DynamicTemplateDirective }], viewQueries: [{ propertyName: "viewTemplates", predicate: DynamicTemplateDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.Default });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormComponent, deps: [{ token: DynamicFormService }, { token: EventsService }, { token: i0.ChangeDetectorRef }, { token: i1.DynamicFormComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DynamicBaseFormComponent, isStandalone: false, selector: "dynamic-base-form", inputs: { group: "group", model: "model", layout: "layout", groupModel: "groupModel", labelPrefix: "labelPrefix", getComponentType: "getComponentType" }, outputs: { blur: "blur", change: "change", focus: "focus", onValueChange: "onValueChange", onStatusChange: "onStatusChange", onSubmit: "onSubmit", onDetectChanges: "onDetectChanges" }, queries: [{ propertyName: "contentTemplates", predicate: DynamicTemplateDirective }], viewQueries: [{ propertyName: "viewTemplates", predicate: DynamicTemplateDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormComponent, decorators: [{
             type: Component,
@@ -1476,21 +1434,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             }] } });
 
 class DynamicBaseFormControlContainerComponent extends DynamicFormControlContainerComponent {
-    form;
-    cdr;
-    injector;
-    contentTemplateList = null;
-    klass = null;
-    context = null;
-    group = null;
-    hostClass = null;
-    inputTemplateList = null;
-    layout = null;
-    model = null;
-    blur = new EventEmitter();
-    change = new EventEmitter();
-    focus = new EventEmitter();
-    componentViewContainerRef = null;
     get componentType() {
         return this.form.getComponentType?.(this.model, this.injector)
             ?? this.componentService.getCustomComponentType(this.model);
@@ -1508,12 +1451,23 @@ class DynamicBaseFormControlContainerComponent extends DynamicFormControlContain
     get formService() {
         return this.form.formService;
     }
-    onDetectChanges;
     constructor(form, cdr, injector, cfr, layoutService, validationService, componentService, relationService) {
         super(cdr, cfr, layoutService, validationService, componentService, relationService);
         this.form = form;
         this.cdr = cdr;
         this.injector = injector;
+        this.contentTemplateList = null;
+        this.klass = null;
+        this.context = null;
+        this.group = null;
+        this.hostClass = null;
+        this.inputTemplateList = null;
+        this.layout = null;
+        this.model = null;
+        this.blur = new EventEmitter();
+        this.change = new EventEmitter();
+        this.focus = new EventEmitter();
+        this.componentViewContainerRef = null;
     }
     ngOnInit() {
         super.ngOnInit();
@@ -1560,10 +1514,10 @@ class DynamicBaseFormControlContainerComponent extends DynamicFormControlContain
             return;
         component.initialize(this.changeDetectorRef);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormControlContainerComponent, deps: [{ token: DynamicBaseFormComponent }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }, { token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }, { token: i1.DynamicFormComponentService }, { token: i1.DynamicFormRelationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DynamicBaseFormControlContainerComponent, isStandalone: false, selector: "dynamic-base-form-control", inputs: { context: "context", group: "group", hostClass: "hostClass", inputTemplateList: ["templates", "inputTemplateList"], layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", focus: "focus" }, host: { properties: { "class": "this.klass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormControlContainerComponent, deps: [{ token: DynamicBaseFormComponent }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }, { token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }, { token: i1.DynamicFormComponentService }, { token: i1.DynamicFormRelationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DynamicBaseFormControlContainerComponent, isStandalone: false, selector: "dynamic-base-form-control", inputs: { context: "context", group: "group", hostClass: "hostClass", inputTemplateList: ["templates", "inputTemplateList"], layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", focus: "focus" }, host: { properties: { "class": "this.klass" } }, providers: [
             { provide: DynamicFormControlContainerComponent, useExisting: DynamicBaseFormControlContainerComponent }
-        ], queries: [{ propertyName: "contentTemplateList", predicate: DynamicTemplateDirective }], viewQueries: [{ propertyName: "componentViewContainerRef", first: true, predicate: ["componentViewContainer"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "contentTemplateList", predicate: DynamicTemplateDirective }], viewQueries: [{ propertyName: "componentViewContainerRef", first: true, predicate: ["componentViewContainer"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormControlContainerComponent, decorators: [{
             type: Component,
@@ -1610,28 +1564,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             }] } });
 
 class DynamicBaseFormArrayComponent extends DynamicFormArrayComponent {
-    form;
-    injector;
-    cdr;
-    formLayout = null;
-    group = null;
-    layout = null;
-    model = null;
-    templates = null;
-    blur = new EventEmitter();
-    change = new EventEmitter();
-    customEvent = new EventEmitter();
-    focus = new EventEmitter();
-    components = null;
     get useTabs() {
         return this.model?.useTabs;
     }
-    subscription;
     constructor(layoutService, validationService, form, injector, cdr) {
         super(layoutService, validationService);
         this.form = form;
         this.injector = injector;
         this.cdr = cdr;
+        this.formLayout = null;
+        this.group = null;
+        this.layout = null;
+        this.model = null;
+        this.templates = null;
+        this.blur = new EventEmitter();
+        this.change = new EventEmitter();
+        this.customEvent = new EventEmitter();
+        this.focus = new EventEmitter();
+        this.components = null;
     }
     initialize(cdr) {
         this.subscription = this.model.filteredGroups.subscribe(filteredGroups => {
@@ -1682,8 +1632,8 @@ class DynamicBaseFormArrayComponent extends DynamicFormArrayComponent {
         this.cdr.detectChanges();
         this.components.forEach(t => t.cdr.detectChanges());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormArrayComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }, { token: DynamicBaseFormComponent }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DynamicBaseFormArrayComponent, isStandalone: false, selector: "dynamic-base-form-array", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model", templates: "templates" }, outputs: { blur: "blur", change: "change", customEvent: "customEvent", focus: "focus" }, viewQueries: [{ propertyName: "components", predicate: i0.forwardRef(() => DynamicBaseFormControlContainerComponent), descendants: true }], usesInheritance: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormArrayComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }, { token: DynamicBaseFormComponent }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DynamicBaseFormArrayComponent, isStandalone: false, selector: "dynamic-base-form-array", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model", templates: "templates" }, outputs: { blur: "blur", change: "change", customEvent: "customEvent", focus: "focus" }, viewQueries: [{ propertyName: "components", predicate: i0.forwardRef(() => DynamicBaseFormControlContainerComponent), descendants: true }], usesInheritance: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormArrayComponent, decorators: [{
             type: Component,
@@ -1717,22 +1667,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             }] } });
 
 class DynamicBaseFormControlComponent extends DynamicFormControlComponent {
-    form;
-    injector;
-    cdr;
-    formLayout = null;
-    group = null;
-    layout = null;
-    model = null;
-    blur = new EventEmitter();
-    change = new EventEmitter();
-    focus = new EventEmitter();
-    subscription;
     constructor(layoutService, validationService, form, injector, cdr) {
         super(layoutService, validationService);
         this.form = form;
         this.injector = injector;
         this.cdr = cdr;
+        this.formLayout = null;
+        this.group = null;
+        this.layout = null;
+        this.model = null;
+        this.blur = new EventEmitter();
+        this.change = new EventEmitter();
+        this.focus = new EventEmitter();
     }
     ngAfterViewInit() {
         this.subscription = this.control.valueChanges.pipe(debounceTime(500)).subscribe(value => {
@@ -1749,8 +1695,8 @@ class DynamicBaseFormControlComponent extends DynamicFormControlComponent {
     }
     onValueChanged(value) {
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormControlComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }, { token: DynamicBaseFormComponent, optional: true }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DynamicBaseFormControlComponent, isStandalone: false, selector: "dynamic-base-form-control", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", focus: "focus" }, usesInheritance: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormControlComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }, { token: DynamicBaseFormComponent, optional: true }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DynamicBaseFormControlComponent, isStandalone: false, selector: "dynamic-base-form-control", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", focus: "focus" }, usesInheritance: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormControlComponent, decorators: [{
             type: Component,
@@ -1779,22 +1725,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             }] } });
 
 class DynamicBaseFormGroupComponent extends DynamicFormGroupComponent {
-    layoutService;
-    validationService;
-    formLayout = null;
-    group = null;
-    layout = null;
-    model = null;
-    templates = [];
-    blur = new EventEmitter();
-    change = new EventEmitter();
-    customEvent = new EventEmitter();
-    focus = new EventEmitter();
-    components = null;
     constructor(layoutService, validationService) {
         super(layoutService, validationService);
         this.layoutService = layoutService;
         this.validationService = validationService;
+        this.formLayout = null;
+        this.group = null;
+        this.layout = null;
+        this.model = null;
+        this.templates = [];
+        this.blur = new EventEmitter();
+        this.change = new EventEmitter();
+        this.customEvent = new EventEmitter();
+        this.focus = new EventEmitter();
+        this.components = null;
     }
     getClass(context, place, model) {
         return [
@@ -1821,8 +1765,8 @@ class DynamicBaseFormGroupComponent extends DynamicFormGroupComponent {
         }
         return null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormGroupComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DynamicBaseFormGroupComponent, isStandalone: false, selector: "dynamic-base-form-group", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model", templates: "templates" }, outputs: { blur: "blur", change: "change", customEvent: "customEvent", focus: "focus" }, viewQueries: [{ propertyName: "components", predicate: i0.forwardRef(() => DynamicFormControlContainerComponent), descendants: true }], usesInheritance: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormGroupComponent, deps: [{ token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DynamicBaseFormGroupComponent, isStandalone: false, selector: "dynamic-base-form-group", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model", templates: "templates" }, outputs: { blur: "blur", change: "change", customEvent: "customEvent", focus: "focus" }, viewQueries: [{ propertyName: "components", predicate: i0.forwardRef(() => DynamicFormControlContainerComponent), descendants: true }], usesInheritance: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormGroupComponent, decorators: [{
             type: Component,
@@ -1856,8 +1800,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             }] } });
 
 class DynamicBaseSelectComponent extends DynamicBaseFormControlComponent {
-    groups$;
-    hasOptions;
     ngOnInit() {
         this.groups$ = new BehaviorSubject([]);
         this.subscription = this.model.options$.subscribe(options => {
@@ -1906,8 +1848,8 @@ class DynamicBaseSelectComponent extends DynamicBaseFormControlComponent {
         this.control.setValue(option.value);
         this.onChange(option.value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DynamicBaseSelectComponent, isStandalone: false, selector: "dynamic-base-select", usesInheritance: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DynamicBaseSelectComponent, isStandalone: false, selector: "dynamic-base-select", usesInheritance: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseSelectComponent, decorators: [{
             type: Component,
@@ -1962,14 +1904,14 @@ class NgxDynamicFormModule {
     static provideForms(config) {
         return makeEnvironmentProviders(NgxDynamicFormModule.getProviders(config));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgxDynamicFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: NgxDynamicFormModule, declarations: [DynamicBaseFormComponent, DynamicBaseFormArrayComponent, DynamicBaseFormControlComponent, DynamicBaseFormControlContainerComponent, DynamicBaseFormGroupComponent, DynamicBaseSelectComponent, AsyncSubmitDirective], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgxDynamicFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: NgxDynamicFormModule, declarations: [DynamicBaseFormComponent, DynamicBaseFormArrayComponent, DynamicBaseFormControlComponent, DynamicBaseFormControlContainerComponent, DynamicBaseFormGroupComponent, DynamicBaseSelectComponent, AsyncSubmitDirective], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             NgxUtilsModule], exports: [DynamicBaseFormComponent, DynamicBaseFormArrayComponent, DynamicBaseFormControlComponent, DynamicBaseFormControlContainerComponent, DynamicBaseFormGroupComponent, DynamicBaseSelectComponent, AsyncSubmitDirective, FormsModule,
             ReactiveFormsModule,
-            NgxUtilsModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgxDynamicFormModule, providers: [
+            NgxUtilsModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgxDynamicFormModule, providers: [
             ...pipes,
             { provide: NG_VALIDATORS, useValue: validateJSON, multi: true },
             { provide: NG_VALIDATORS, useValue: validateRequiredTranslation, multi: true },
@@ -1994,7 +1936,7 @@ class NgxDynamicFormModule {
             ReactiveFormsModule,
             NgxUtilsModule, FormsModule,
             ReactiveFormsModule,
-            NgxUtilsModule] });
+            NgxUtilsModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgxDynamicFormModule, decorators: [{
             type: NgModule,