@stemy/ngx-dynamic-form 13.1.20 → 13.2.0

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

@@ -1,212 +1,16 @@
-import * as i2 from '@stemy/ngx-utils';
-import { ReflectUtils, ObjectUtils, TimerUtils, StringUtils, OpenApiService, TOASTER_SERVICE, ObservableUtils, EventsService, NgxUtilsModule } from '@stemy/ngx-utils';
-import { __decorate } from 'tslib';
 import * as i1 from '@ng-dynamic-forms/core';
-import { DynamicInputControlModel, DYNAMIC_FORM_CONTROL_TYPE_EDITOR, serializable, DynamicFormArrayGroupModel as DynamicFormArrayGroupModel$1, DynamicFormArrayModel as DynamicFormArrayModel$1, DynamicFormOption as DynamicFormOption$1, DynamicSelectModel as DynamicSelectModel$1, DynamicFormService as DynamicFormService$1, DynamicDatePickerModel, DynamicFormGroupModel, DynamicInputModel, DynamicFormValueControlModel, DynamicFileUploadModel, DynamicCheckboxModel, DynamicTextAreaModel, DynamicFormComponent, DynamicTemplateDirective, DynamicFormControlContainerComponent, DYNAMIC_FORM_CONTROL_TYPE_ARRAY, DynamicFormArrayComponent, DynamicFormControlComponent, DynamicFormGroupComponent, DYNAMIC_FORM_CONTROL_MAP_FN, DYNAMIC_VALIDATORS } from '@ng-dynamic-forms/core';
+import { DynamicInputControlModel, DYNAMIC_FORM_CONTROL_TYPE_EDITOR, serializable, DynamicFormArrayGroupModel as DynamicFormArrayGroupModel$1, DynamicFormArrayModel as DynamicFormArrayModel$1, DynamicFormOption as DynamicFormOption$1, DynamicSelectModel as DynamicSelectModel$1, DynamicCheckboxModel, DynamicDatePickerModel, DynamicFormGroupModel, DynamicInputModel, DynamicTextAreaModel, DynamicFileUploadModel, DynamicFormService as DynamicFormService$1, DynamicFormValueControlModel, DynamicFormComponent, DynamicTemplateDirective, DynamicFormControlContainerComponent, DYNAMIC_FORM_CONTROL_TYPE_ARRAY, DynamicFormArrayComponent, DynamicFormControlComponent, DynamicFormGroupComponent, DYNAMIC_FORM_CONTROL_MAP_FN, DYNAMIC_VALIDATORS } from '@ng-dynamic-forms/core';
 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, DynamicFormGroupModel, DynamicFormsCoreModule, DynamicInputModel, DynamicListDirective, DynamicRadioGroupModel, DynamicTemplateDirective, DynamicTextAreaModel } from '@ng-dynamic-forms/core';
-import { BehaviorSubject, of, isObservable, map, Subject, firstValueFrom, Subscription, debounceTime as debounceTime$1, groupBy, mergeMap } from 'rxjs';
+import * as i2 from '@stemy/ngx-utils';
+import { ObjectUtils, TimerUtils, StringUtils, OpenApiService, TOASTER_SERVICE, ObservableUtils, EventsService, NgxUtilsModule } from '@stemy/ngx-utils';
+import { __decorate } from 'tslib';
+import { BehaviorSubject, of, isObservable, Subject, firstValueFrom, Subscription } from 'rxjs';
+import { map, debounceTime, groupBy, mergeMap, first } from 'rxjs/operators';
 import * as i0 from '@angular/core';
 import { Injector, Injectable, Inject, EventEmitter, Directive, Input, Output, HostBinding, HostListener, QueryList, Component, ChangeDetectionStrategy, ContentChildren, ViewChildren, ViewContainerRef, ViewChild, forwardRef, NgModule } from '@angular/core';
 import { FormGroup, FormArray, FormsModule, ReactiveFormsModule, NG_VALIDATORS } from '@angular/forms';
