@stemy/ngx-dynamic-form 19.9.38 → 19.9.40

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

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Inject, Injectable, untracked, input, Renderer2, ElementRef, computed, signal, effect, HostBinding, Directive, Input, Optional, Pipe, Type, Component, Injector, output, ChangeDetectionStrategy, ViewEncapsulation, viewChild, makeEnvironmentProviders, NgModule } from '@angular/core';
 import * as i2 from '@stemy/ngx-utils';
-import { cachedFactory, ReflectUtils, ObjectUtils, convertToDateFormat, LANGUAGE_SERVICE, convertToDate, ForbiddenZone, SetUtils, ArrayUtils, API_SERVICE, StringUtils, Enum, AsyncMethodBase, EventsService, NgxUtilsModule } from '@stemy/ngx-utils';
+import { cachedFactory, ReflectUtils, ObjectUtils, convertToDateFormat, LANGUAGE_SERVICE, convertToDate, ForbiddenZone, SetUtils, ArrayUtils, API_SERVICE, ROOT_ELEMENT, StringUtils, Enum, AsyncMethodBase, EventsService, NgxUtilsModule } from '@stemy/ngx-utils';
 import { of, merge, Observable, firstValueFrom, BehaviorSubject, combineLatestWith, switchMap, distinctUntilChanged, first, Subject, map, filter } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
 import * as i1 from '@angular/forms';
@@ -16,8 +16,13 @@ import { FormlySelectModule } from '@ngx-formly/core/select';
 
 // --- Basic frm constants ---
 const FORM_ROOT_ID = "__root";
+function formSchemaNotFound(name) {
+    console.warn(`Schema with name "${name}" not found.`);
+    return [];
+}
 // --- Module Configuration ---
 const DEFAULT_NUMERIC_STEP = new InjectionToken("DEFAULT_NUMERIC_STEP");
