@stemy/ngx-dynamic-form 19.9.37 → 19.9.39

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, 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';
@@ -673,10 +673,12 @@ function getFormValidationErrors(controls, parentPath = "") {
 }
 
 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 +795,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;
@@ -1136,7 +1150,7 @@ class DynamicFormBuilderService {
             path: target => {
                 const tp = target.parent;
                 const prefix = tp?.path || "";
-                return [prefix, String(target.key ?? "")].filter(ObjectUtils.isStringWithValue).join("-");
+                return [prefix, String(target.key ?? "")].filter(ObjectUtils.isStringWithValue).join(".");
             },
             testId: target => {
                 const tp = target.parent;
@@ -1153,14 +1167,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]
@@ -1733,7 +1750,8 @@ class DynamicFormService {
                 Object.assign(result, group);
                 continue;
             }
-            result[key] = control.value;
+            const value = control.value;
+            result[key] = value instanceof Enum ? value.value : value;
         }
         return result;
     }