@stemy/ngx-dynamic-form 10.2.24 → 10.2.27

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

@@ -163,9 +163,37 @@
             return Promise.resolve(null);
         var phoneRegexp = /^(?:\d){10,12}$/;
         return phoneRegexp.test(value) ? null : { phone: true };
+    }
+    function validateItemsMinLength(minLength) {
+        return function (control) {
+            var value = control.value;
+            return (Array.isArray(value) && value.every(function (v) { return typeof v == "string" && v.length >= minLength; }))
+                ? null : { itemsMinLength: minLength };
+        };
+    }
+    function validateItemsMaxLength(maxLength) {
+        return function (control) {
+            var value = control.value;
+            return (Array.isArray(value) && value.every(function (v) { return typeof v == "string" && v.length <= maxLength; }))
+                ? null : { itemsMaxLength: maxLength };
+        };
+    }
+    function validateItemsMinValue(min) {
+        return function (control) {
+            var value = control.value;
+            return (Array.isArray(value) && value.every(function (v) { return typeof v == "number" && v >= min; }))
+                ? null : { itemsMinValue: min };
+        };
+    }
+    function validateItemsMaxValue(max) {
+        return function (control) {
+            var value = control.value;
+            return (Array.isArray(value) && value.every(function (v) { return typeof v == "number" && v <= max; }))
+                ? null : { itemsMaxValue: max };
+        };
     }
 
-    /*! *****************************************************************************
+    /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -189,6 +217,8 @@
         return extendStatics(d, b);
     };
     function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -325,7 +355,11 @@
     var __createBinding = Object.create ? (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+            desc = { enumerable: true, get: function () { return m[k]; } };
+        }
+        Object.defineProperty(o, k2, desc);
     }) : (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
@@ -374,11 +408,13 @@
         }
         return ar;
     }
+    /** @deprecated */
     function __spread() {
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
     }
+    /** @deprecated */
     function __spreadArrays() {
         for (var s = 0, i = 0, il = arguments.length; i < il; i++)
             s += arguments[i].length;
@@ -387,7 +423,17 @@
                 r[k] = a[j];
         return r;
     }
-    ;
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
     }
@@ -452,18 +498,26 @@
     function __importDefault(mod) {
         return (mod && mod.__esModule) ? mod : { default: mod };
     }
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
     }
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
+    function __classPrivateFieldIn(state, receiver) {
+        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
+            throw new TypeError("Cannot use 'in' operator on non-object");
+        return typeof state === "function" ? receiver === state : state.has(receiver);
     }
 
     var FormSubject = /** @class */ (function (_super) {
@@ -473,28 +527,55 @@
             _this.notifyCallback = notifyCallback;
             return _this;
         }
+        FormSubject.prototype.handleNotifiedValue = function (controlModel, control, val) {
+            var _this = this;
+            val.then(function (v) { return _this.next(v); });
+        };
         FormSubject.prototype.notify = function (controlModel, control) {
-            return __awaiter(this, void 0, void 0, function () {
-                var value;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            value = this.notifyCallback(controlModel, control);
-                            if (!(value instanceof Promise)) return [3 /*break*/, 2];
-                            return [4 /*yield*/, value];
-                        case 1:
-                            value = _a.sent();
-                            _a.label = 2;
-                        case 2:
-                            this.next(value);
-                            return [2 /*return*/];
-                    }
-                });
-            });
+            var path = controlModel;
+            while (path && isNaN(path.index)) {
+                path = path.parent;
+            }
+            var value = this.notifyCallback(controlModel, control, path === null || path === void 0 ? void 0 : path.index);
+            if (!(value instanceof Promise)) {
+                value = Promise.resolve(value);
+            }
+            this.handleNotifiedValue(controlModel, control, value);
         };
         return FormSubject;
     }(rxjs.Subject));
 
