@3kles/kles-material-dynamicforms 17.12.6 → 17.13.0

package/fesm2022/3kles-kles-material-dynamicforms.mjs

@@ -1314,7 +1314,7 @@ let KlesFormSelectComponent = class KlesFormSelectComponent extends KlesFieldAbs
                     }
                     else if (this.field.options instanceof Function) {
                         this.isLoading = true;
-                        return this.field.options();
+                        return this.field.options(undefined, this.group.getRawValue());
                     }
                     else {
                         return of(this.field.options);
@@ -1337,7 +1337,7 @@ let KlesFormSelectComponent = class KlesFormSelectComponent extends KlesFieldAbs
                 this.options$ = this.field.options;
             }
             else if (this.field.options instanceof Function) {
-                this.options$ = this.field.options();
+                this.options$ = this.field.options(undefined, this.group.getRawValue());
             }
             else {
                 this.options$ = of(this.field.options);
@@ -1795,12 +1795,10 @@ let KlesFormListFieldComponent = class KlesFormListFieldComponent extends KlesFi
         this.collections = [];
     }
     ngOnInit() {
-        if (this.field.value && Array.isArray(this.field.value)) {
-            this.collections = this.field.value?.map(() => {
-                return this.field.collections ? cloneDeep(this.field.collections) : [];
-            });
-        }
         this.formArray = this.group.controls[this.field.name];
+        this.collections = this.formArray?.controls?.map(() => {
+            return this.field.collections ? cloneDeep(this.field.collections) : [];
+        });
         super.ngOnInit();
     }
     createFormGroup() {
@@ -1853,13 +1851,13 @@ let KlesFormListFieldComponent = class KlesFormListFieldComponent extends KlesFi
         </div>
 
         <div class="dynamic-form" [formGroupName]="field.name">
-            @for (subGroup of formArray.controls; track subGroup.value._id; let idx = $index) {
+            @for (subGroup of formArray.controls; track subGroup.value._id; let idx = $index;) {
                 <div class="subfields">
                     @for (subfield of collections[idx]; track subfield.name) {
                         <ng-container klesDynamicField [field]="subfield" [group]="subGroup" [siblingFields]="collections[idx]">
                         </ng-container>
                     }
-                    @if(collections){
+                    @if(collections[idx]){
                         <button mat-icon-button (click)="deleteField(idx)" color="primary">
                             <mat-icon>delete_outlined</mat-icon>
                         </button>
@@ -1899,13 +1897,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         </div>
 
         <div class="dynamic-form" [formGroupName]="field.name">
-            @for (subGroup of formArray.controls; track subGroup.value._id; let idx = $index) {
+            @for (subGroup of formArray.controls; track subGroup.value._id; let idx = $index;) {
                 <div class="subfields">
                     @for (subfield of collections[idx]; track subfield.name) {
                         <ng-container klesDynamicField [field]="subfield" [group]="subGroup" [siblingFields]="collections[idx]">
                         </ng-container>
                     }
-                    @if(collections){
+                    @if(collections[idx]){
                         <button mat-icon-button (click)="deleteField(idx)" color="primary">
                             <mat-icon>delete_outlined</mat-icon>
                         </button>
@@ -2990,7 +2988,7 @@ class KlesFormSelectSearchComponent extends KlesFieldAbstract {
                 this.options$ = this.field.options;
             }
             else if (this.field.options instanceof Function) {
-                this.options$ = this.field.options();
+                this.options$ = this.field.options(undefined, this.group.getRawValue());
             }
             else {
                 this.options$ = of(this.field.options);
@@ -3056,7 +3054,7 @@ class KlesFormSelectSearchComponent extends KlesFieldAbstract {
             }
             else if (this.field.options instanceof Function) {
                 this.isLoading.set(true);
-                return this.field.options().pipe(takeUntil(this.openClosed$));
+                return this.field.options(undefined, this.group.getRawValue()).pipe(takeUntil(this.openClosed$));
             }
             else {
                 return of(this.field.options);
@@ -4084,10 +4082,10 @@ class KlesFormSelectLazySearchComponent extends KlesFormSelectSearchComponent {
         if (this.field.options instanceof Function) {
             if (this.openChange$.getValue() && this.field.options instanceof Function) {
                 if (value) {
-                    return this.field.options(value).pipe(take(1));
+                    return this.field.options(value, this.group.getRawValue()).pipe(take(1));
                 }
                 else {
-                    return this.field.options().pipe(take(1));
+                    return this.field.options(undefined, this.group.getRawValue()).pipe(take(1));
                 }
             }
             return of(this.group.controls[this.field.name].value ? [this.group.controls[this.field.name].value] : []);