@stemy/ngx-dynamic-form 19.1.7 → 19.1.9

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

@@ -3,6 +3,7 @@ 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';
@@ -10,29 +11,22 @@ 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(),
-    __metadata("design:type", String)
+    serializable()
 ], DynamicEditorModel.prototype, "type", void 0);
 
 class DynamicFormArrayGroupModel extends DynamicFormArrayGroupModel$1 {
+    context;
     get hidden() {
         return this.isHidden;
     }
@@ -42,6 +36,7 @@ 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;
@@ -49,6 +44,21 @@ 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;
     }
@@ -96,8 +106,6 @@ 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;
@@ -160,6 +168,7 @@ class DynamicFormArrayModel extends DynamicFormArrayModel$1 {
 }
 
 class DynamicFormGroupModel extends DynamicFormGroupModel$1 {
+    groups;
     constructor(config, layout) {
         super(config, layout);
         const controls = [...config.group];
@@ -186,6 +195,8 @@ 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 || "";
@@ -198,10 +209,14 @@ 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 : (() => "");
@@ -441,6 +456,7 @@ function validateItemsMaxValue(max) {
 
 const indexLabels = ["$ix", "$pix"];
 class FormSubject extends Subject {
+    notifyCallback;
     constructor(notifyCallback) {
         super();
         this.notifyCallback = notifyCallback;
@@ -514,12 +530,15 @@ 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;
@@ -760,13 +779,14 @@ class DynamicFormService extends DynamicFormService$1 {
             return Array.isArray(res) ? res : [res];
         };
         const schema = this.schemas[name];
-        const group = await this.getFormModelForSchemaDef(schema, fieldSets, customizeModels, "");
+        const controls = await this.getFormModelForSchemaDef(schema, fieldSets, customizeModels, "");
+        const group = [...controls];
         // Add id fields if necessary
-        if (group.length > 0) {
+        if (controls.length > 0) {
             const idFields = [
                 createFormInput("id", { hidden: true }),
                 createFormInput("_id", { hidden: true })
-            ].filter(t => !group.some(c => c.id == t.id));
+            ].filter(t => !controls.some(c => c.id == t.id));
             group.unshift(...idFields);
         }
         const config = {
@@ -780,18 +800,18 @@ class DynamicFormService extends DynamicFormService$1 {
             properties: schema?.properties || {}
         }, schema, DynamicFormGroupModel, config, "");
         // Check if the customized root wrapper returned an array
-        group.length = 0;
+        controls.length = 0;
         for (const model of root) {
             if (model instanceof DynamicFormGroupModel && model.id === "root") {
                 return model;
             }
             else {
-                group.push(model);
+                controls.push(model);
             }
         }
         return new DynamicFormGroupModel({
             ...config,
-            group
+            group: controls
         });
     }
     async getFormModelForSchemaDef(schema, fieldSets, customizeModels, path) {
@@ -1162,8 +1182,8 @@ class DynamicFormService extends DynamicFormService$1 {
             validators.itemsMaxValue = items.maximum;
         }
     }
-    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 }); }
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicFormService, decorators: [{
             type: Injectable
@@ -1176,6 +1196,20 @@ 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;
     }
@@ -1251,8 +1285,8 @@ class AsyncSubmitDirective {
             this.toaster.error(reason.message, reason.context);
         });
     }
-    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 }); }
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AsyncSubmitDirective, decorators: [{
             type: Directive,
@@ -1287,21 +1321,32 @@ 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;
@@ -1329,7 +1374,7 @@ class DynamicBaseFormComponent extends DynamicFormComponent {
             this.model = this.groupModel?.group;
         }
         if (changes.model) {
-            this.groupModel = new DynamicFormGroupModel({ id: "root", group: this.model });
+            this.groupModel = new DynamicFormGroupModel({ id: "root", group: this.model || [] });
         }
     }
     ngAfterViewInit() {
@@ -1382,8 +1427,8 @@ class DynamicBaseFormComponent extends DynamicFormComponent {
         }
         return `form-control-${parts.join("-")}`;
     }
-    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 }); }
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormComponent, decorators: [{
             type: Component,
@@ -1434,6 +1479,21 @@ 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);
@@ -1451,23 +1511,12 @@ 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();
@@ -1514,10 +1563,10 @@ class DynamicBaseFormControlContainerComponent extends DynamicFormControlContain
             return;
         component.initialize(this.changeDetectorRef);
     }
-    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: [
+    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: [
             { 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,
@@ -1564,24 +1613,28 @@ 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 => {
@@ -1632,8 +1685,8 @@ class DynamicBaseFormArrayComponent extends DynamicFormArrayComponent {
         this.cdr.detectChanges();
         this.components.forEach(t => t.cdr.detectChanges());
     }
-    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 }); }
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormArrayComponent, decorators: [{
             type: Component,
@@ -1667,18 +1720,22 @@ 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 => {
@@ -1695,8 +1752,8 @@ class DynamicBaseFormControlComponent extends DynamicFormControlComponent {
     }
     onValueChanged(value) {
     }
-    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 }); }
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormControlComponent, decorators: [{
             type: Component,
@@ -1725,20 +1782,22 @@ 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 [
@@ -1765,8 +1824,8 @@ class DynamicBaseFormGroupComponent extends DynamicFormGroupComponent {
         }
         return null;
     }
-    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 }); }
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseFormGroupComponent, decorators: [{
             type: Component,
@@ -1800,6 +1859,8 @@ 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 => {
@@ -1848,8 +1909,8 @@ class DynamicBaseSelectComponent extends DynamicBaseFormControlComponent {
         this.control.setValue(option.value);
         this.onChange(option.value);
     }
-    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 }); }
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicBaseSelectComponent, decorators: [{
             type: Component,
@@ -1904,14 +1965,14 @@ class NgxDynamicFormModule {
     static provideForms(config) {
         return makeEnvironmentProviders(NgxDynamicFormModule.getProviders(config));
     }
-    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,
+    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,
             FormsModule,
             ReactiveFormsModule,
             NgxUtilsModule], exports: [DynamicBaseFormComponent, DynamicBaseFormArrayComponent, DynamicBaseFormControlComponent, DynamicBaseFormControlContainerComponent, DynamicBaseFormGroupComponent, DynamicBaseSelectComponent, AsyncSubmitDirective, FormsModule,
             ReactiveFormsModule,
-            NgxUtilsModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgxDynamicFormModule, providers: [
+            NgxUtilsModule] });
+    static ɵ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 },
@@ -1936,7 +1997,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,