@stemy/ngx-dynamic-form 10.2.28 → 10.2.29

package/esm2015/public_api.js

@@ -1,4 +1,4 @@
-export { defaultSerializer, FormSerializable, FormInput, FormSelect, FormStatic, FormModel, FormFile, FormFieldSet, defineFormControl, getFormFieldSets, getFormControl, getFormSerializer, createFormInput, createFormSelect, createFormStatic, createFormModel, createFormControl } from "./ngx-dynamic-form/common-types";
+export { defaultSerializer, FormSerializable, FormInput, FormSelect, FormStatic, FormModel, FormFile, defineFormControl, getFormControl, getFormSerializer, createFormInput, createFormSelect, createFormStatic, createFormModel, createFormControl } from "./ngx-dynamic-form/common-types";
 export { validateJSON, validateRequiredTranslation, validatePhone, validateItemsMinLength, validateItemsMaxLength, validateItemsMinValue, validateItemsMaxValue } from "./ngx-dynamic-form/utils/validators";
 export { FormSelectSubject } from "./ngx-dynamic-form/utils/form-select-subject";
 export { FormSubject } from "./ngx-dynamic-form/utils/form-subject";
@@ -9,4 +9,4 @@ export { DynamicBaseFormArrayComponent } from "./ngx-dynamic-form/components/bas
 export { DynamicBaseFormControlContainerComponent } from "./ngx-dynamic-form/components/base/dynamic-base-form-control-container.component";
 export { DynamicBaseFormGroupComponent } from "./ngx-dynamic-form/components/base/dynamic-base-form-group.component";
 export { NgxDynamicFormModule } from "./ngx-dynamic-form/ngx-dynamic-form.module";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUErQkgsaUJBQWlCLEVBQ2pCLGdCQUFnQixFQUNoQixTQUFTLEVBQ1QsVUFBVSxFQUNWLFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxFQUNSLFlBQVksRUFDWixpQkFBaUIsRUFDakIsZ0JBQWdCLEVBQ2hCLGNBQWMsRUFDZCxpQkFBaUIsRUFDakIsZUFBZSxFQUNmLGdCQUFnQixFQUNoQixnQkFBZ0IsRUFDaEIsZUFBZSxFQUNmLGlCQUFpQixFQUNwQixNQUFNLGlDQUFpQyxDQUFDO0FBRXpDLE9BQU8sRUFDSCxZQUFZLEVBQ1osMkJBQTJCLEVBQzNCLGFBQWEsRUFDYixzQkFBc0IsRUFDdEIsc0JBQXNCLEVBQ3RCLHFCQUFxQixFQUNyQixxQkFBcUIsRUFDeEIsTUFBTSxxQ0FBcUMsQ0FBQztBQUU3QyxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSw4Q0FBOEMsQ0FBQztBQUMvRSxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sdUNBQXVDLENBQUM7QUFFbEUsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sa0RBQWtELENBQUM7QUFFcEYsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sc0RBQXNELENBQUM7QUFFMUYsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sZ0VBQWdFLENBQUM7QUFDeEcsT0FBTyxFQUFDLDZCQUE2QixFQUFDLE1BQU0sc0VBQXNFLENBQUM7QUFDbkgsT0FBTyxFQUNILHdDQUF3QyxFQUMzQyxNQUFNLGtGQUFrRixDQUFDO0FBQzFGLE9BQU8sRUFBQyw2QkFBNkIsRUFBQyxNQUFNLHNFQUFzRSxDQUFDO0FBRW5ILE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLDRDQUE0QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHtcclxuICAgIElEeW5hbWljRm9ybUJhc2UsXHJcbiAgICBJRHluYW1pY0Zvcm0sXHJcbiAgICBPbkNyZWF0ZWRGb3JtQ29udHJvbCxcclxuICAgIElGb3JtQ29udHJvbFNlcmlhbGl6ZXIsXHJcbiAgICBJRm9ybUlucHV0TWFzayxcclxuICAgIElGb3JtSW5wdXRNYXNrRnVuY3Rpb24sXHJcbiAgICBJRm9ybUlucHV0VW5NYXNrRnVuY3Rpb24sXHJcbiAgICBJRm9ybVNlcmlhbGl6ZXIsXHJcbiAgICBJRm9ybVNlcmlhbGl6ZXJzLFxyXG4gICAgRHluYW1pY0Zvcm1TdGF0ZSxcclxuICAgIER5bmFtaWNGb3JtVXBkYXRlT24sXHJcbiAgICBJRm9ybUNvbnRyb2wsXHJcbiAgICBJRm9ybUNvbnRyb2xEYXRhLFxyXG4gICAgSUZvcm1JbnB1dERhdGEsXHJcbiAgICBJRm9ybVNlbGVjdERhdGEsXHJcbiAgICBJRm9ybVN0YXRpY0RhdGEsXHJcbiAgICBJRm9ybUZpbGVEYXRhLFxyXG4gICAgSUZvcm1Nb2RlbERhdGEsXHJcbiAgICBJRm9ybUZpZWxkU2V0LFxyXG4gICAgSUZvcm1Db250cm9sT3B0aW9uLFxyXG4gICAgSUR5bmFtaWNGb3JtVGVtcGxhdGVzLFxyXG4gICAgSUR5bmFtaWNGb3JtQ29uZmlnLFxyXG4gICAgSUR5bmFtaWNTaW5nbGVGb3JtQ29uZmlnLFxyXG4gICAgSUR5bmFtaWNNdWx0aUZvcm1Db25maWcsXHJcbiAgICBJRHluYW1pY0Zvcm1zQ29uZmlncyxcclxuICAgIEFzeW5jU3VibWl0TWV0aG9kLFxyXG4gICAgSUR5bmFtaWNGb3JtSW5mbyxcclxuICAgIElEeW5hbWljRm9ybUZpZWxkU2V0cyxcclxuICAgIEZvcm1Db250cm9sVGVzdGVyLFxyXG4gICAgRm9ybUNvbnRyb2xUZXN0ZXJGYWN0b3J5LFxyXG4gICAgZGVmYXVsdFNlcmlhbGl6ZXIsXHJcbiAgICBGb3JtU2VyaWFsaXphYmxlLFxyXG4gICAgRm9ybUlucHV0LFxyXG4gICAgRm9ybVNlbGVjdCxcclxuICAgIEZvcm1TdGF0aWMsXHJcbiAgICBGb3JtTW9kZWwsXHJcbiAgICBGb3JtRmlsZSxcclxuICAgIEZvcm1GaWVsZFNldCxcclxuICAgIGRlZmluZUZvcm1Db250cm9sLFxyXG4gICAgZ2V0Rm9ybUZpZWxkU2V0cyxcclxuICAgIGdldEZvcm1Db250cm9sLFxyXG4gICAgZ2V0Rm9ybVNlcmlhbGl6ZXIsXHJcbiAgICBjcmVhdGVGb3JtSW5wdXQsXHJcbiAgICBjcmVhdGVGb3JtU2VsZWN0LFxyXG4gICAgY3JlYXRlRm9ybVN0YXRpYyxcclxuICAgIGNyZWF0ZUZvcm1Nb2RlbCxcclxuICAgIGNyZWF0ZUZvcm1Db250cm9sXHJcbn0gZnJvbSBcIi4vbmd4LWR5bmFtaWMtZm9ybS9jb21tb24tdHlwZXNcIjtcclxuXHJcbmV4cG9ydCB7XHJcbiAgICB2YWxpZGF0ZUpTT04sXHJcbiAgICB2YWxpZGF0ZVJlcXVpcmVkVHJhbnNsYXRpb24sXHJcbiAgICB2YWxpZGF0ZVBob25lLFxyXG4gICAgdmFsaWRhdGVJdGVtc01pbkxlbmd0aCxcclxuICAgIHZhbGlkYXRlSXRlbXNNYXhMZW5ndGgsXHJcbiAgICB2YWxpZGF0ZUl0ZW1zTWluVmFsdWUsXHJcbiAgICB2YWxpZGF0ZUl0ZW1zTWF4VmFsdWVcclxufSBmcm9tIFwiLi9uZ3gtZHluYW1pYy1mb3JtL3V0aWxzL3ZhbGlkYXRvcnNcIjtcclxuXHJcbmV4cG9ydCB7Rm9ybVNlbGVjdFN1YmplY3R9IGZyb20gXCIuL25neC1keW5hbWljLWZvcm0vdXRpbHMvZm9ybS1zZWxlY3Qtc3ViamVjdFwiO1xyXG5leHBvcnQge0Zvcm1TdWJqZWN0fSBmcm9tIFwiLi9uZ3gtZHluYW1pYy1mb3JtL3V0aWxzL2Zvcm0tc3ViamVjdFwiO1xyXG5cclxuZXhwb3J0IHtEeW5hbWljRm9ybVNlcnZpY2V9IGZyb20gXCIuL25neC1keW5hbWljLWZvcm0vc2VydmljZXMvZHluYW1pYy1mb3JtLnNlcnZpY2VcIjtcclxuXHJcbmV4cG9ydCB7QXN5bmNTdWJtaXREaXJlY3RpdmV9IGZyb20gXCIuL25neC1keW5hbWljLWZvcm0vZGlyZWN0aXZlcy9hc3luYy1zdWJtaXQuZGlyZWN0aXZlXCI7XHJcblxyXG5leHBvcnQge0R5bmFtaWNCYXNlRm9ybUNvbXBvbmVudH0gZnJvbSBcIi4vbmd4LWR5bmFtaWMtZm9ybS9jb21wb25lbnRzL2Jhc2UvZHluYW1pYy1iYXNlLWZvcm0uY29tcG9uZW50XCI7XHJcbmV4cG9ydCB7RHluYW1pY0Jhc2VGb3JtQXJyYXlDb21wb25lbnR9IGZyb20gXCIuL25neC1keW5hbWljLWZvcm0vY29tcG9uZW50cy9iYXNlL2R5bmFtaWMtYmFzZS1mb3JtLWFycmF5LmNvbXBvbmVudFwiO1xyXG5leHBvcnQge1xyXG4gICAgRHluYW1pY0Jhc2VGb3JtQ29udHJvbENvbnRhaW5lckNvbXBvbmVudFxyXG59IGZyb20gXCIuL25neC1keW5hbWljLWZvcm0vY29tcG9uZW50cy9iYXNlL2R5bmFtaWMtYmFzZS1mb3JtLWNvbnRyb2wtY29udGFpbmVyLmNvbXBvbmVudFwiO1xyXG5leHBvcnQge0R5bmFtaWNCYXNlRm9ybUdyb3VwQ29tcG9uZW50fSBmcm9tIFwiLi9uZ3gtZHluYW1pYy1mb3JtL2NvbXBvbmVudHMvYmFzZS9keW5hbWljLWJhc2UtZm9ybS1ncm91cC5jb21wb25lbnRcIjtcclxuXHJcbmV4cG9ydCB7Tmd4RHluYW1pY0Zvcm1Nb2R1bGV9IGZyb20gXCIuL25neC1keW5hbWljLWZvcm0vbmd4LWR5bmFtaWMtZm9ybS5tb2R1bGVcIjtcclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFpQkgsaUJBQWlCLEVBQ2pCLGdCQUFnQixFQUNoQixTQUFTLEVBQ1QsVUFBVSxFQUNWLFVBQVUsRUFDVixTQUFTLEVBQ1QsUUFBUSxFQUNSLGlCQUFpQixFQUNqQixjQUFjLEVBQ2QsaUJBQWlCLEVBQ2pCLGVBQWUsRUFDZixnQkFBZ0IsRUFDaEIsZ0JBQWdCLEVBQ2hCLGVBQWUsRUFDZixpQkFBaUIsRUFDcEIsTUFBTSxpQ0FBaUMsQ0FBQztBQUV6QyxPQUFPLEVBQ0gsWUFBWSxFQUNaLDJCQUEyQixFQUMzQixhQUFhLEVBQ2Isc0JBQXNCLEVBQ3RCLHNCQUFzQixFQUN0QixxQkFBcUIsRUFDckIscUJBQXFCLEVBQ3hCLE1BQU0scUNBQXFDLENBQUM7QUFFN0MsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sOENBQThDLENBQUM7QUFDL0UsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBRWxFLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGtEQUFrRCxDQUFDO0FBRXBGLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLHNEQUFzRCxDQUFDO0FBRTFGLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLGdFQUFnRSxDQUFDO0FBQ3hHLE9BQU8sRUFBQyw2QkFBNkIsRUFBQyxNQUFNLHNFQUFzRSxDQUFDO0FBQ25ILE9BQU8sRUFDSCx3Q0FBd0MsRUFDM0MsTUFBTSxrRkFBa0YsQ0FBQztBQUMxRixPQUFPLEVBQUMsNkJBQTZCLEVBQUMsTUFBTSxzRUFBc0UsQ0FBQztBQUVuSCxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSw0Q0FBNEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7XHJcbiAgICBJRHluYW1pY0Zvcm1CYXNlLFxyXG4gICAgSUR5bmFtaWNGb3JtLFxyXG4gICAgT25DcmVhdGVkRm9ybUNvbnRyb2wsXHJcbiAgICBGb3JtQ29udHJvbFNlcmlhbGl6ZXIsXHJcbiAgICBGb3JtTW9kZWxDdXN0b21pemVyLFxyXG4gICAgRHluYW1pY0Zvcm1TdGF0ZSxcclxuICAgIER5bmFtaWNGb3JtVXBkYXRlT24sXHJcbiAgICBJRm9ybUNvbnRyb2wsXHJcbiAgICBJRm9ybUNvbnRyb2xPcHRpb24sXHJcbiAgICBJRHluYW1pY0Zvcm1UZW1wbGF0ZXMsXHJcbiAgICBJRHluYW1pY0Zvcm1Db25maWcsXHJcbiAgICBJRHluYW1pY1NpbmdsZUZvcm1Db25maWcsXHJcbiAgICBJRHluYW1pY011bHRpRm9ybUNvbmZpZyxcclxuICAgIElEeW5hbWljRm9ybXNDb25maWdzLFxyXG4gICAgQXN5bmNTdWJtaXRNZXRob2QsXHJcbiAgICBJRHluYW1pY0Zvcm1JbmZvLFxyXG4gICAgZGVmYXVsdFNlcmlhbGl6ZXIsXHJcbiAgICBGb3JtU2VyaWFsaXphYmxlLFxyXG4gICAgRm9ybUlucHV0LFxyXG4gICAgRm9ybVNlbGVjdCxcclxuICAgIEZvcm1TdGF0aWMsXHJcbiAgICBGb3JtTW9kZWwsXHJcbiAgICBGb3JtRmlsZSxcclxuICAgIGRlZmluZUZvcm1Db250cm9sLFxyXG4gICAgZ2V0Rm9ybUNvbnRyb2wsXHJcbiAgICBnZXRGb3JtU2VyaWFsaXplcixcclxuICAgIGNyZWF0ZUZvcm1JbnB1dCxcclxuICAgIGNyZWF0ZUZvcm1TZWxlY3QsXHJcbiAgICBjcmVhdGVGb3JtU3RhdGljLFxyXG4gICAgY3JlYXRlRm9ybU1vZGVsLFxyXG4gICAgY3JlYXRlRm9ybUNvbnRyb2xcclxufSBmcm9tIFwiLi9uZ3gtZHluYW1pYy1mb3JtL2NvbW1vbi10eXBlc1wiO1xyXG5cclxuZXhwb3J0IHtcclxuICAgIHZhbGlkYXRlSlNPTixcclxuICAgIHZhbGlkYXRlUmVxdWlyZWRUcmFuc2xhdGlvbixcclxuICAgIHZhbGlkYXRlUGhvbmUsXHJcbiAgICB2YWxpZGF0ZUl0ZW1zTWluTGVuZ3RoLFxyXG4gICAgdmFsaWRhdGVJdGVtc01heExlbmd0aCxcclxuICAgIHZhbGlkYXRlSXRlbXNNaW5WYWx1ZSxcclxuICAgIHZhbGlkYXRlSXRlbXNNYXhWYWx1ZVxyXG59IGZyb20gXCIuL25neC1keW5hbWljLWZvcm0vdXRpbHMvdmFsaWRhdG9yc1wiO1xyXG5cclxuZXhwb3J0IHtGb3JtU2VsZWN0U3ViamVjdH0gZnJvbSBcIi4vbmd4LWR5bmFtaWMtZm9ybS91dGlscy9mb3JtLXNlbGVjdC1zdWJqZWN0XCI7XHJcbmV4cG9ydCB7Rm9ybVN1YmplY3R9IGZyb20gXCIuL25neC1keW5hbWljLWZvcm0vdXRpbHMvZm9ybS1zdWJqZWN0XCI7XHJcblxyXG5leHBvcnQge0R5bmFtaWNGb3JtU2VydmljZX0gZnJvbSBcIi4vbmd4LWR5bmFtaWMtZm9ybS9zZXJ2aWNlcy9keW5hbWljLWZvcm0uc2VydmljZVwiO1xyXG5cclxuZXhwb3J0IHtBc3luY1N1Ym1pdERpcmVjdGl2ZX0gZnJvbSBcIi4vbmd4LWR5bmFtaWMtZm9ybS9kaXJlY3RpdmVzL2FzeW5jLXN1Ym1pdC5kaXJlY3RpdmVcIjtcclxuXHJcbmV4cG9ydCB7RHluYW1pY0Jhc2VGb3JtQ29tcG9uZW50fSBmcm9tIFwiLi9uZ3gtZHluYW1pYy1mb3JtL2NvbXBvbmVudHMvYmFzZS9keW5hbWljLWJhc2UtZm9ybS5jb21wb25lbnRcIjtcclxuZXhwb3J0IHtEeW5hbWljQmFzZUZvcm1BcnJheUNvbXBvbmVudH0gZnJvbSBcIi4vbmd4LWR5bmFtaWMtZm9ybS9jb21wb25lbnRzL2Jhc2UvZHluYW1pYy1iYXNlLWZvcm0tYXJyYXkuY29tcG9uZW50XCI7XHJcbmV4cG9ydCB7XHJcbiAgICBEeW5hbWljQmFzZUZvcm1Db250cm9sQ29udGFpbmVyQ29tcG9uZW50XHJcbn0gZnJvbSBcIi4vbmd4LWR5bmFtaWMtZm9ybS9jb21wb25lbnRzL2Jhc2UvZHluYW1pYy1iYXNlLWZvcm0tY29udHJvbC1jb250YWluZXIuY29tcG9uZW50XCI7XHJcbmV4cG9ydCB7RHluYW1pY0Jhc2VGb3JtR3JvdXBDb21wb25lbnR9IGZyb20gXCIuL25neC1keW5hbWljLWZvcm0vY29tcG9uZW50cy9iYXNlL2R5bmFtaWMtYmFzZS1mb3JtLWdyb3VwLmNvbXBvbmVudFwiO1xyXG5cclxuZXhwb3J0IHtOZ3hEeW5hbWljRm9ybU1vZHVsZX0gZnJvbSBcIi4vbmd4LWR5bmFtaWMtZm9ybS9uZ3gtZHluYW1pYy1mb3JtLm1vZHVsZVwiO1xyXG4iXX0=

