@praxisui/dynamic-fields 6.0.0-beta.0 → 7.0.0-beta.0

package/fesm2022/praxisui-dynamic-fields.mjs

@@ -2614,6 +2614,7 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
     global = inject(GlobalConfigService);
     // Dependency cascade support (Phase 1)
     dependencySub = null;
+    remoteSelectionHydrationSub = null;
     hasLoadedOnce = false;
     /** Options filtered according to the current `searchTerm` */
     filteredOptions = computed(() => {
@@ -3145,18 +3146,24 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
         if (searchTerm && !this.optionSource()) {
             filter[this.optionLabelKey()] = searchTerm;
         }
+        const includeIds = page === 0 ? this.currentIncludeIds() : undefined;
         this.loading.set(true);
         const request$ = this.optionSource()
             ? this.crudService.filterOptionSourceOptions(this.optionSource().key, filter, { pageNumber: page, pageSize: this.pageSize() }, {
                 search: searchTerm || undefined,
                 includeIds: this.optionSource().includeIds
-                    ? this.currentIncludeIds()
+                    ? includeIds
                     : undefined,
             })
-            : this.crudService.filter(filter, {
-                pageNumber: page,
-                pageSize: this.pageSize(),
-            });
+            : includeIds?.length
+                ? this.crudService.filter(filter, {
+                    pageNumber: page,
+                    pageSize: this.pageSize(),
+                }, { includeIds })
+                : this.crudService.filter(filter, {
+                    pageNumber: page,
+                    pageSize: this.pageSize(),
+                });
         request$
             .pipe(takeUntilDestroyed(this.destroyRef), take(1))
             .subscribe({
@@ -3240,6 +3247,45 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
         // Recreate subscriptions when the bound control instance changes
         queueMicrotask(() => this.setupDependencies());
     }, ...(ngDevMode ? [{ debugName: "_depEffect" }] : []));
+    /** Rebind hydration for remote selected values when FormControl changes */
+    _remoteSelectionEffect = effect(() => {
+        const _ctrl = this.formControl();
+        const _path = this.resourcePath();
+        queueMicrotask(() => this.setupRemoteSelectionHydration());
+    }, ...(ngDevMode ? [{ debugName: "_remoteSelectionEffect" }] : []));
+    setupRemoteSelectionHydration() {
+        if (this.remoteSelectionHydrationSub) {
+            try {
+                this.remoteSelectionHydrationSub.unsubscribe();
+            }
+            catch { }
+            this.remoteSelectionHydrationSub = null;
+        }
+        if (!this.resourcePath()) {
+            return;
+        }
+        const control = this.control();
+        this.remoteSelectionHydrationSub = control.valueChanges
+            .pipe(startWith(control.value), takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            this.ensureCurrentValueLoaded();
+        });
+    }
+    ensureCurrentValueLoaded() {
+        if (!this.resourcePath() || this.loading()) {
+            return;
+        }
+        const selected = this.currentIncludeIds();
+        if (!selected.length) {
+            return;
+        }
+        const hasAllSelectedOptions = selected.every((value) => this.options().some((candidate) => this.areSelectValuesEqual(candidate.value, value)));
+        if (hasAllSelectedOptions) {
+            return;
+        }
+        this.pageIndex.set(0);
+        this.loadOptions(0, this.searchTerm(), this.filterCriteria());
+    }
     /** (Re)configure dependency observers based on metadata and current FormGroup */
     setupDependencies() {
         // Teardown previous subscriptions if any

package/index.d.ts

@@ -974,6 +974,7 @@ declare abstract class SimpleBaseSelectComponent<T = any> extends SimpleBaseInpu
     protected matSelect: MatSelect | null;
     protected readonly global: GlobalConfigService;
     private dependencySub;
+    private remoteSelectionHydrationSub;
     private hasLoadedOnce;
     /** Options filtered according to the current `searchTerm` */
     readonly filteredOptions: _angular_core.Signal<SelectOption<T>[]>;
@@ -1116,6 +1117,10 @@ declare abstract class SimpleBaseSelectComponent<T = any> extends SimpleBaseInpu
     protected hasLoaded(): boolean;
     /** Setup effect to re-bind dependency observers when FormControl changes */
     private readonly _depEffect;
+    /** Rebind hydration for remote selected values when FormControl changes */
+    private readonly _remoteSelectionEffect;
+    protected setupRemoteSelectionHydration(): void;
+    private ensureCurrentValueLoaded;
     /** (Re)configure dependency observers based on metadata and current FormGroup */
     protected setupDependencies(): void;
     protected extractDependencyValue(raw: any, path?: string): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/dynamic-fields",
-  "version": "6.0.0-beta.0",
+  "version": "7.0.0-beta.0",
   "description": "Angular Material-based dynamic form fields for Praxis UI with lazy loading and metadata-driven rendering.",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
@@ -10,9 +10,9 @@
     "@angular/cdk": "^20.1.0",
     "@angular/router": "^20.1.0",
     "rxjs": "^7.8.0",
-    "@praxisui/core": "^6.0.0-beta.0",
-    "@praxisui/cron-builder": "^6.0.0-beta.0",
-    "@praxisui/dialog": "^6.0.0-beta.0"
+    "@praxisui/core": "^7.0.0-beta.0",
+    "@praxisui/cron-builder": "^7.0.0-beta.0",
+    "@praxisui/dialog": "^7.0.0-beta.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"