@stemy/ngx-dynamic-form 19.9.17 → 19.9.19

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Inject, Injectable, untracked, input, Renderer2, ElementRef, computed, signal, effect, HostBinding, Directive, Input, Pipe, Type, Component, Injector, output, ChangeDetectionStrategy, ViewEncapsulation, viewChild, makeEnvironmentProviders, NgModule } 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, LANGUAGE_SERVICE, ForbiddenZone, ArrayUtils, API_SERVICE, StringUtils, AsyncMethodBase, EventsService, NgxUtilsModule } from '@stemy/ngx-utils';
 import { of, merge, Observable, firstValueFrom, BehaviorSubject, combineLatestWith, switchMap, distinctUntilChanged, first, Subject, map, filter } from 'rxjs';
@@ -769,11 +769,13 @@ class DynamicFormBuilderService {
     }
     createFormSelect(key, data, parent, options) {
         data = data || {};
+        const multiple = data.multiple === true;
+        data.defaultValue = data.defaultValue ?? (multiple ? [] : null);
         const type = `${data.type || "select"}`;
         const fieldType = type === "radio" ? type : (data.strict === false ? "chips" : "select");
         const field = this.createFormField(key, fieldType, data, {
             type,
-            multiple: data.multiple === true,
+            multiple,
             strict: data.strict !== false,
             allowEmpty: data.allowEmpty === true,
             groupBy: data.groupBy,
@@ -933,8 +935,15 @@ class DynamicFormBuilderService {
         }));
         const control = field.formControl;
         const multiple = field.props.multiple;
-        field.defaultValue = multiple ? [] : options[0]?.value ?? null;
-        if (multiple || options.length === 0 || options.findIndex(o => o.value === control.value) >= 0)
+        if (multiple) {
+            // Handle if current control value is not an array
+            const value = Array.isArray(control.value)
+                ? control.value
+                : String(control.value || "").split(",");
+            control.setValue(value);
+            return options;
+        }
+        if (options.length === 0 || options.findIndex(o => o.value === control.value) >= 0)
             return options;
         control.setValue(field.defaultValue);
         return options;
@@ -1378,8 +1387,9 @@ class DynamicFormSchemaService {
             const endpoint = entries.reduce((res, [key, control]) => {
                 return this.replaceOptionsEndpoint(res, key, control.value);
             }, `${property.endpoint}`);
+            const cache = property.cache ?? new Date(Date.now() + 20_000);
             const data = await this.api.list(endpoint, this.api.makeListParams(1, -1), {
-                cache: this.api.cached(property.cache),
+                cache: this.api.cached(cache),
                 read: String(property.responseProperty || "")
             });
             const items = ObjectUtils.isArray(data)
@@ -1831,6 +1841,8 @@ class DynamicFormTemplateDirective {
         this.templates.remove(...this.setting);
     }
     selectType() {
+        if (!this.templates)
+            return null;
         const inputs = Object.keys(this);
         for (const input of inputs) {
             const value = this[input];
@@ -1840,7 +1852,7 @@ class DynamicFormTemplateDirective {
         }
         return null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DynamicFormTemplateDirective, deps: [{ token: DynamicFormTemplateService }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DynamicFormTemplateDirective, deps: [{ token: DynamicFormTemplateService, optional: true }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: DynamicFormTemplateDirective, isStandalone: false, selector: "ng-template[control],\n                ng-template[label],\n                ng-template[input],\n                ng-template[prefix],\n                ng-template[suffix],\n                ng-template[setPrefix],\n                ng-template[setSuffix]", inputs: { control: "control", label: "label", input: "input", prefix: "prefix", suffix: "suffix", setPrefix: "setPrefix", setSuffix: "setSuffix" }, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DynamicFormTemplateDirective, decorators: [{
@@ -1855,7 +1867,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 ng-template[setPrefix],
                 ng-template[setSuffix]`
                 }]
-        }], ctorParameters: () => [{ type: DynamicFormTemplateService }, { type: i0.TemplateRef }], propDecorators: { control: [{
+        }], ctorParameters: () => [{ type: DynamicFormTemplateService, decorators: [{
+                    type: Optional
+                }] }, { type: i0.TemplateRef }], propDecorators: { control: [{
                 type: Input
             }], label: [{
                 type: Input