package/fesm2015/stemy-ngx-dynamic-form.js

@@ -1,4 +1,4 @@
-import { ReflectUtils, ObjectUtils, UniqueUtils, StringUtils, OpenApiService, TOASTER_SERVICE, ObservableUtils, EventsService, NgxUtilsModule } from '@stemy/ngx-utils';
+import { ReflectUtils, ObjectUtils, StringUtils, OpenApiService, TOASTER_SERVICE, ObservableUtils, EventsService, NgxUtilsModule } from '@stemy/ngx-utils';
 import { Subject, Subscription } from 'rxjs';
 import { __awaiter } from 'tslib';
 import { EventEmitter, Injectable, Directive, Inject, ChangeDetectorRef, ElementRef, Renderer2, Input, Output, HostBinding, HostListener, QueryList, Component, ChangeDetectionStrategy, ContentChildren, ViewChildren, ViewChild, forwardRef, ComponentFactoryResolver, ViewContainerRef, NgModule } from '@angular/core';
@@ -8,11 +8,6 @@ import { first } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 
 // --- Decorator functions ---
-const emptyArray = [];
-const emptyTester = () => {
-    return Promise.resolve(false);
-};
-const ɵ0 = emptyTester;
 function defaultSerializer(id, parent) {
     const control = parent.get(id);
     return !control ? null : control.value;
@@ -58,84 +53,53 @@ function FormFile(data) {
         defineFormControl(target, propertyKey, createFormFile(propertyKey, data));
     };
 }