-import { debounceTime, first } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 
-// --- Decorator functions ---
-function defaultSerializer(id, parent) {
-    const control = parent.get(id);
-    return !control ? null : control.value;
-}
-function FormSerializable(serializer) {
-    return (target, propertyKey) => {
-        ReflectUtils.defineMetadata("dynamicFormSerializer", serializer || defaultSerializer, target, propertyKey);
-    };
-}
-function FormInput(data) {
-    return (target, propertyKey) => {
-        const meta = ReflectUtils.getOwnMetadata("design:type", target, propertyKey);
-        const type = meta ? meta.name : "";
-        let inputType = propertyKey.indexOf("password") < 0 ? "text" : "password";
-        switch (type) {
-            case "Number":
-                inputType = "number";
-                break;
-            case "Boolean":
-                inputType = "checkbox";
-                break;
-        }
-        defineFormControl(target, propertyKey, createFormInput(propertyKey, data, inputType));
-    };
-}
-function FormSelect(data) {
-    return (target, propertyKey) => {
-        defineFormControl(target, propertyKey, createFormSelect(propertyKey, data));
-    };
-}
-function FormStatic(data) {
-    return (target, propertyKey) => {
-        defineFormControl(target, propertyKey, createFormStatic(propertyKey, data));
-    };
-}
-function FormModel(data) {
-    return (target, propertyKey) => {
-        defineFormControl(target, propertyKey, createFormModel(propertyKey, data));
-    };
-}
-function FormFile(data) {
-    return (target, propertyKey) => {
-        defineFormControl(target, propertyKey, createFormFile(propertyKey, data));
-    };
-}
-function defineFormControl(target, propertyKey, control) {
-    ReflectUtils.defineMetadata("dynamicFormControl", control, target, propertyKey);
-}
-function getFormControl(target, propertyKey) {
-    return ReflectUtils.getMetadata("dynamicFormControl", target, propertyKey);
-}
-function getFormSerializer(target, propertyKey) {
-    return ReflectUtils.getMetadata("dynamicFormSerializer", target, propertyKey);
-}
-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, 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 || null;
-    return control;
-}
-function createFormSelect(id, data) {
-    const control = createFormControl(id, "select", data);
-    data = control.config;
-    data.options = data.options || [];
-    return control;
-}
-function createFormStatic(id, config) {
-    return createFormControl(id, "static", config);
-}
-function createFormModel(id, 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.config;
-    data.accept = data.accept || ["jpg", "jpeg", "png"];
-    data.multiple = data.multiple || false;
-    data.url = ObjectUtils.isString(data.url) ? data.url : "assets";
-    return control;
-}
-
-function isStringWithVal(val) {
-    return typeof val == "string" && val.length > 0;
-}
-function findRefs(property) {
-    const refs = Array.isArray(property.allOf)
-        ? property.allOf.map(o => o.$ref).filter(isStringWithVal)
-        : [property.items?.$ref, property.$ref].filter(isStringWithVal);
-    return refs.map(t => t.split("/").pop());
-}
-function replaceSpecialChars(str, to = "-") {
-    return `${str}`.replace(/[&\/\\#, +()$~%.@'":*?<>{}]/g, to);
-}
-function mergeFormModels(formModels) {
-    const res = [];
-    for (const formModel of formModels) {
-        for (const subModel of formModel) {
-            const index = res.findIndex(t => t.id == subModel.id);
-            if (index >= 0) {
-                res[index] = subModel;
-                continue;
-            }
-            res.push(subModel);
-        }
-    }
-    return res;
-}
-function collectPathAble(start, getter) {
-    if (!start || !getter(start))
-        return [];
-    const parts = [];
-    let currentPath = start;
-    while (currentPath) {
-        const val = getter(currentPath);
-        if (val) {
-            parts.unshift(val);
-        }
-        currentPath = currentPath.parent;
-    }
-    return parts;
-}
-const MIN_INPUT_NUM = -999999999;
-const MAX_INPUT_NUM = 999999999;
-const EDITOR_FORMATS = ["php", "json", "html", "css", "scss"];
-
-function validateJSON(control) {
-    const value = control.value;
-    if (!value)
-        return null;
-    try {
-        JSON.parse(value);
-        return null;
-    }
-    catch (e) {
-        return { json: true };
-    }
-}
-function validateRequiredTranslation(control) {
-    const value = control.value;
-    if (!value || value.length == 0)
-        return { requiredTranslation: true };
-    return value.findIndex(t => (t.lang == "de" || t.lang == "en") && !t.translation) < 0
-        ? null
-        : { requiredTranslation: true };
-}
-function validatePhone(control) {
-    const value = control.value;
-    if (!value)
-        return Promise.resolve(null);
-    const phoneRegexp = /^(?:\d){10,12}$/;
-    return phoneRegexp.test(value) ? null : { phone: true };
-}
-function validateItemsMinLength(minLength) {
-    return (control) => {
-        const value = control.value;
-        return (Array.isArray(value) && value.every(v => typeof v == "string" && v.length >= minLength))
-            ? null : { itemsMinLength: minLength };
-    };
-}
-function validateItemsMaxLength(maxLength) {
-    return (control) => {
-        const value = control.value;
-        return (Array.isArray(value) && value.every(v => typeof v == "string" && v.length <= maxLength))
-            ? null : { itemsMaxLength: maxLength };
-    };
-}
-function validateItemsMinValue(min) {
-    return (control) => {
-        const value = control.value;
-        return (Array.isArray(value) && value.every(v => typeof v == "number" && v >= min))
-            ? null : { itemsMinValue: min };
-    };
-}
-function validateItemsMaxValue(max) {
-    return (control) => {
-        const value = control.value;
-        return (Array.isArray(value) && value.every(v => typeof v == "number" && v <= max))
-            ? null : { itemsMaxValue: max };
-    };
-}
-
 class DynamicEditorModel extends DynamicInputControlModel {
     constructor(config, layout) {
         super(config, layout);
@@ -398,6 +202,167 @@ class DynamicSelectModel extends DynamicSelectModel$1 {
     }
 }
 
+function createFormConfig(id, 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 config;
+}
+function createFormCheckbox(id, config, layout) {
+    config = createFormConfig(id, config);
+    config.indeterminate = config.indeterminate || false;
+    return new DynamicCheckboxModel(config, layout);
+}
+function createFormDate(id, config, layout) {
+    config = createFormConfig(id, config);
+    config.autoFocus = config.autoFocus || false;
+    config.focusedDate = config.focusedDate || new Date();
+    config.inline = config.inline || false;
+    return new DynamicDatePickerModel(config, layout);
+}
+function createFormEditor(id, config, layout) {
+    config = createFormConfig(id, config);
+    return new DynamicEditorModel(config, layout);
+}
+function createFormArray(id, config, layout) {
+    config = createFormConfig(id, config);
+    return new DynamicFormArrayModel(config, layout);
+}
+function createFormGroup(id, config, layout) {
+    config = createFormConfig(id, config);
+    config.name = config.name || "";
+    return new DynamicFormGroupModel(config, layout);
+}
+function createFormInput(id, config, type = "text", layout) {
+    config = createFormConfig(id, config);
+    config.inputType = config.inputType || type;
+    config.placeholder = config.placeholder || (config.inputType == "mask" ? "_" : "");
+    config.step = config.step || 1;
+    config.mask = config.mask || null;
+    return new DynamicInputModel(config, layout);
+}
+function createFormSelect(id, config, layout) {
+    config = createFormConfig(id, config);
+    config.options = config.options || [];
+    return new DynamicSelectModel(config, layout);
+}
+function createFormTextarea(id, config, layout) {
+    config = createFormConfig(id, config);
+    config.cols = config.cols || 10;
+    config.rows = config.rows || 3;
+    config.wrap = config.wrap || "soft";
+    return new DynamicTextAreaModel(config, layout);
+}
+function createFormFile(id, config, layout) {
+    config = createFormConfig(id, config);
+    config.accept = config.accept || ["jpg", "jpeg", "png"];
+    config.multiple = config.multiple || false;
+    config.url = ObjectUtils.isString(config.url) ? config.url : "assets";
+    return new DynamicFileUploadModel(config, layout);
+}
+
+function isStringWithVal(val) {
+    return typeof val == "string" && val.length > 0;
+}
+function findRefs(property) {
+    const refs = Array.isArray(property.allOf)
+        ? property.allOf.map(o => o.$ref).filter(isStringWithVal)
+        : [property.items?.$ref, property.$ref].filter(isStringWithVal);
+    return refs.map(t => t.split("/").pop());
+}
+function replaceSpecialChars(str, to = "-") {
+    return `${str}`.replace(/[&\/\\#, +()$~%.@'":*?<>{}]/g, to);
+}
+function mergeFormModels(formModels) {
+    const res = [];
+    for (const formModel of formModels) {
+        for (const subModel of formModel) {
+            const index = res.findIndex(t => t.id == subModel.id);
+            if (index >= 0) {
+                res[index] = subModel;
+                continue;
+            }
+            res.push(subModel);
+        }
+    }
+    return res;
+}
+function collectPathAble(start, getter) {
+    if (!start || !getter(start))
+        return [];
+    const parts = [];
+    let currentPath = start;
+    while (currentPath) {
+        const val = getter(currentPath);
+        if (val) {
+            parts.unshift(val);
+        }
+        currentPath = currentPath.parent;
+    }
+    return parts;
+}
+const MIN_INPUT_NUM = -999999999;
+const MAX_INPUT_NUM = 999999999;
+const EDITOR_FORMATS = ["php", "json", "html", "css", "scss"];
+
+function validateJSON(control) {
+    const value = control.value;
+    if (!value)
+        return null;
+    try {
+        JSON.parse(value);
+        return null;
+    }
+    catch (e) {
+        return { json: true };
+    }
+}
+function validateRequiredTranslation(control) {
+    const value = control.value;
+    if (!value || value.length == 0)
+        return { requiredTranslation: true };
+    return value.findIndex(t => (t.lang == "de" || t.lang == "en") && !t.translation) < 0
+        ? null
+        : { requiredTranslation: true };
+}
+function validatePhone(control) {
+    const value = control.value;
+    if (!value)
+        return Promise.resolve(null);
+    const phoneRegexp = /^(?:\d){10,12}$/;
+    return phoneRegexp.test(value) ? null : { phone: true };
+}
+function validateItemsMinLength(minLength) {
+    return (control) => {
+        const value = control.value;
+        return (Array.isArray(value) && value.every(v => typeof v == "string" && v.length >= minLength))
+            ? null : { itemsMinLength: minLength };
+    };
+}
+function validateItemsMaxLength(maxLength) {
+    return (control) => {
+        const value = control.value;
+        return (Array.isArray(value) && value.every(v => typeof v == "string" && v.length <= maxLength))
+            ? null : { itemsMaxLength: maxLength };
+    };
+}
+function validateItemsMinValue(min) {
+    return (control) => {
+        const value = control.value;
+        return (Array.isArray(value) && value.every(v => typeof v == "number" && v >= min))
+            ? null : { itemsMinValue: min };
+    };
+}
+function validateItemsMaxValue(max) {
+    return (control) => {
+        const value = control.value;
+        return (Array.isArray(value) && value.every(v => typeof v == "number" && v <= max))
+            ? null : { itemsMaxValue: max };
+    };
+}
+
 const indexLabels = ["$ix", "$pix"];
 class FormSubject extends Subject {
     constructor(notifyCallback) {
@@ -1142,10 +1107,10 @@ class DynamicBaseFormComponent extends DynamicFormComponent {
         if (this.group) {
             this.groupSubscription = ObservableUtils.multiSubscription(this.group.statusChanges.subscribe(() => {
                 this.onStatusChange.emit(this);
-            }), this.group.valueChanges.pipe(debounceTime$1(500)).subscribe(() => {
+            }), this.group.valueChanges.pipe(debounceTime(500)).subscribe(() => {
                 this.formService.notifyChanges(this.model, this.group);
             }), this.change.pipe(groupBy(ev => ev.model))
-                .pipe(mergeMap(t => t.pipe(debounceTime$1(500))))
+                .pipe(mergeMap(t => t.pipe(debounceTime(500))))
                 .subscribe(ev => {
                 this.onValueChange.emit({ ...ev, form: this });
             }));
@@ -1498,7 +1463,7 @@ class DynamicBaseFormControlComponent extends DynamicFormControlComponent {
         this.focus = new EventEmitter();
     }
     ngAfterViewInit() {
-        this.subscription = this.control.valueChanges.pipe(debounceTime$1(500)).subscribe(value => {
+        this.subscription = this.control.valueChanges.pipe(debounceTime(500)).subscribe(value => {
             this.onValueChanged(value);
         });
     }
@@ -1762,7 +1727,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                         ReactiveFormsModule,
                         NgxUtilsModule
                     ],
-                    entryComponents: components,
                     providers: [
                         ...pipes,
                         { provide: NG_VALIDATORS, useValue: validateJSON, multi: true },
@@ -1791,5 +1755,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AsyncSubmitDirective, DynamicBaseFormArrayComponent, DynamicBaseFormComponent, DynamicBaseFormControlComponent, DynamicBaseFormControlContainerComponent, DynamicBaseFormGroupComponent, DynamicBaseSelectComponent, DynamicEditorModel, DynamicFormArrayGroupModel, DynamicFormArrayModel, DynamicFormOption, DynamicFormService, DynamicSelectModel, EDITOR_FORMATS, FormFile, FormInput, FormModel, FormSelect, FormSelectSubject, FormSerializable, FormStatic, FormSubject, MAX_INPUT_NUM, MIN_INPUT_NUM, NgxDynamicFormModule, createFormControl, createFormFile, createFormInput, createFormModel, createFormSelect, createFormStatic, defaultSerializer, defineFormControl, getFormControl, getFormSerializer, mergeFormModels, replaceSpecialChars, validateItemsMaxLength, validateItemsMaxValue, validateItemsMinLength, validateItemsMinValue, validateJSON, validatePhone, validateRequiredTranslation };
+export { AsyncSubmitDirective, DynamicBaseFormArrayComponent, DynamicBaseFormComponent, DynamicBaseFormControlComponent, DynamicBaseFormControlContainerComponent, DynamicBaseFormGroupComponent, DynamicBaseSelectComponent, DynamicEditorModel, DynamicFormArrayGroupModel, DynamicFormArrayModel, DynamicFormOption, DynamicFormService, DynamicSelectModel, EDITOR_FORMATS, FormSelectSubject, FormSubject, MAX_INPUT_NUM, MIN_INPUT_NUM, NgxDynamicFormModule, createFormArray, createFormCheckbox, createFormDate, createFormEditor, createFormFile, createFormGroup, createFormInput, createFormSelect, createFormTextarea, mergeFormModels, replaceSpecialChars, validateItemsMaxLength, validateItemsMaxValue, validateItemsMinLength, validateItemsMinValue, validateJSON, validatePhone, validateRequiredTranslation };
 //# sourceMappingURL=stemy-ngx-dynamic-form.mjs.map