@praxisui/dynamic-fields 9.0.0-beta.81 → 9.0.0-beta.83

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-07-19T23:44:00.907Z",
+  "generatedAt": "2026-07-20T14:11:58.169Z",
   "packageName": "@praxisui/dynamic-fields",
-  "packageVersion": "9.0.0-beta.81",
+  "packageVersion": "9.0.0-beta.83",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 76,

package/fesm2022/praxisui-dynamic-fields.mjs

@@ -4170,6 +4170,8 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
         if (!this.crudService || !this.resourcePath()) {
             return;
         }
+        this.synchronizeDependencyCriteriaFromControls();
+        criteria = this.filterCriteria();
         const filter = { ...criteria };
         if (searchTerm && !this.optionSource()) {
             filter[this.optionLabelKey()] = searchTerm;
@@ -4367,53 +4369,14 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
         if (!streams.length)
             return;
         const debounceMs = Number(meta.dependencyDebounceMs ?? this.global.getDynamicFields()?.cascade?.debounceMs ?? 150);
-        const valuePathCfg = this.resolveDependencyValuePathConfig(meta);
-        const mapCfg = this.resolveDependencyFilterMap(meta);
         const mergeStrategy = meta.dependencyMergeStrategy ?? 'merge';
         const loadOnChange = meta.dependencyLoadOnChange ?? this.global.getDynamicFields()?.cascade?.loadOnChange ?? 'respectLoadOn';
         // Subscribe to combined changes
         this.dependencySub = combineLatest(streams)
             .pipe(debounceTime(debounceMs))
             .subscribe((values) => {
-            // Build fragment from all deps
-            const fragment = {};
-            controls
-                .filter((c) => !!c.control)
-                .forEach((c, idx) => {
-                const raw = values[idx];
-                // Determine valuePath for this dep
-                let valuePath;
-                if (valuePathCfg && typeof valuePathCfg === 'object') {
-                    valuePath = valuePathCfg[c.name];
-                }
-                else if (typeof valuePathCfg === 'string') {
-                    valuePath = valuePathCfg;
-                }
-                else {
-                    // default: use this component's optionValueKey or 'id'
-                    valuePath = this.optionValueKey?.() || 'id';
-                }
-                const extracted = this.extractDependencyValue(raw, valuePath);
-                // Determine key mapping
-                const mapEntry = mapCfg?.[c.name] ?? c.name;
-                const targetKey = typeof mapEntry === 'string' ? mapEntry : mapEntry?.key ?? c.name;
-                if (extracted == null || (Array.isArray(extracted) && extracted.length === 0)) {
-                    // remove mapped key when null/empty
-                    this.applyDependencyCriteria({ __remove__: targetKey }, mergeStrategy);
-                    return;
-                }
-                // Support dot-path keys (e.g., 'rota.id')
-                const fragRoot = {};
-                this.setByPath(fragRoot, targetKey, extracted);
-                // Shallow merge fragment root-level keys
-                Object.keys(fragRoot).forEach((k) => {
-                    fragment[k] = this.mergeObjectsDeep(fragment[k], fragRoot[k]);
-                });
-            });
-            // Apply built fragment
-            if (Object.keys(fragment).length > 0) {
-                this.applyDependencyCriteria(fragment, mergeStrategy);
-            }
+            const availableControls = controls.filter((entry) => !!entry.control);
+            const fragment = this.applyDependencyValues(meta, availableControls, values);
             // Reset value when configured
             if (meta.resetOnDependentChange) {
                 this.setValue(null, { emitEvent: false });
@@ -4501,9 +4464,62 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
         return meta.optionSource?.valuePropertyPath;
     }
     optionSourceByIdsOptions() {
+        this.synchronizeDependencyCriteriaFromControls();
         const filter = this.filterCriteria();
         return filter && Object.keys(filter).length ? { filter } : undefined;
     }
+    /** Keeps every request aligned with the dependency values currently bound to the form. */
+    synchronizeDependencyCriteriaFromControls() {
+        const meta = this.metadata();
+        if (!meta || !this.resourcePath())
+            return;
+        const enabled = meta.enableDependencyCascade ??
+            (this.global.getDynamicFields()?.cascade?.enable ?? true);
+        const dependencies = this.resolveDependencyFields(meta);
+        if (!dependencies?.length || enabled === false)
+            return;
+        const form = this.control()?.parent ?? null;
+        if (!form)
+            return;
+        const controls = dependencies
+            .map((name) => ({ name, control: form.get(name) ?? null }))
+            .filter((entry) => !!entry.control);
+        if (!controls.length)
+            return;
+        this.applyDependencyValues(meta, controls, controls.map((entry) => entry.control.value));
+    }
+    applyDependencyValues(meta, controls, values) {
+        const fragment = {};
+        const valuePathConfig = this.resolveDependencyValuePathConfig(meta);
+        const filterMap = this.resolveDependencyFilterMap(meta);
+        const mergeStrategy = meta.dependencyMergeStrategy ?? 'merge';
+        controls.forEach((entry, index) => {
+            const raw = values[index];
+            const valuePath = valuePathConfig && typeof valuePathConfig === 'object'
+                ? valuePathConfig[entry.name]
+                : typeof valuePathConfig === 'string'
+                    ? valuePathConfig
+                    : this.optionValueKey?.() || 'id';
+            const extracted = this.extractDependencyValue(raw, valuePath);
+            const mapEntry = filterMap?.[entry.name] ?? entry.name;
+            const targetKey = typeof mapEntry === 'string'
+                ? mapEntry
+                : mapEntry?.key ?? entry.name;
+            if (extracted == null || (Array.isArray(extracted) && extracted.length === 0)) {
+                this.applyDependencyCriteria({ __remove__: targetKey }, mergeStrategy);
+                return;
+            }
+            const mapped = {};
+            this.setByPath(mapped, targetKey, extracted);
+            Object.keys(mapped).forEach((key) => {
+                fragment[key] = this.mergeObjectsDeep(fragment[key], mapped[key]);
+            });
+        });
+        if (Object.keys(fragment).length) {
+            this.applyDependencyCriteria(fragment, mergeStrategy);
+        }
+        return fragment;
+    }
     // Helpers: object path ops and merges
     getByPath(obj, dotPath) {
         if (!obj || !dotPath)
@@ -13097,6 +13113,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
         if (!this.crudService || !this.hasRemoteOptionsContract()) {
             return of(void 0);
         }
+        this.synchronizeDependencyCriteriaFromControls();
         const term = this.termControl.value || '';
         const hasSearchTerm = !!term.trim();
         const optionSource = this.optionSource();
@@ -26985,6 +27002,8 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
         if (!this.crudService || !this.resourcePath()) {
             return;
         }
+        this.synchronizeDependencyCriteriaFromControls();
+        criteria = this.filterCriteria();
         const optionSource = this.optionSource();
         const filter = { ...criteria };
         if (searchTerm && !optionSource) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/dynamic-fields",
-  "version": "9.0.0-beta.81",
+  "version": "9.0.0-beta.83",
   "description": "Angular Material-based dynamic form fields for Praxis UI with lazy loading and metadata-driven rendering.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
@@ -11,8 +11,8 @@
     "@angular/platform-browser": "^21.0.0",
     "@angular/router": "^21.0.0",
     "rxjs": "^7.8.0",
-    "@praxisui/core": "^9.0.0-beta.81",
-    "@praxisui/cron-builder": "^9.0.0-beta.81"
+    "@praxisui/core": "^9.0.0-beta.83",
+    "@praxisui/cron-builder": "^9.0.0-beta.83"
   },
   "dependencies": {
     "libphonenumber-js": "^1.12.41",

package/types/praxisui-dynamic-fields.d.ts

@@ -1296,6 +1296,9 @@ declare abstract class SimpleBaseSelectComponent<T = any> extends SimpleBaseInpu
     protected optionSourceByIdsOptions(): {
         filter?: Record<string, unknown>;
     } | undefined;
+    /** Keeps every request aligned with the dependency values currently bound to the form. */
+    protected synchronizeDependencyCriteriaFromControls(): void;
+    private applyDependencyValues;
     private getByPath;
     private setByPath;
     private unsetByPath;