-function FormFieldSet(data) {
-    return (target) => {
-        const sets = getFormFieldSets(target);
-        data.classes = data.classes || "";
-        sets[data.id] = data;
-        ReflectUtils.defineMetadata("dynamicFormFieldSets", sets, target);
-    };
-}
 function defineFormControl(target, propertyKey, control) {
     ReflectUtils.defineMetadata("dynamicFormControl", control, target, propertyKey);
 }
-function getFormFieldSets(target) {
-    return ReflectUtils.getMetadata("dynamicFormFieldSets", target) || {};
-}
 function getFormControl(target, propertyKey) {
     return ReflectUtils.getMetadata("dynamicFormControl", target, propertyKey);
 }
 function getFormSerializer(target, propertyKey) {
     return ReflectUtils.getMetadata("dynamicFormSerializer", target, propertyKey);
 }
-function createFormControl(id, type, data) {
-    data = data || {};
-    data.label = ObjectUtils.isNullOrUndefined(data.label) ? id : data.label;
-    data.labelAlign = data.labelAlign || "left";
-    data.fieldSet = data.fieldSet || UniqueUtils.uuid();
-    data.classes = data.classes || "";
-    data.readonly = data.readonly || emptyTester;
-    data.hidden = data.hidden || emptyTester;
-    data.validators = data.validators || emptyArray;
-    return {
-        id: id,
-        type: type,
-        data: data
-    };
+function createFormControl(id, type, config) {
+    config = config || { id };
+    config.id = id;
+    config.label = ObjectUtils.isNullOrUndefined(config.label) ? id : config.label;
+    config.disabled = config.disabled || false;
+    config.hidden = config.hidden || false;
+    return { id, type, config };
 }
-function createFormInput(id, data, type = "text") {
-    const control = createFormControl(id, "input", data);
-    data = control.data;
-    data.type = data.type || type;
-    data.classes = !data.classes ? `form-group-${data.type}` : `${data.classes} form-group-${data.type}`;
-    data.placeholder = data.placeholder || (data.type == "mask" ? "_" : "");
-    data.step = data.step || 1;
-    data.mask = data.mask || [/\w*/gi];
+function createFormInput(id, config, type = "text") {
+    const control = createFormControl(id, "input", config);
+    config = control.config;
+    config.inputType = config.inputType || type;
+    config.placeholder = config.placeholder || (config.inputType == "mask" ? "_" : "");
+    config.step = config.step || 1;
+    config.mask = config.mask || [/\w*/gi];
     return control;
 }
 function createFormSelect(id, data) {
     const control = createFormControl(id, "select", data);
-    data = control.data;
+    data = control.config;
     data.options = data.options || [];
-    data.type = data.type || "select";
-    const classType = data.type == "select" ? "select" : `select-${data.type}`;
-    data.classes = !data.classes ? `form-group-${classType}` : `${data.classes} form-group-${classType}`;
     return control;
 }
-function createFormStatic(id, data) {
-    const control = createFormControl(id, "static", data);
-    data = control.data;
-    data.style = data.style || "table";
-    return control;
+function createFormStatic(id, config) {
+    return createFormControl(id, "static", config);
 }
 function createFormModel(id, data) {
-    const control = createFormControl(id, "model", data);
-    data = control.data;
+    const control = createFormControl(id, "group", data);
+    data = control.config;
     data.name = data.name || "";
     return control;
 }
 function createFormFile(id, data) {
     const control = createFormControl(id, "file", data);
-    data = control.data;
-    data.accept = data.accept || ".jpg,.jpeg,.png";
-    data.multi = data.multi || false;
-    data.baseUrl = ObjectUtils.isString(data.baseUrl) ? data.baseUrl : "assets/";
-    data.uploadUrl = ObjectUtils.isString(data.uploadUrl) ? data.uploadUrl : "assets";
-    data.createUploadData = data.createUploadData || ((file) => {
-        const form = new FormData();
-        form.append("file", file);
-        return form;
-    });
+    data = control.config;
+    data.accept = data.accept || ["jpg", "jpeg", "png"];
+    data.multiple = data.multiple || false;
+    data.url = ObjectUtils.isString(data.url) ? data.url : "assets";
     return control;
 }
 
@@ -221,6 +185,8 @@ class FormSelectSubject extends FormSubject {
         val.then(options => {
             var _a, _b;
             this.next(options);
+            if (options.length == 0)
+                return;
             const currentVal = control.value;
             if (controlModel.multiple) {
                 const correctVal = (currentVal || []).filter(t => options.findIndex(o => o.value == t) >= 0);
@@ -424,50 +390,60 @@ class DynamicFormService extends DynamicFormService$1 {
             }
         });
     }
-    getFormModelForSchema(name) {
+    getFormModelForSchema(name, customizeModel) {
         return __awaiter(this, void 0, void 0, function* () {
             this.api.cache = {};
             this.schemas = yield this.openApi.getSchemas();
-            return this.getFormModelForSchemaDef(this.schemas[name]);
+            const customizeModels = (property, schema, modelType, config) => {
+                const model = new modelType(config);
+                if (!ObjectUtils.isFunction(customizeModel))
+                    return [model];
+                const res = customizeModel(property, schema, model, config);
+                return Array.isArray(res) ? res : [res];
+            };
+            return this.getFormModelForSchemaDef(this.schemas[name], customizeModels);
         });
     }
-    getFormModelForSchemaDef(schema) {
+    getFormModelForSchemaDef(schema, customizeModels) {
         if (!schema)
             return [];
-        return Object.keys(schema.properties || {}).map(p => {
+        const keys = Object.keys(schema.properties || {});
+        const controls = [];
+        for (const p of keys) {
             const property = schema.properties[p];
-            return this.getFormControlModel(property, schema);
-        }).filter(t => null !== t);
+            controls.push(...this.getFormControlModels(property, schema, customizeModels));
+        }
+        return controls.filter(t => null !== t);
     }
-    getFormControlModel(property, schema) {
+    getFormControlModels(property, schema, customizeModels) {
         var _a, _b;
         const $enum = ((_a = property.items) === null || _a === void 0 ? void 0 : _a.enum) || property.enum;
         if (Array.isArray($enum) || isStringWithVal(property.optionsPath) || isStringWithVal(property.endpoint)) {
-            return new DynamicSelectModel(this.getFormSelectConfig(property, schema));
+            return customizeModels(property, schema, DynamicSelectModel, this.getFormSelectConfig(property, schema));
         }
         switch (property.type) {
             case "string":
             case "number":
             case "integer":
-                return new DynamicInputModel(this.getFormInputConfig(property, schema));
+                return customizeModels(property, schema, DynamicInputModel, this.getFormInputConfig(property, schema));
             case "textarea":
-                return new DynamicTextAreaModel(this.getFormTextareaConfig(property, schema));
+                return customizeModels(property, schema, DynamicTextAreaModel, this.getFormTextareaConfig(property, schema));
             case "boolean":
-                return new DynamicCheckboxModel(this.getFormCheckboxConfig(property, schema));
+                return customizeModels(property, schema, DynamicCheckboxModel, this.getFormCheckboxConfig(property, schema));
             case "array":
                 if (((_b = property.items) === null || _b === void 0 ? void 0 : _b.$ref) || property.$ref) {
-                    return new DynamicFormArrayModel(this.getFormArrayConfig(property, schema));
+                    return customizeModels(property, schema, DynamicFormArrayModel, this.getFormArrayConfig(property, schema, customizeModels));
                 }
                 else {
-                    return new DynamicInputModel(this.getFormInputConfig(property, schema));
+                    return customizeModels(property, schema, DynamicInputModel, this.getFormInputConfig(property, schema));
                 }
             case "file":
-                return new DynamicFileUploadModel(this.getFormUploadConfig(property, schema));
+                return customizeModels(property, schema, DynamicFileUploadModel, this.getFormUploadConfig(property, schema));
         }
         if (property.$ref) {
-            return new DynamicFormGroupModel(this.getFormGroupConfig(property, schema));
+            return customizeModels(property, schema, DynamicFormGroupModel, this.getFormGroupConfig(property, schema, customizeModels));
         }
-        return null;
+        return [];
     }
     getFormControlConfig(property, schema) {
         const validators = this.getValidators(property, schema);
@@ -485,16 +461,16 @@ class DynamicFormService extends DynamicFormService$1 {
             additional: Object.assign({}, property)
         };
     }
-    getFormArrayConfig(property, schema) {
+    getFormArrayConfig(property, schema, customizeModels) {
         var _a;
         const ref = ((_a = property.items) === null || _a === void 0 ? void 0 : _a.$ref) || property.$ref || "";
         const subSchema = this.schemas[ref.split("/").pop()];
-        return Object.assign(this.getFormControlConfig(property, schema), { groupFactory: () => this.getFormModelForSchemaDef(subSchema) });
+        return Object.assign(this.getFormControlConfig(property, schema), { groupFactory: () => this.getFormModelForSchemaDef(subSchema, customizeModels) });
     }
-    getFormGroupConfig(property, schema) {
+    getFormGroupConfig(property, schema, customizeModels) {
         const ref = property.$ref || "";
         const subSchema = this.schemas[ref.split("/").pop()];
-        return Object.assign(this.getFormControlConfig(property, schema), { group: this.getFormModelForSchemaDef(subSchema) });
+        return Object.assign(this.getFormControlConfig(property, schema), { group: this.getFormModelForSchemaDef(subSchema, customizeModels) });
     }
     getFormInputConfig(property, schema) {
         var _a;
@@ -561,7 +537,7 @@ class DynamicFormService extends DynamicFormService$1 {
         if (Array.isArray($enum)) {
             return new FormSelectSubject(() => {
                 const options = $enum.map(value => {
-                    const label = property.translatable ? `${property.id}.${value}` : value;
+                    const label = property.translatable ? `${property.id}.${value}` : `${value}`;
                     return { value, label };
                 });
                 return this.translateOptions(options);
@@ -1105,7 +1081,7 @@ const directives = [
 ];
 // --- Pipes ---
 const pipes = [];
-const ɵ0$1 = validateJSON, ɵ1 = validateRequiredTranslation, ɵ2 = validateItemsMinLength, ɵ3 = validateItemsMaxLength, ɵ4 = validateItemsMinValue, ɵ5 = validateItemsMaxValue, ɵ6 = new Map([
+const ɵ0 = validateJSON, ɵ1 = validateRequiredTranslation, ɵ2 = validateItemsMinLength, ɵ3 = validateItemsMaxLength, ɵ4 = validateItemsMinValue, ɵ5 = validateItemsMaxValue, ɵ6 = new Map([
     ["json", validateJSON],
     ["requiredTranslation", validateRequiredTranslation],
     ["phone", validatePhone],
@@ -1152,7 +1128,7 @@ NgxDynamicFormModule.decorators = [
                 entryComponents: components,
                 providers: [
                     ...pipes,
-                    { provide: NG_VALIDATORS, useValue: ɵ0$1, multi: true },
+                    { provide: NG_VALIDATORS, useValue: ɵ0, multi: true },
                     { provide: NG_VALIDATORS, useValue: ɵ1, multi: true },
                     { provide: NG_VALIDATORS, useValue: ɵ2, multi: true },
                     { provide: NG_VALIDATORS, useValue: ɵ3, multi: true },
@@ -1170,5 +1146,5 @@ NgxDynamicFormModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { AsyncSubmitDirective, DynamicBaseFormArrayComponent, DynamicBaseFormComponent, DynamicBaseFormControlContainerComponent, DynamicBaseFormGroupComponent, DynamicFormService, FormFieldSet, FormFile, FormInput, FormModel, FormSelect, FormSelectSubject, FormSerializable, FormStatic, FormSubject, NgxDynamicFormModule, createFormControl, createFormInput, createFormModel, createFormSelect, createFormStatic, defaultSerializer, defineFormControl, getFormControl, getFormFieldSets, getFormSerializer, validateItemsMaxLength, validateItemsMaxValue, validateItemsMinLength, validateItemsMinValue, validateJSON, validatePhone, validateRequiredTranslation, components as ɵa, directives as ɵb, pipes as ɵc };
+export { AsyncSubmitDirective, DynamicBaseFormArrayComponent, DynamicBaseFormComponent, DynamicBaseFormControlContainerComponent, DynamicBaseFormGroupComponent, DynamicFormService, FormFile, FormInput, FormModel, FormSelect, FormSelectSubject, FormSerializable, FormStatic, FormSubject, NgxDynamicFormModule, createFormControl, createFormInput, createFormModel, createFormSelect, createFormStatic, defaultSerializer, defineFormControl, getFormControl, getFormSerializer, validateItemsMaxLength, validateItemsMaxValue, validateItemsMinLength, validateItemsMinValue, validateJSON, validatePhone, validateRequiredTranslation, components as ɵa, directives as ɵb, pipes as ɵc };
 //# sourceMappingURL=stemy-ngx-dynamic-form.js.map