@stemy/ngx-dynamic-form 10.2.28 → 10.2.29

package/bundles/stemy-ngx-dynamic-form.umd.js

@@ -5,11 +5,6 @@
 }(this, (function (exports, ngxUtils, rxjs, core$1, forms, core, operators, common) { 'use strict';
 
     // --- Decorator functions ---
-    var emptyArray = [];
-    var emptyTester = function () {
-        return Promise.resolve(false);
-    };
-    var ɵ0 = emptyTester;
     function defaultSerializer(id, parent) {
         var control = parent.get(id);
         return !control ? null : control.value;
@@ -55,85 +50,54 @@
             defineFormControl(target, propertyKey, createFormFile(propertyKey, data));
         };
     }
-    function FormFieldSet(data) {
-        return function (target) {
-            var sets = getFormFieldSets(target);
-            data.classes = data.classes || "";
-            sets[data.id] = data;
-            ngxUtils.ReflectUtils.defineMetadata("dynamicFormFieldSets", sets, target);
-        };
-    }
     function defineFormControl(target, propertyKey, control) {
         ngxUtils.ReflectUtils.defineMetadata("dynamicFormControl", control, target, propertyKey);
     }
-    function getFormFieldSets(target) {
-        return ngxUtils.ReflectUtils.getMetadata("dynamicFormFieldSets", target) || {};
-    }
     function getFormControl(target, propertyKey) {
         return ngxUtils.ReflectUtils.getMetadata("dynamicFormControl", target, propertyKey);
     }
     function getFormSerializer(target, propertyKey) {
         return ngxUtils.ReflectUtils.getMetadata("dynamicFormSerializer", target, propertyKey);
     }
-    function createFormControl(id, type, data) {
-        data = data || {};
-        data.label = ngxUtils.ObjectUtils.isNullOrUndefined(data.label) ? id : data.label;
-        data.labelAlign = data.labelAlign || "left";
-        data.fieldSet = data.fieldSet || ngxUtils.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: id };
+        config.id = id;
+        config.label = ngxUtils.ObjectUtils.isNullOrUndefined(config.label) ? id : config.label;
+        config.disabled = config.disabled || false;
+        config.hidden = config.hidden || false;
+        return { id: id, type: type, config: config };
     }
-    function createFormInput(id, data, type) {
+    function createFormInput(id, config, type) {
         if (type === void 0) { type = "text"; }
-        var 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];
+        var 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) {
         var control = createFormControl(id, "select", data);
-        data = control.data;
+        data = control.config;
         data.options = data.options || [];
-        data.type = data.type || "select";
-        var 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) {
-        var 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) {
-        var control = createFormControl(id, "model", data);
-        data = control.data;
+        var control = createFormControl(id, "group", data);
+        data = control.config;
         data.name = data.name || "";
         return control;
     }
     function createFormFile(id, data) {
         var control = createFormControl(id, "file", data);
-        data = control.data;
-        data.accept = data.accept || ".jpg,.jpeg,.png";
-        data.multi = data.multi || false;
-        data.baseUrl = ngxUtils.ObjectUtils.isString(data.baseUrl) ? data.baseUrl : "assets/";
-        data.uploadUrl = ngxUtils.ObjectUtils.isString(data.uploadUrl) ? data.uploadUrl : "assets";
-        data.createUploadData = data.createUploadData || (function (file) {
-            var 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 = ngxUtils.ObjectUtils.isString(data.url) ? data.url : "assets";
         return control;
     }
 
@@ -555,6 +519,8 @@
             val.then(function (options) {
                 var _a, _b;
                 _this.next(options);
+                if (options.length == 0)
+                    return;
                 var currentVal = control.value;
                 if (controlModel.multiple) {
                     var correctVal = (currentVal || []).filter(function (t) { return options.findIndex(function (o) { return o.value == t; }) >= 0; });
@@ -808,9 +774,9 @@
                 }
             });
         };
-        DynamicFormService.prototype.getFormModelForSchema = function (name) {
+        DynamicFormService.prototype.getFormModelForSchema = function (name, customizeModel) {
             return __awaiter(this, void 0, void 0, function () {
-                var _c;
+                var _c, customizeModels;
                 return __generator(this, function (_d) {
                     switch (_d.label) {
                         case 0:
@@ -819,49 +785,69 @@
                             return [4 /*yield*/, this.openApi.getSchemas()];
                         case 1:
                             _c.schemas = _d.sent();
-                            return [2 /*return*/, this.getFormModelForSchemaDef(this.schemas[name])];
+                            customizeModels = function (property, schema, modelType, config) {
+                                var model = new modelType(config);
+                                if (!ngxUtils.ObjectUtils.isFunction(customizeModel))
+                                    return [model];
+                                var res = customizeModel(property, schema, model, config);
+                                return Array.isArray(res) ? res : [res];
+                            };
+                            return [2 /*return*/, this.getFormModelForSchemaDef(this.schemas[name], customizeModels)];
                     }
                 });
             });
         };
-        DynamicFormService.prototype.getFormModelForSchemaDef = function (schema) {
-            var _this = this;
+        DynamicFormService.prototype.getFormModelForSchemaDef = function (schema, customizeModels) {
+            var e_1, _c;
             if (!schema)
                 return [];
-            return Object.keys(schema.properties || {}).map(function (p) {
-                var property = schema.properties[p];
-                return _this.getFormControlModel(property, schema);
-            }).filter(function (t) { return null !== t; });
+            var keys = Object.keys(schema.properties || {});
+            var controls = [];
+            try {
+                for (var keys_1 = __values(keys), keys_1_1 = keys_1.next(); !keys_1_1.done; keys_1_1 = keys_1.next()) {
+                    var p = keys_1_1.value;
+                    var property = schema.properties[p];
+                    controls.push.apply(controls, __spread(this.getFormControlModels(property, schema, customizeModels)));
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (keys_1_1 && !keys_1_1.done && (_c = keys_1.return)) _c.call(keys_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            return controls.filter(function (t) { return null !== t; });
         };
-        DynamicFormService.prototype.getFormControlModel = function (property, schema) {
+        DynamicFormService.prototype.getFormControlModels = function (property, schema, customizeModels) {
             var _a, _b;
             var $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 core.DynamicSelectModel(this.getFormSelectConfig(property, schema));
+                return customizeModels(property, schema, core.DynamicSelectModel, this.getFormSelectConfig(property, schema));
             }
             switch (property.type) {
                 case "string":
                 case "number":
                 case "integer":
-                    return new core.DynamicInputModel(this.getFormInputConfig(property, schema));
+                    return customizeModels(property, schema, core.DynamicInputModel, this.getFormInputConfig(property, schema));
                 case "textarea":
-                    return new core.DynamicTextAreaModel(this.getFormTextareaConfig(property, schema));
+                    return customizeModels(property, schema, core.DynamicTextAreaModel, this.getFormTextareaConfig(property, schema));
                 case "boolean":
-                    return new core.DynamicCheckboxModel(this.getFormCheckboxConfig(property, schema));
+                    return customizeModels(property, schema, core.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 core.DynamicInputModel(this.getFormInputConfig(property, schema));
+                        return customizeModels(property, schema, core.DynamicInputModel, this.getFormInputConfig(property, schema));
                     }
                 case "file":
-                    return new core.DynamicFileUploadModel(this.getFormUploadConfig(property, schema));
+                    return customizeModels(property, schema, core.DynamicFileUploadModel, this.getFormUploadConfig(property, schema));
             }
             if (property.$ref) {
-                return new core.DynamicFormGroupModel(this.getFormGroupConfig(property, schema));
+                return customizeModels(property, schema, core.DynamicFormGroupModel, this.getFormGroupConfig(property, schema, customizeModels));
             }
-            return null;
+            return [];
         };
         DynamicFormService.prototype.getFormControlConfig = function (property, schema) {
             var validators = this.getValidators(property, schema);
@@ -879,17 +865,17 @@
                 additional: Object.assign({}, property)
             };
         };
-        DynamicFormService.prototype.getFormArrayConfig = function (property, schema) {
+        DynamicFormService.prototype.getFormArrayConfig = function (property, schema, customizeModels) {
             var _this = this;
             var _a;
             var ref = ((_a = property.items) === null || _a === void 0 ? void 0 : _a.$ref) || property.$ref || "";
             var subSchema = this.schemas[ref.split("/").pop()];
-            return Object.assign(this.getFormControlConfig(property, schema), { groupFactory: function () { return _this.getFormModelForSchemaDef(subSchema); } });
+            return Object.assign(this.getFormControlConfig(property, schema), { groupFactory: function () { return _this.getFormModelForSchemaDef(subSchema, customizeModels); } });
         };
-        DynamicFormService.prototype.getFormGroupConfig = function (property, schema) {
+        DynamicFormService.prototype.getFormGroupConfig = function (property, schema, customizeModels) {
             var ref = property.$ref || "";
             var 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) });
         };
         DynamicFormService.prototype.getFormInputConfig = function (property, schema) {
             var _a;
@@ -942,8 +928,8 @@
         };
         DynamicFormService.prototype.translateOptions = function (options) {
             return __awaiter(this, void 0, void 0, function () {
-                var options_1, options_1_1, option, _c, e_1_1;
-                var e_1, _d;
+                var options_1, options_1_1, option, _c, e_2_1;
+                var e_2, _d;
                 return __generator(this, function (_e) {
                     switch (_e.label) {
                         case 0:
@@ -967,14 +953,14 @@
                             return [3 /*break*/, 2];
                         case 5: return [3 /*break*/, 8];
                         case 6:
-                            e_1_1 = _e.sent();
-                            e_1 = { error: e_1_1 };
+                            e_2_1 = _e.sent();
+                            e_2 = { error: e_2_1 };
                             return [3 /*break*/, 8];
                         case 7:
                             try {
                                 if (options_1_1 && !options_1_1.done && (_d = options_1.return)) _d.call(options_1);
                             }
-                            finally { if (e_1) throw e_1.error; }
+                            finally { if (e_2) throw e_2.error; }
                             return [7 /*endfinally*/];
                         case 8: return [2 /*return*/, options];
                     }
@@ -988,7 +974,7 @@
             if (Array.isArray($enum)) {
                 return new FormSelectSubject(function () {
                     var options = $enum.map(function (value) {
-                        var label = property.translatable ? property.id + "." + value : value;
+                        var label = property.translatable ? property.id + "." + value : "" + value;
                         return { value: value, label: label };
                     });
                     return _this.translateOptions(options);
@@ -1598,7 +1584,7 @@
     ];
     // --- Pipes ---
     var pipes = [];
-    var ɵ0$1 = validateJSON, ɵ1 = validateRequiredTranslation, ɵ2 = validateItemsMinLength, ɵ3 = validateItemsMaxLength, ɵ4 = validateItemsMinValue, ɵ5 = validateItemsMaxValue, ɵ6 = new Map([
+    var ɵ0 = validateJSON, ɵ1 = validateRequiredTranslation, ɵ2 = validateItemsMinLength, ɵ3 = validateItemsMaxLength, ɵ4 = validateItemsMinValue, ɵ5 = validateItemsMaxValue, ɵ6 = new Map([
         ["json", validateJSON],
         ["requiredTranslation", validateRequiredTranslation],
         ["phone", validatePhone],
@@ -1640,7 +1626,7 @@
                     ]),
                     entryComponents: components,
                     providers: __spread(pipes, [
-                        { provide: forms.NG_VALIDATORS, useValue: ɵ0$1, multi: true },
+                        { provide: forms.NG_VALIDATORS, useValue: ɵ0, multi: true },
                         { provide: forms.NG_VALIDATORS, useValue: ɵ1, multi: true },
                         { provide: forms.NG_VALIDATORS, useValue: ɵ2, multi: true },
                         { provide: forms.NG_VALIDATORS, useValue: ɵ3, multi: true },
@@ -1664,7 +1650,6 @@
     exports.DynamicBaseFormControlContainerComponent = DynamicBaseFormControlContainerComponent;
     exports.DynamicBaseFormGroupComponent = DynamicBaseFormGroupComponent;
     exports.DynamicFormService = DynamicFormService;
-    exports.FormFieldSet = FormFieldSet;
     exports.FormFile = FormFile;
     exports.FormInput = FormInput;
     exports.FormModel = FormModel;
@@ -1682,7 +1667,6 @@
     exports.defaultSerializer = defaultSerializer;
     exports.defineFormControl = defineFormControl;
     exports.getFormControl = getFormControl;
-    exports.getFormFieldSets = getFormFieldSets;
     exports.getFormSerializer = getFormSerializer;
     exports.validateItemsMaxLength = validateItemsMaxLength;
     exports.validateItemsMaxValue = validateItemsMaxValue;