@stemy/ngx-dynamic-form 19.6.1 → 19.6.3

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

@@ -2,10 +2,10 @@ import * as i2 from '@stemy/ngx-utils';
 import { cachedFactory, ReflectUtils, ObjectUtils, LANGUAGE_SERVICE, ForbiddenZone, API_SERVICE, StringUtils, TOASTER_SERVICE, EventsService, NgxUtilsModule } from '@stemy/ngx-utils';
 import { of, merge, Observable, firstValueFrom, BehaviorSubject, combineLatestWith, switchMap, distinctUntilChanged, first, Subject } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
-import * as i0 from '@angular/core';
-import { Inject, Injectable, untracked, input, output, inject, Renderer2, ElementRef, computed, signal, effect, HostListener, HostBinding, Directive, Type, Component, Injector, ChangeDetectionStrategy, ViewEncapsulation, makeEnvironmentProviders, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormGroup as FormGroup$1, FormArray as FormArray$1, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i0 from '@angular/core';
+import { Inject, Injectable, untracked, input, output, inject, Renderer2, ElementRef, computed, signal, effect, HostListener, HostBinding, Directive, Type, Component, Injector, ChangeDetectionStrategy, ViewEncapsulation, makeEnvironmentProviders, NgModule } from '@angular/core';
 import { outputToObservable, toSignal, rxResource } from '@angular/core/rxjs-interop';
 import * as i3 from '@ngx-formly/core';
 import { FieldType, ɵobserve as _observe, FieldArrayType, FieldWrapper, provideFormlyConfig, provideFormlyCore, FormlyModule } from '@ngx-formly/core';
@@ -212,10 +212,139 @@ function maxLengthValidation(maxLength, each) {
     return validateEach(each, v => typeof v == "string" && v.length <= maxLength, "maxLength");
 }
 function minValueValidation(min, each) {
-    return validateEach(each, v => typeof v == "number" && v >= min, "minValue");
+    return validateEach(each, v => {
+        if (min instanceof Date) {
+            v = new Date(v);
+            return isNaN(v) || v >= min;
+        }
+        return v == null || v >= min;
+    }, "minValue");
 }
 function maxValueValidation(max, each) {
-    return validateEach(each, v => typeof v == "number" && v <= max, "maxValue");
+    return validateEach(each, v => {
+        if (max instanceof Date) {
+            v = new Date(v);
+            return isNaN(v) || v <= max;
+        }
+        return v == null || v <= max;
+    }, "maxValue");
+}
+
+class ConfigForSchemaWrap {
+    opts;
+    mode;
+    injector;
+    schema;
+    get labelPrefix() {
+        return this.opts.labelPrefix;
+    }
+    get labelCustomizer() {
+        return this.opts.labelCustomizer;
+    }
+    get testId() {
+        return this.opts.testId;
+    }
+    get context() {
+        return this.opts.context;
+    }
+    fieldCustomizer;
+    constructor(opts, mode, injector, schema) {
+        this.opts = opts;
+        this.mode = mode;
+        this.injector = injector;
+        this.schema = schema;
+        this.fieldCustomizer = this.mode !== "wrap" || !ObjectUtils.isFunction(this.opts.fieldCustomizer)
+            ? field => field
+            : this.opts.fieldCustomizer;
+    }
+    async customize(field, property, schema) {
+        field.defaultValue = property.format?.startsWith("date")
+            ? convertToDateFormat(property.default, property.format) : property.default;
+        const res = await ForbiddenZone.run("customizer", () => this.fieldCustomizer(field, this.forCustomizer(), this.injector, property, schema));
+        return !res ? [field] : handleConfigs(res);
+    }
+    forCustomizer() {
+        return new ConfigForSchemaWrap(this.opts, "customizer", this.injector, this.schema);
+    }
+    forSchema(schema) {
+        return new ConfigForSchemaWrap(this.opts, this.mode, this.injector, schema);
+    }
+}
+async function toWrapOptions(customizeOrOptions, injector, schema, errorMsg) {
+    if (errorMsg && ForbiddenZone.isForbidden("customizer")) {
+        throw new Error(errorMsg);
+    }
+    if (customizeOrOptions instanceof ConfigForSchemaWrap) {
+        return customizeOrOptions;
+    }
+    let schemaOptions = customizeOrOptions;
+    if (!ObjectUtils.isObject(schemaOptions)) {
+        schemaOptions = {
+            fieldCustomizer: customizeOrOptions
+        };
+    }
+    return new ConfigForSchemaWrap(schemaOptions, "wrap", injector, schema);
+}
+function convertToDateFormat(value, format) {
+    if (!ObjectUtils.isDefined(value))
+        return undefined;
+    value = ObjectUtils.isDate(value) ? value : new Date(value);
+    const date = isNaN(value) ? new Date() : value;
+    return format === "datetime-local" || format === "date-time"
+        ? new Date(date.getTime() - date.getTimezoneOffset() * 60000)
+            .toISOString()
+            .slice(0, 16)
+        : date.toISOString().slice(0, 10);
+}
+function handleConfigs(configs) {
+    return Array.isArray(configs) ? configs : [configs];
+}
+function arrayItemActionToExpression(actionName) {
+    return (field) => {
+        const action = field.parent?.props?.[actionName];
+        // Needed to immediately reflect the changes on the view
+        field.options.detectChanges(field);
+        if (action === false)
+            return false;
+        // Returns the actual calculated value
+        return ObjectUtils.isFunction(action)
+            ? action(field.formControl?.value, Number(field.key), field)
+            : true;
+    };
+}
+function mergeFormFields(formFields) {
+    const res = [];
+    for (const formModel of formFields) {
+        for (const subModel of formModel) {
+            const index = res.findIndex(t => t.key == subModel.key);
+            if (index >= 0) {
+                res[index] = subModel;
+                continue;
+            }
+            res.push(subModel);
+        }
+    }
+    return res;
+}
+function getFormValidationErrors(controls, parentPath = "") {
+    const errors = [];
+    Object.entries(controls).forEach(([name, control], ix) => {
+        const path = !parentPath ? name : `${parentPath}.${name}`;
+        if (control instanceof FormGroup$1) {
+            getFormValidationErrors(control.controls, path).forEach(error => errors.push(error));
+            return;
+        }
+        if (control instanceof FormArray$1) {
+            control.controls.forEach((control, ix) => {
+                getFormValidationErrors(control.controls, `${path}.${ix}`).forEach(error => errors.push(error));
+            });
+            return;
+        }
+        Object.entries(control.errors || {}).forEach(([errorKey, errorValue]) => {
+            errors.push({ control, path, errorKey, errorValue });
+        });
+    });
+    return errors;
 }
 
 function replaceSpecialChars(str, to = "-") {
@@ -297,11 +426,23 @@ function removeFromFieldArray(field, ix) {
     model.splice(ix, 1);
     field.options.build(field);
 }
+function setFieldDefault(field, value) {
+    field.defaultValue = value instanceof Date ? convertToDateFormat(value, field.props?.type || "date") : value;
+}
+function setFieldProps(field, values) {
+    if (!ObjectUtils.isObject(values))
+        return;
+    const props = Object.assign({}, field.props || {});
+    props.type = values.type || props.type;
+    Object.keys(values).forEach(key => {
+        const value = values[key];
+        props[key] = value instanceof Date ? convertToDateFormat(value, props.type || "date") : value;
+    });
+    field.props = props;
+    return field;
+}
 function setFieldProp(field, prop, value) {
-    field.props = {
-        ...(field.props || {}),
-        [prop]: value
-    };
+    return setFieldProps(field, { [prop]: value });
 }
 function setFieldHidden(field, hidden = true) {
     setFieldProp(field, "hidden", hidden);
@@ -328,120 +469,6 @@ const MIN_INPUT_NUM = -1999999999;
 const MAX_INPUT_NUM = 1999999999;
 const EDITOR_FORMATS = ["php", "json", "html", "css", "scss"];
 
-class ConfigForSchemaWrap {
-    opts;
-    mode;
-    injector;
-    schema;
-    get labelPrefix() {
-        return this.opts.labelPrefix;
-    }
-    get labelCustomizer() {
-        return this.opts.labelCustomizer;
-    }
-    get testId() {
-        return this.opts.testId;
-    }
-    get context() {
-        return this.opts.context;
-    }
-    fieldCustomizer;
-    constructor(opts, mode, injector, schema) {
-        this.opts = opts;
-        this.mode = mode;
-        this.injector = injector;
-        this.schema = schema;
-        this.fieldCustomizer = this.mode !== "wrap" || !ObjectUtils.isFunction(this.opts.fieldCustomizer)
-            ? field => field
-            : this.opts.fieldCustomizer;
-    }
-    async customize(field, property, schema) {
-        field.defaultValue = `${field.props?.type}`.startsWith("date")
-            ? convertToDate(property.default) : property.default;
-        const res = await ForbiddenZone.run("customizer", () => this.fieldCustomizer(field, this.forCustomizer(), this.injector, property, schema));
-        return !res ? [field] : handleConfigs(res);
-    }
-    forCustomizer() {
-        return new ConfigForSchemaWrap(this.opts, "customizer", this.injector, this.schema);
-    }
-    forSchema(schema) {
-        return new ConfigForSchemaWrap(this.opts, this.mode, this.injector, schema);
-    }
-}
-async function toWrapOptions(customizeOrOptions, injector, schema, errorMsg) {
-    if (errorMsg && ForbiddenZone.isForbidden("customizer")) {
-        throw new Error(errorMsg);
-    }
-    if (customizeOrOptions instanceof ConfigForSchemaWrap) {
-        return customizeOrOptions;
-    }
-    let schemaOptions = customizeOrOptions;
-    if (!ObjectUtils.isObject(schemaOptions)) {
-        schemaOptions = {
-            fieldCustomizer: customizeOrOptions
-        };
-    }
-    return new ConfigForSchemaWrap(schemaOptions, "wrap", injector, schema);
-}
-function convertToDate(value) {
-    if (ObjectUtils.isNullOrUndefined(value))
-        return null;
-    const date = ObjectUtils.isDate(value)
-        ? value
-        : new Date(value);
-    return isNaN(date) ? new Date() : date;
-}
-function handleConfigs(configs) {
-    return Array.isArray(configs) ? configs : [configs];
-}
-function arrayItemActionToExpression(actionName) {
-    return (field) => {
-        const action = field.parent?.props?.[actionName];
-        // Needed to immediately reflect the changes on the view
-        field.options.detectChanges(field);
-        if (action === false)
-            return false;
-        // Returns the actual calculated value
-        return ObjectUtils.isFunction(action)
-            ? action(field.formControl?.value, Number(field.key), field)
-            : true;
-    };
-}
-function mergeFormFields(formFields) {
-    const res = [];
-    for (const formModel of formFields) {
-        for (const subModel of formModel) {
-            const index = res.findIndex(t => t.key == subModel.key);
-            if (index >= 0) {
-                res[index] = subModel;
-                continue;
-            }
-            res.push(subModel);
-        }
-    }
-    return res;
-}
-function getFormValidationErrors(controls, parentPath = "") {
-    const errors = [];
-    Object.entries(controls).forEach(([name, control], ix) => {
-        const path = !parentPath ? name : `${parentPath}.${name}`;
-        if (control instanceof FormGroup$1) {
-            getFormValidationErrors(control.controls, path).forEach(error => errors.push(error));
-            return;
-        }
-        if (control instanceof FormArray$1) {
-            control.controls.forEach((control, ix) => {
-                getFormValidationErrors(control.controls, `${path}.${ix}`).forEach(error => errors.push(error));
-            });
-            return;
-        }
-        Object.entries(control.errors || {}).forEach(([errorKey, errorValue]) => {
-            errors.push({ control, path, errorKey, errorValue });
-        });
-    });
-    return errors;
-}
-
 class DynamicFormBuilderService {
     injector;
     events;
@@ -546,6 +573,11 @@ class DynamicFormBuilderService {
                 props.min = isNaN(data.min) ? MIN_INPUT_NUM : data.min;
                 props.max = isNaN(data.max) ? MAX_INPUT_NUM : data.max;
                 break;
+            case "date":
+            case "datetime-local":
+                props.min = data.min;
+                props.max = data.max;
+                break;
             case "string":
             case "text":
             case "textarea":
@@ -717,6 +749,7 @@ class DynamicFormBuilderService {
             validators: {},
             validation: {},
             props: {
+                ...(data.props || {}),
                 ...props,
                 disabled: data.disabled === true,
                 hidden: data.hidden === true,
@@ -904,6 +937,7 @@ class DynamicFormSchemaService {
             fieldSet: property.fieldSet,
             componentType: property.componentType,
             wrappers: property.wrappers,
+            props: property,
             validators
         };
     }
@@ -1002,12 +1036,12 @@ class DynamicFormSchemaService {
     //     );
     // }
     getFormDatepickerConfig(property, options, parent) {
+        const type = property.format == "date-time" ? "datetime-local" : "date";
         return this.builder.createFormInput(property.id, {
             ...this.getFormFieldData(property, options),
-            type: property.format == "date-time" ? "datetime-local" : "date",
-            // format: property.dateFormat || "dd.MM.yyyy",
-            min: convertToDate(property.min),
-            max: convertToDate(property.max),
+            type,
+            min: convertToDateFormat(property.min, property.format),
+            max: convertToDateFormat(property.max, property.format),
         }, parent, options);
     }
     getFormSelectConfig($enum, property, options, parent) {
@@ -1803,5 +1837,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AsyncSubmitDirective, DynamicFieldType, DynamicFormAlertComponent, DynamicFormArrayComponent, DynamicFormBuilderService, DynamicFormChipsComponent, DynamicFormComponent, DynamicFormFieldComponent, DynamicFormFieldsetComponent, DynamicFormGroupComponent, DynamicFormSchemaService, DynamicFormService, DynamicFormUploadComponent, EDITOR_FORMATS, FORM_ROOT_ID, FormFile, FormGroup, FormInput, FormModel, FormSelect, FormSerializable, FormUpload, MAX_INPUT_NUM, MIN_INPUT_NUM, NgxDynamicFormModule, addFieldValidators, clearFieldArray, controlStatus, controlValues, customizeFormField, emailValidation, getFieldByPath, getFieldsByKey, getFieldsByPredicate, getSelectOptions, insertToFieldArray, jsonValidation, maxLengthValidation, maxValueValidation, minLengthValidation, minValueValidation, phoneValidation, removeFieldValidators, removeFromFieldArray, replaceFieldArray, replaceSpecialChars, requiredValidation, setFieldDisabled, setFieldHidden, setFieldHooks, setFieldProp, translationValidation };
+export { AsyncSubmitDirective, DynamicFieldType, DynamicFormAlertComponent, DynamicFormArrayComponent, DynamicFormBuilderService, DynamicFormChipsComponent, DynamicFormComponent, DynamicFormFieldComponent, DynamicFormFieldsetComponent, DynamicFormGroupComponent, DynamicFormSchemaService, DynamicFormService, DynamicFormUploadComponent, EDITOR_FORMATS, FORM_ROOT_ID, FormFile, FormGroup, FormInput, FormModel, FormSelect, FormSerializable, FormUpload, MAX_INPUT_NUM, MIN_INPUT_NUM, NgxDynamicFormModule, addFieldValidators, clearFieldArray, controlStatus, controlValues, customizeFormField, emailValidation, getFieldByPath, getFieldsByKey, getFieldsByPredicate, getSelectOptions, insertToFieldArray, jsonValidation, maxLengthValidation, maxValueValidation, minLengthValidation, minValueValidation, phoneValidation, removeFieldValidators, removeFromFieldArray, replaceFieldArray, replaceSpecialChars, requiredValidation, setFieldDefault, setFieldDisabled, setFieldHidden, setFieldHooks, setFieldProp, setFieldProps, translationValidation };
 //# sourceMappingURL=stemy-ngx-dynamic-form.mjs.map