+const FORM_SCHEMA_NOT_FOUND = new InjectionToken("FORM_SCHEMA_NOT_FOUND");
 
 function customizeFormField(...providers) {
     const factory = cachedFactory(providers);
@@ -337,7 +342,6 @@ function isFieldHidden(field) {
 const MIN_INPUT_NUM = -1999999999;
 const MAX_INPUT_NUM = 1999999999;
 const EDITOR_TYPES = ["php", "json", "html", "css", "scss"];
-const CUSTOM_INPUT_TYPES = ["checkbox", "textarea", "wysiwyg", "date", "password"];
 
 function validationMessage(errorKey) {
     const key = `form.error.${errorKey}`;
@@ -671,12 +675,15 @@ function getFormValidationErrors(controls, parentPath = "") {
     });
     return errors;
 }
+const CUSTOM_INPUT_TYPES = ["checkbox", "textarea", "wysiwyg", "date", "password"];
 
 class DynamicFormBuilderService {
-    constructor(injector, events, api, languages, defaultNumericStep) {
+    constructor(injector, events, universal, api, rootElement, languages, defaultNumericStep) {
         this.injector = injector;
         this.events = events;
+        this.universal = universal;
         this.api = api;
+        this.rootElement = rootElement;
         this.languages = languages;
         this.defaultNumericStep = defaultNumericStep;
         const lang = new BehaviorSubject(this.languages.currentLanguage);
@@ -793,13 +800,25 @@ class DynamicFormBuilderService {
             case "checkbox":
                 data.defaultValue = data.defaultValue ?? false;
                 break;
+            case "color":
+                const styles = this.rootElement && this.universal.isBrowser
+                    ? getComputedStyle(this.rootElement)
+                    : null;
+                const value = (!styles ? "#DEDEDE" : null)
+                    || styles.getPropertyValue("--primary-color")
+                    || styles.getPropertyValue("--mat-sys-primary")
+                    || "#DEDEDE";
+                data.defaultValue = data.defaultValue ?? value;
+                break;
             case "number":
             case "integer":
+                data.defaultValue = 0;
                 props.min = convertToNumber(data.min, MIN_INPUT_NUM);
                 props.max = convertToNumber(data.max, MAX_INPUT_NUM);
                 break;
             case "date":
             case "datetime-local":
+                data.defaultValue = data.defaultValue ?? convertToDateFormat(new Date(), type);
                 props.min = convertToDateFormat(data.min, type);
                 props.max = convertToDateFormat(data.max, type);
                 break;
@@ -1153,14 +1172,17 @@ class DynamicFormBuilderService {
         });
         return field;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicFormBuilderService, deps: [{ token: i0.Injector }, { token: i2.EventsService }, { token: API_SERVICE }, { token: LANGUAGE_SERVICE }, { token: DEFAULT_NUMERIC_STEP }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicFormBuilderService, deps: [{ token: i0.Injector }, { token: i2.EventsService }, { token: i2.UniversalService }, { token: API_SERVICE }, { token: ROOT_ELEMENT }, { token: LANGUAGE_SERVICE }, { token: DEFAULT_NUMERIC_STEP }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicFormBuilderService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicFormBuilderService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i0.Injector }, { type: i2.EventsService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i2.EventsService }, { type: i2.UniversalService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [API_SERVICE]
+                }] }, { type: HTMLElement, decorators: [{
+                    type: Inject,
+                    args: [ROOT_ELEMENT]
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LANGUAGE_SERVICE]
@@ -1602,11 +1624,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }], ctorParameters: () => [{ type: i2.OpenApiService }, { type: i0.Injector }, { type: DynamicFormBuilderService }] });
 
 class DynamicFormService {
-    constructor(fs, fb, injector, api) {
+    constructor(fs, fb, injector, schemaNotFound) {
         this.fs = fs;
         this.fb = fb;
         this.injector = injector;
-        this.api = api;
+        this.schemaNotFound = schemaNotFound;
     }
     async getFormFieldsForSchema(name, customizeOrOptions) {
         const group = await this.getFormFieldGroupBySchemaName(name, customizeOrOptions, "getFormFieldsForSchema");
@@ -1617,26 +1639,23 @@ class DynamicFormService {
     }
     async getFormFieldGroupBySchemaName(name, customizeOrOptions, restrictedMethod) {
         const schema = await this.fs.getSchema(name);
-        if (!schema) {
-            console.warn(`Schema with name "${name}" not found.`);
-            return {
-                id: FORM_ROOT_ID,
-                path: "",
-                wrappers: ["form-group"],
-                fieldGroup: [],
-                props: {},
-                hooks: {},
-                expressions: {}
-            };
-        }
         const wrapOptions = await toWrapOptions(customizeOrOptions, this.injector, schema, `"DynamicFormService.${restrictedMethod}" is called from a customizer, which is not allowed. Please use DynamicFormSchemaService instead!`);
-        const config = await this.fb.createFormGroup(null, parent => {
-            return this.fs.getFormFieldsForSchema(schema, parent, wrapOptions);
-        }, {
+        const rootData = {
             label: "",
             hidden: false,
             className: "dynamic-form-root-group"
-        }, null, wrapOptions);
+        };
+        let config;
+        if (!schema) {
+            config = await this.fb.createFormGroup(null, async (parent) => {
+                return this.schemaNotFound(name, parent, wrapOptions, this.injector);
+            }, rootData, null, wrapOptions);
+        }
+        else {
+            config = await this.fb.createFormGroup(null, parent => {
+                return this.fs.getFormFieldsForSchema(schema, parent, wrapOptions);
+            }, rootData, null, wrapOptions);
+        }
         const fields = config.fieldGroup || [];
         const fieldGroup = [...fields];
         config.id = FORM_ROOT_ID;
@@ -1757,14 +1776,14 @@ class DynamicFormService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicFormService, deps: [{ token: DynamicFormSchemaService }, { token: DynamicFormBuilderService }, { token: i0.Injector }, { token: API_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicFormService, deps: [{ token: DynamicFormSchemaService }, { token: DynamicFormBuilderService }, { token: i0.Injector }, { token: FORM_SCHEMA_NOT_FOUND }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicFormService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicFormService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: DynamicFormSchemaService }, { type: DynamicFormBuilderService }, { type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
-                    args: [API_SERVICE]
+                    args: [FORM_SCHEMA_NOT_FOUND]
                 }] }] });
 
 const templateTypes = ["control", "label", "input", "prefix", "suffix"];
@@ -2475,6 +2494,10 @@ class NgxDynamicFormModule {
             {
                 provide: DEFAULT_NUMERIC_STEP,
                 useValue: (config?.defaultNumericStep ?? 1)
+            },
+            {
+                provide: FORM_SCHEMA_NOT_FOUND,
+                useValue: (config?.schemaNotFound ?? formSchemaNotFound)
             }
         ];
     }
@@ -2547,5 +2570,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AsyncSubmitDirective, DEFAULT_NUMERIC_STEP, DynamicFieldType, DynamicFormAlertComponent, DynamicFormArrayComponent, DynamicFormBuilderService, DynamicFormChipsComponent, DynamicFormComponent, DynamicFormDateComponent, DynamicFormEditorComponent, DynamicFormFieldComponent, DynamicFormFieldsetComponent, DynamicFormGroupComponent, DynamicFormPasswordComponent, DynamicFormSchemaService, DynamicFormService, DynamicFormStaticComponent, DynamicFormTemplateDirective, DynamicFormTemplatePipe, DynamicFormTemplateService, DynamicFormTranslationComponent, DynamicFormUploadComponent, DynamicFormWysiwygComponent, EDITOR_TYPES, FORM_ROOT_ID, FormArray, FormDate, FormFieldSet, FormGroup, FormInput, FormSelect, FormSerializable, FormStatic, FormUpload, MAX_INPUT_NUM, MIN_INPUT_NUM, NgxDynamicFormModule, RichTranslationModel, TranslationModel, addFieldValidators, arrayLengthValidation, clearFieldArray, controlStatus, controlValues, convertToNumber, customizeFormField, emailValidation, enumValidation, equalsValidation, getFieldByPath, getFieldsByKey, getFieldsByPredicate, getSelectOptions, insertToFieldArray, isFieldHidden, isFieldVisible, jsonValidation, maxLengthValidation, maxValueValidation, minLengthValidation, minValueValidation, phoneValidation, removeFieldValidators, removeFromFieldArray, replaceFieldArray, replaceSpecialChars, requiredValidation, setFieldDefault, setFieldDisabled, setFieldHidden, setFieldHooks, setFieldMinDate, setFieldProp, setFieldProps, setFieldSerialize, setFieldValue, translationValidation };
+export { AsyncSubmitDirective, DEFAULT_NUMERIC_STEP, DynamicFieldType, DynamicFormAlertComponent, DynamicFormArrayComponent, DynamicFormBuilderService, DynamicFormChipsComponent, DynamicFormComponent, DynamicFormDateComponent, DynamicFormEditorComponent, DynamicFormFieldComponent, DynamicFormFieldsetComponent, DynamicFormGroupComponent, DynamicFormPasswordComponent, DynamicFormSchemaService, DynamicFormService, DynamicFormStaticComponent, DynamicFormTemplateDirective, DynamicFormTemplatePipe, DynamicFormTemplateService, DynamicFormTranslationComponent, DynamicFormUploadComponent, DynamicFormWysiwygComponent, EDITOR_TYPES, FORM_ROOT_ID, FORM_SCHEMA_NOT_FOUND, FormArray, FormDate, FormFieldSet, FormGroup, FormInput, FormSelect, FormSerializable, FormStatic, FormUpload, MAX_INPUT_NUM, MIN_INPUT_NUM, NgxDynamicFormModule, RichTranslationModel, TranslationModel, addFieldValidators, arrayLengthValidation, clearFieldArray, controlStatus, controlValues, convertToNumber, customizeFormField, emailValidation, enumValidation, equalsValidation, formSchemaNotFound, getFieldByPath, getFieldsByKey, getFieldsByPredicate, getSelectOptions, insertToFieldArray, isFieldHidden, isFieldVisible, jsonValidation, maxLengthValidation, maxValueValidation, minLengthValidation, minValueValidation, phoneValidation, removeFieldValidators, removeFromFieldArray, replaceFieldArray, replaceSpecialChars, requiredValidation, setFieldDefault, setFieldDisabled, setFieldHidden, setFieldHooks, setFieldMinDate, setFieldProp, setFieldProps, setFieldSerialize, setFieldValue, translationValidation };
 //# sourceMappingURL=stemy-ngx-dynamic-form.mjs.map