@elite.framework/ng.core 1.0.13 → 1.0.15

package/fesm2022/elite.framework-ng.core.mjs

@@ -3729,6 +3729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
 class GenericSelectorTypeComponent extends FieldType {
     svc;
     injector;
+    cdr;
     autoComp;
     options_ = [];
     selectedItem;
@@ -3737,10 +3738,11 @@ class GenericSelectorTypeComponent extends FieldType {
     api;
     dialog;
     valueChangeSubscription; // Add a subscription to manage the observable
-    constructor(svc, injector) {
+    constructor(svc, injector, cdr) {
         super();
         this.svc = svc;
         this.injector = injector;
+        this.cdr = cdr;
     }
     onSelectionChange(val) {
         this.selectedItem = val;
@@ -3750,9 +3752,6 @@ class GenericSelectorTypeComponent extends FieldType {
         }
         else {
             this.formControl.setValue(val?.[vf] ?? null);
-            // if(this.props.change){
-            //   this.props.change(this.field,{item:this.selectedItem});
-            // }
         }
     }
     ngOnInit() {
@@ -3784,9 +3783,27 @@ class GenericSelectorTypeComponent extends FieldType {
             .subscribe(() => {
             // This tap operator is a good place to run side effects
             // like calling your change handler after a value changes.
-            this.selectedItem = this.formControl.value;
+            // this.selectedItem = this.formControl.value;
             if (this.props.change) {
-                this.props.change(this.field, { item: this.selectedItem });
+                if (to['offline']) {
+                    if (to['offlineDataFn']) {
+                        this._offlineList = to['offlineDataFn']();
+                        this.initOfflineSelection(false);
+                    }
+                    else if (to['offlineItems$']) {
+                        to['offlineItems$'].subscribe((list) => {
+                            this._offlineList = list;
+                            this.initOfflineSelection(false);
+                        });
+                    }
+                    else {
+                        this._offlineList = to['offlineItems'] || [];
+                        this.initOfflineSelection(false);
+                    }
+                }
+                else {
+                    this.initOnlineSelection(false);
+                }
             }
         });
     }
@@ -3796,7 +3813,7 @@ class GenericSelectorTypeComponent extends FieldType {
             this.valueChangeSubscription.unsubscribe();
         }
     }
-    initOfflineSelection() {
+    initOfflineSelection(withSetValue = true) {
         const val = this.formControl.value;
         const vf = this.to['valueField'] || 'id';
         if (val == null)
@@ -3807,11 +3824,19 @@ class GenericSelectorTypeComponent extends FieldType {
         else {
             this.selectedItem = this._offlineList.find(item => item[vf] === val);
         }
-        this.formControl.setValue(this.to['multiple']
-            ? this.selectedItem.map((c) => c[vf])
-            : this.selectedItem?.[vf]);
+        if (withSetValue == true) {
+            this.formControl.setValue(this.to['multiple']
+                ? this.selectedItem.map((c) => c[vf])
+                : this.selectedItem?.[vf]);
+        }
+        else {
+            if (this.props.change) {
+                this.props.change(this.field, { item: this.selectedItem });
+                this.cdr.detectChanges();
+            }
+        }
     }
-    initOnlineSelection() {
+    initOnlineSelection(withSetValue = true) {
         var d = this.selectedItem;
         const fullModel = this.model;
         const val = this.formControl.value;
@@ -3826,7 +3851,15 @@ class GenericSelectorTypeComponent extends FieldType {
                 .pipe(finalize$1(() => (this.loading = false)))
                 .subscribe(items => {
                 this.selectedItem = items;
-                this.formControl.setValue(items.map((c) => c[vf]));
+                if (withSetValue == true) {
+                    this.formControl.setValue(items.map((c) => c[vf]));
+                }
+                else {
+                    if (this.props.change) {
+                        this.props.change(this.field, { item: this.selectedItem });
+                        this.cdr.detectChanges();
+                    }
+                }
             });
         }
         else {
@@ -3836,7 +3869,15 @@ class GenericSelectorTypeComponent extends FieldType {
                 .subscribe((item) => {
                 this.selectedItem = item;
                 // debugger
-                this.formControl.setValue(item?.[vf]);
+                if (withSetValue == true) {
+                    this.formControl.setValue(item?.[vf]);
+                }
+                else {
+                    if (this.props.change) {
+                        this.props.change(this.field, { item: this.selectedItem });
+                        this.cdr.detectChanges();
+                    }
+                }
             });
         }
     }
@@ -3909,7 +3950,7 @@ class GenericSelectorTypeComponent extends FieldType {
         return Array.isArray(this.selectedItem) &&
             this.selectedItem.some((sel) => sel[vf] === item[vf]);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GenericSelectorTypeComponent, deps: [{ token: BaseService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GenericSelectorTypeComponent, deps: [{ token: BaseService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: GenericSelectorTypeComponent, isStandalone: true, selector: "formly-generic-selector", providers: [DialogService, BaseService], viewQueries: [{ propertyName: "autoComp", first: true, predicate: ["autoComp"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
       <p-autoComplete
       #autoComp
@@ -3991,7 +4032,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                         CheckboxModule
                     ]
                 }]
-        }], ctorParameters: () => [{ type: BaseService }, { type: i0.Injector }], propDecorators: { autoComp: [{
+        }], ctorParameters: () => [{ type: BaseService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }], propDecorators: { autoComp: [{
                 type: ViewChild,
                 args: ['autoComp']
             }] } });