+    var FormSelectSubject = /** @class */ (function (_super) {
+        __extends(FormSelectSubject, _super);
+        function FormSelectSubject() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        FormSelectSubject.prototype.handleNotifiedValue = function (controlModel, control, val) {
+            var _this = this;
+            val.then(function (options) {
+                var _a, _b;
+                _this.next(options);
+                var currentVal = control.value;
+                if (controlModel.multiple) {
+                    var correctVal = (currentVal || []).filter(function (t) { return options.findIndex(function (o) { return o.value == t; }) >= 0; });
+                    if (correctVal.length !== (currentVal === null || currentVal === void 0 ? void 0 : currentVal.length)) {
+                        control.setValue(correctVal, { onlySelf: true, emitEvent: false });
+                    }
+                    return;
+                }
+                var option = options.find(function (t) { return t.value == currentVal; });
+                if (!option) {
+                    control.setValue((_b = (_a = options[0]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : null, { onlySelf: true, emitEvent: false });
+                }
+            });
+        };
+        return FormSelectSubject;
+    }(FormSubject));
+
+    function isStringWithVal(val) {
+        return typeof val == "string" && val.length > 0;
+    }
+
     var DynamicFormArrayModel = /** @class */ (function (_super) {
         __extends(DynamicFormArrayModel, _super);
         function DynamicFormArrayModel(config, layout) {
@@ -740,7 +821,8 @@
         };
         DynamicFormService.prototype.getFormControlModel = function (property, schema) {
             var _a, _b;
-            if (Array.isArray(property.enum) || ngxUtils.ObjectUtils.isString(property.optionsPath)) {
+            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));
             }
             switch (property.type) {
@@ -752,15 +834,10 @@
                     return new core.DynamicTextAreaModel(this.getFormTextareaConfig(property, schema));
                 case "boolean":
                     return new core.DynamicCheckboxModel(this.getFormCheckboxConfig(property, schema));
-                case "list":
-                    return new core.DynamicSelectModel(this.getFormSelectConfig(property, schema));
                 case "array":
-                    if (((_a = property.items) === null || _a === void 0 ? void 0 : _a.$ref) || property.$ref) {
+                    if (((_b = property.items) === null || _b === void 0 ? void 0 : _b.$ref) || property.$ref) {
                         return new DynamicFormArrayModel(this.getFormArrayConfig(property, schema));
                     }
-                    else if (((_b = property.items) === null || _b === void 0 ? void 0 : _b.enum) || property.enum) {
-                        return new core.DynamicSelectModel(this.getFormSelectConfig(property, schema));
-                    }
                     else {
                         return new core.DynamicInputModel(this.getFormInputConfig(property, schema));
                     }
@@ -814,6 +891,7 @@
                     inputType = "number";
                     break;
             }
+            var sub = property.type == "array" ? property.items || property : property;
             return Object.assign(this.getFormControlConfig(property, schema), {
                 inputType: inputType,
                 autoComplete: property.autoComplete || "off",
@@ -821,9 +899,11 @@
                 accept: ngxUtils.ObjectUtils.isString(property.accept) ? property.accept : null,
                 mask: ngxUtils.ObjectUtils.isString(property.mask) ? property.mask : null,
                 pattern: ngxUtils.ObjectUtils.isString(property.pattern) ? property.pattern : null,
-                step: isNaN(property.step) ? 1 : property.step,
-                min: isNaN(property.min) ? Number.MIN_SAFE_INTEGER : property.min,
-                max: isNaN(property.max) ? Number.MAX_SAFE_INTEGER : property.max,
+                step: isNaN(sub.step) ? (isNaN(property.step) ? 1 : property.step) : sub.step,
+                min: isNaN(sub.minimum) ? Number.MIN_SAFE_INTEGER : sub.minimum,
+                max: isNaN(sub.maximum) ? Number.MAX_SAFE_INTEGER : sub.maximum,
+                minLength: isNaN(sub.minLength) ? Number.MIN_SAFE_INTEGER : sub.minLength,
+                maxLength: isNaN(sub.maxLength) ? Number.MAX_SAFE_INTEGER : sub.maxLength,
             });
         };
         DynamicFormService.prototype.getFormTextareaConfig = function (property, schema) {
@@ -891,8 +971,17 @@
             var _this = this;
             var _a;
             var $enum = ((_a = property.items) === null || _a === void 0 ? void 0 : _a.enum) || property.enum;
-            if (property.optionsPath) {
-                return new FormSubject(function (formModel, control) {
+            if (Array.isArray($enum)) {
+                return new FormSelectSubject(function () {
+                    var options = $enum.map(function (value) {
+                        var label = property.translatable ? property.id + "." + value : value;
+                        return { value: value, label: label };
+                    });
+                    return _this.translateOptions(options);
+                });
+            }
+            if (isStringWithVal(property.optionsPath)) {
+                return new FormSelectSubject(function (formModel, control, index) {
                     var path = property.optionsPath;
                     var target = control;
                     if (path.startsWith("$root")) {
@@ -907,21 +996,12 @@
                             target = target.parent;
                         }
                     }
-                    var value = ngxUtils.ObjectUtils.getValue(target.value, path);
+                    var value = ngxUtils.ObjectUtils.getValue(target.value, path.replace(/\$ix/gi, index));
                     var options = (!ngxUtils.ObjectUtils.isArray(value) ? [] : value).map(function (value) { return ({ value: value, label: value }); });
                     return _this.translateOptions(options);
                 });
             }
-            if (ngxUtils.ObjectUtils.isArray($enum)) {
-                return new FormSubject(function () {
-                    var options = $enum.map(function (value) {
-                        var label = property.translatable ? property.id + "." + value : value;
-                        return { value: value, label: label };
-                    });
-                    return _this.translateOptions(options);
-                });
-            }
-            return new FormSubject(function () { return __awaiter(_this, void 0, void 0, function () {
+            return new FormSelectSubject(function () { return __awaiter(_this, void 0, void 0, function () {
                 var options;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
@@ -957,24 +1037,46 @@
             if (ngxUtils.ObjectUtils.isArray(schema.required) && schema.required.indexOf(property.id) >= 0) {
                 validators.required = null;
             }
-            if (property.minLength) {
+            this.addPropertyValidators(validators, property);
+            this.addItemsValidators(validators, property.items);
+            return validators;
+        };
+        DynamicFormService.prototype.addPropertyValidators = function (validators, property) {
+            if (!property)
+                return;
+            if (!isNaN(property.minLength)) {
                 validators.minLength = property.minLength;
             }
-            if (property.maxLength) {
+            if (!isNaN(property.maxLength)) {
                 validators.maxLength = property.maxLength;
             }
-            if (property.min) {
-                validators.min = property.min;
+            if (!isNaN(property.minimum)) {
+                validators.min = property.minimum;
             }
-            if (property.max) {
-                validators.max = property.max;
+            if (!isNaN(property.maximum)) {
+                validators.max = property.maximum;
             }
             switch (property.format) {
                 case "email":
                     validators.email = null;
                     break;
             }
-            return validators;
+        };
+        DynamicFormService.prototype.addItemsValidators = function (validators, items) {
+            if (!items)
+                return;
+            if (!isNaN(items.minLength)) {
+                validators.itemsMinLength = items.minLength;
+            }
+            if (!isNaN(items.maxLength)) {
+                validators.itemsMaxLength = items.maxLength;
+            }
+            if (!isNaN(items.minimum)) {
+                validators.itemsMinValue = items.minimum;
+            }
+            if (!isNaN(items.maximum)) {
+                validators.itemsMaxValue = items.maximum;
+            }
         };
         return DynamicFormService;
     }(core.DynamicFormService));
@@ -1369,10 +1471,14 @@
     ];
     // --- Pipes ---
     var pipes = [];
-    var ɵ0$1 = validateJSON, ɵ1 = validateRequiredTranslation, ɵ2 = validatePhone, ɵ3 = new Map([
-        ["validateJSON", validateJSON],
-        ["validateRequiredTranslation", validateRequiredTranslation],
-        ["validatePhone", validatePhone],
+    var ɵ0$1 = validateJSON, ɵ1 = validateRequiredTranslation, ɵ2 = validateItemsMinLength, ɵ3 = validateItemsMaxLength, ɵ4 = validateItemsMinValue, ɵ5 = validateItemsMaxValue, ɵ6 = new Map([
+        ["json", validateJSON],
+        ["requiredTranslation", validateRequiredTranslation],
+        ["phone", validatePhone],
+        ["itemsMinLength", validateItemsMinLength],
+        ["itemsMaxLength", validateItemsMaxLength],
+        ["itemsMinValue", validateItemsMinValue],
+        ["itemsMaxValue", validateItemsMaxValue],
     ]);
     var NgxDynamicFormModule = /** @class */ (function () {
         function NgxDynamicFormModule() {
@@ -1415,9 +1521,12 @@
                         { provide: forms.NG_VALIDATORS, useValue: ɵ0$1, 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 },
+                        { provide: forms.NG_VALIDATORS, useValue: ɵ4, multi: true },
+                        { provide: forms.NG_VALIDATORS, useValue: ɵ5, multi: true },
                         {
                             provide: core.DYNAMIC_VALIDATORS,
-                            useValue: ɵ3
+                            useValue: ɵ6
                         }
                     ])
                 },] }
@@ -1436,6 +1545,7 @@
     exports.FormInput = FormInput;
     exports.FormModel = FormModel;
     exports.FormSelect = FormSelect;
+    exports.FormSelectSubject = FormSelectSubject;
     exports.FormSerializable = FormSerializable;
     exports.FormStatic = FormStatic;
     exports.FormSubject = FormSubject;
@@ -1450,6 +1560,10 @@
     exports.getFormControl = getFormControl;
     exports.getFormFieldSets = getFormFieldSets;
     exports.getFormSerializer = getFormSerializer;
+    exports.validateItemsMaxLength = validateItemsMaxLength;
+    exports.validateItemsMaxValue = validateItemsMaxValue;
+    exports.validateItemsMinLength = validateItemsMinLength;
+    exports.validateItemsMinValue = validateItemsMinValue;
     exports.validateJSON = validateJSON;
     exports.validatePhone = validatePhone;
     exports.validateRequiredTranslation = validateRequiredTranslation;