ngx-form-designer 0.0.13 → 0.0.15

package/fesm2022/ngx-form-designer.mjs

@@ -3248,6 +3248,278 @@ function readNumber(value) {
     return typeof value === 'number' && Number.isFinite(value) ? value : undefined;
 }
 
+function normalizeRuntimeOptions(rows) {
+    if (!Array.isArray(rows))
+        return [];
+    const options = [];
+    for (const row of rows) {
+        if (!row || typeof row !== 'object')
+            continue;
+        const labelValue = row['label'];
+        const keyValue = row['key'];
+        if (typeof keyValue !== 'string' && typeof keyValue !== 'number') {
+            continue;
+        }
+        const label = typeof labelValue === 'string'
+            ? labelValue
+            : String(labelValue ?? '');
+        options.push({ label, value: keyValue });
+    }
+    return options;
+}
+
+class RuntimeFieldDataAccessRegistryService {
+    contexts = new WeakMap();
+    register(engine, schema, input) {
+        const api = input.fieldDataAccessApi;
+        const normalizedMap = this.normalizeMap(input.fieldDataAccessMap);
+        if (!api || normalizedMap.size === 0) {
+            this.unregister(engine);
+            return;
+        }
+        const formContentId = this.normalizeContentValue(input.formContentId) ?? schema.id;
+        const formContentVersion = this.normalizeContentValue(input.formContentVersion) ?? schema.version;
+        this.contexts.set(engine, {
+            schema,
+            map: normalizedMap,
+            api,
+            formContentId,
+            formContentVersion,
+            cache: new Map(),
+            descendants: this.buildDescendantMap(schema, normalizedMap)
+        });
+    }
+    unregister(engine) {
+        this.contexts.delete(engine);
+    }
+    hasFieldAccess(field, engine) {
+        if (!engine)
+            return false;
+        const context = this.contexts.get(engine);
+        if (!context)
+            return false;
+        return context.map.has(field.id);
+    }
+    async getOptions(field, engine) {
+        if (!engine)
+            return undefined;
+        const context = this.contexts.get(engine);
+        if (!context)
+            return undefined;
+        const mapEntry = context.map.get(field.id);
+        if (!mapEntry)
+            return undefined;
+        const payload = this.buildPayload(context, field, engine, mapEntry);
+        if (!payload) {
+            return [];
+        }
+        const cacheKey = this.getCacheKey(field.id, payload.exactPath);
+        const cached = context.cache.get(cacheKey);
+        if (cached) {
+            return cached.map(option => ({ ...option }));
+        }
+        try {
+            const rows = await context.api(payload);
+            const options = normalizeRuntimeOptions(rows);
+            context.cache.set(cacheKey, options);
+            return options.map(option => ({ ...option }));
+        }
+        catch {
+            return [];
+        }
+    }
+    invalidateFieldAndDescendants(engine, fieldId) {
+        const context = this.contexts.get(engine);
+        if (!context)
+            return;
+        const toInvalidate = new Set([fieldId]);
+        const queue = [fieldId];
+        while (queue.length > 0) {
+            const current = queue.shift();
+            if (!current)
+                continue;
+            const children = context.descendants.get(current);
+            if (!children)
+                continue;
+            for (const child of children) {
+                if (toInvalidate.has(child))
+                    continue;
+                toInvalidate.add(child);
+                queue.push(child);
+            }
+        }
+        for (const cacheKey of Array.from(context.cache.keys())) {
+            const cacheFieldId = cacheKey.split('::')[0];
+            if (toInvalidate.has(cacheFieldId)) {
+                context.cache.delete(cacheKey);
+            }
+        }
+    }
+    buildPayload(context, field, engine, mapEntry) {
+        const payload = {
+            datasourceId: mapEntry.datasourceId,
+            formContentId: context.formContentId,
+            formContentVersion: context.formContentVersion,
+            identifier: mapEntry.chainName,
+            fieldId: field.id
+        };
+        if (!mapEntry.hierarchyAccess) {
+            return payload;
+        }
+        const exactPath = this.resolveExactPath({
+            schema: context.schema,
+            engine,
+            chainName: mapEntry.chainName,
+            field
+        });
+        if (exactPath === null) {
+            return undefined;
+        }
+        if (exactPath) {
+            payload.exactPath = exactPath;
+        }
+        return payload;
+    }
+    resolveExactPath(params) {
+        const tokens = params.chainName
+            .split('#')
+            .map(token => token.trim())
+            .filter(Boolean);
+        if (tokens.length === 0) {
+            return '';
+        }
+        const currentIndex = tokens.findIndex(token => token === params.field.name || token === params.field.id);
+        if (currentIndex <= 0) {
+            return '';
+        }
+        const fieldsByToken = this.buildFieldLookup(params.schema);
+        const pathSegments = [];
+        for (let index = 0; index < currentIndex; index += 1) {
+            const token = tokens[index];
+            const parentField = fieldsByToken.get(token);
+            if (!parentField) {
+                return null;
+            }
+            const rawValue = params.engine.getValue(parentField.name);
+            if (!this.hasMeaningfulValue(rawValue)) {
+                return null;
+            }
+            pathSegments.push(this.encodePathSegment(rawValue));
+        }
+        return pathSegments.join('.');
+    }
+    encodePathSegment(value) {
+        const stringValue = String(value);
+        return encodeURIComponent(stringValue).replace(/\./g, '%2E');
+    }
+    hasMeaningfulValue(value) {
+        if (value === undefined || value === null)
+            return false;
+        if (typeof value === 'string' && value.trim().length === 0)
+            return false;
+        return true;
+    }
+    buildFieldLookup(schema) {
+        const lookup = new Map();
+        for (const field of schema.fields) {
+            lookup.set(field.id, field);
+            if (field.name) {
+                lookup.set(field.name, field);
+            }
+        }
+        return lookup;
+    }
+    normalizeMap(mapInput) {
+        const normalized = new Map();
+        if (!mapInput || typeof mapInput !== 'object') {
+            return normalized;
+        }
+        for (const [fieldId, rawEntry] of Object.entries(mapInput)) {
+            if (!rawEntry || typeof rawEntry !== 'object')
+                continue;
+            const chainName = typeof rawEntry.chainName === 'string' ? rawEntry.chainName.trim() : '';
+            const datasourceId = typeof rawEntry.datasourceId === 'string' ? rawEntry.datasourceId.trim() : '';
+            if (!fieldId || !chainName || !datasourceId) {
+                continue;
+            }
+            normalized.set(fieldId, {
+                chainName,
+                datasourceId,
+                hierarchyAccess: !!rawEntry.hierarchyAccess
+            });
+        }
+        return normalized;
+    }
+    normalizeContentValue(value) {
+        if (typeof value !== 'string')
+            return undefined;
+        const trimmed = value.trim();
+        return trimmed.length > 0 ? trimmed : undefined;
+    }
+    getCacheKey(fieldId, exactPath) {
+        return `${fieldId}::${exactPath ?? ''}`;
+    }
+    buildDescendantMap(schema, normalizedMap) {
+        const descendants = new Map();
+        const fieldsByToken = this.buildFieldLookup(schema);
+        const edgeMap = new Map();
+        const addEdge = (from, to) => {
+            if (!edgeMap.has(from)) {
+                edgeMap.set(from, new Set());
+            }
+            edgeMap.get(from).add(to);
+        };
+        for (const field of schema.fields) {
+            if (!field.dataConfig?.dependsOn?.length)
+                continue;
+            for (const dep of field.dataConfig.dependsOn) {
+                const parentField = fieldsByToken.get(dep.fieldId);
+                if (!parentField)
+                    continue;
+                addEdge(parentField.id, field.id);
+            }
+        }
+        for (const [, entry] of normalizedMap) {
+            const chainFieldIds = entry.chainName
+                .split('#')
+                .map(token => token.trim())
+                .filter(Boolean)
+                .map(token => fieldsByToken.get(token)?.id)
+                .filter((value) => !!value);
+            for (let index = 0; index < chainFieldIds.length - 1; index += 1) {
+                addEdge(chainFieldIds[index], chainFieldIds[index + 1]);
+            }
+        }
+        for (const field of schema.fields) {
+            const fieldId = field.id;
+            const visited = new Set();
+            const queue = [...(edgeMap.get(fieldId) ?? [])];
+            while (queue.length > 0) {
+                const current = queue.shift();
+                if (!current || visited.has(current))
+                    continue;
+                visited.add(current);
+                const children = edgeMap.get(current);
+                if (!children)
+                    continue;
+                for (const child of children) {
+                    if (!visited.has(child)) {
+                        queue.push(child);
+                    }
+                }
+            }
+            descendants.set(fieldId, visited);
+        }
+        return descendants;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: RuntimeFieldDataAccessRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: RuntimeFieldDataAccessRegistryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: RuntimeFieldDataAccessRegistryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 const DEFAULT_UPLOAD_ENDPOINT = '/api/uploads';
 class JsonFormRendererComponent {
     designerState;
@@ -3258,6 +3530,10 @@ class JsonFormRendererComponent {
     breakpoint = 'xl';
     eventLogger;
     uploadOnSubmit = true;
+    fieldDataAccessMap;
+    fieldDataAccessApi;
+    formContentId;
+    formContentVersion;
     valueChange = new EventEmitter();
     groupedValueChange = new EventEmitter();
     combinedValueChange = new EventEmitter();
@@ -3267,6 +3543,7 @@ class JsonFormRendererComponent {
     engine;
     runner;
     uploadClient = inject(FILE_UPLOAD_CLIENT, { optional: true }) ?? inject(DefaultFileUploadClient);
+    runtimeFieldDataAccessRegistry = inject(RuntimeFieldDataAccessRegistryService);
     constructor(designerState) {
         this.designerState = designerState;
     }
@@ -3278,17 +3555,26 @@ class JsonFormRendererComponent {
             // Reuse engine if ID matches to prevent full reload
             if (this.engine && this.schema.id === this.engine.getSchema().id) {
                 this.engine.updateSchema(this.schema);
+                this.syncRuntimeFieldDataAccessContext();
             }
             else {
                 this.createEngine();
             }
         }
+        if (changes['fieldDataAccessMap']
+            || changes['fieldDataAccessApi']
+            || changes['formContentId']
+            || changes['formContentVersion']) {
+            this.syncRuntimeFieldDataAccessContext();
+        }
     }
     ngOnDestroy() {
+        this.unregisterRuntimeFieldDataAccessContext();
         this.disposeRunner();
     }
     createEngine() {
         this.disposeRunner();
+        this.unregisterRuntimeFieldDataAccessContext();
         if (this.schema) {
             // Dev-only guardrail check (Live/Preview modes)
             if (this.mode === 'live' || this.mode === 'preview') {
@@ -3298,6 +3584,7 @@ class JsonFormRendererComponent {
                 }
             }
             this.engine = createFormEngine(this.schema, this.initialValues);
+            this.syncRuntimeFieldDataAccessContext();
             // Create event runner if not in design mode
             if (this.mode !== 'design') {
                 this.runner = new FormEventRunner(this.engine, this.eventLogger);
@@ -3311,6 +3598,21 @@ class JsonFormRendererComponent {
             void this.emitValuePayload(initialValues);
         }
     }
+    syncRuntimeFieldDataAccessContext() {
+        if (!this.engine || !this.schema)
+            return;
+        this.runtimeFieldDataAccessRegistry.register(this.engine, this.schema, {
+            fieldDataAccessMap: this.fieldDataAccessMap,
+            fieldDataAccessApi: this.fieldDataAccessApi,
+            formContentId: this.formContentId,
+            formContentVersion: this.formContentVersion
+        });
+    }
+    unregisterRuntimeFieldDataAccessContext() {
+        if (!this.engine)
+            return;
+        this.runtimeFieldDataAccessRegistry.unregister(this.engine);
+    }
     async emitValuePayload(values) {
         const fieldValueMap = await this.buildFieldValueMap(values);
         const groupedValues = this.buildGroupedValues(fieldValueMap);
@@ -3671,7 +3973,7 @@ class JsonFormRendererComponent {
             || typeof record['type'] === 'string';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: JsonFormRendererComponent, deps: [{ token: DesignerStateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: JsonFormRendererComponent, isStandalone: true, selector: "app-json-form-renderer", inputs: { schema: "schema", initialValues: "initialValues", mode: "mode", device: "device", breakpoint: "breakpoint", eventLogger: "eventLogger", uploadOnSubmit: "uploadOnSubmit" }, outputs: { valueChange: "valueChange", groupedValueChange: "groupedValueChange", combinedValueChange: "combinedValueChange", validationChange: "validationChange", uploadedFilesChange: "uploadedFilesChange", formSubmit: "formSubmit" }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: JsonFormRendererComponent, isStandalone: true, selector: "app-json-form-renderer", inputs: { schema: "schema", initialValues: "initialValues", mode: "mode", device: "device", breakpoint: "breakpoint", eventLogger: "eventLogger", uploadOnSubmit: "uploadOnSubmit", fieldDataAccessMap: "fieldDataAccessMap", fieldDataAccessApi: "fieldDataAccessApi", formContentId: "formContentId", formContentVersion: "formContentVersion" }, outputs: { valueChange: "valueChange", groupedValueChange: "groupedValueChange", combinedValueChange: "combinedValueChange", validationChange: "validationChange", uploadedFilesChange: "uploadedFilesChange", formSubmit: "formSubmit" }, usesOnChanges: true, ngImport: i0, template: `
     <div class="form-renderer-container"
          [class.is-mobile]="device === 'mobile'"
          [class.is-design]="mode === 'design'">
@@ -3728,6 +4030,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 type: Input
             }], uploadOnSubmit: [{
                 type: Input
+            }], fieldDataAccessMap: [{
+                type: Input
+            }], fieldDataAccessApi: [{
+                type: Input
+            }], formContentId: [{
+                type: Input
+            }], formContentVersion: [{
+                type: Input
             }], valueChange: [{
                 type: Output
             }], groupedValueChange: [{
@@ -3919,12 +4229,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
 
 class FormViewerComponent {
     schema;
-    data = {};
+    set data(value) {
+        this._data = value ?? {};
+        this.normalizedInitialValues = this.normalizeInitialValues(this._data);
+    }
+    get data() {
+        return this._data;
+    }
     options = {
         showSubmitButton: false,
         submitLabel: 'Submit',
         emitOnChange: true
     };
+    fieldDataAccessMap;
+    fieldDataAccessApi;
+    formContentId;
+    formContentVersion;
     formDataChange = new EventEmitter();
     formValidationChange = new EventEmitter();
     uploadedFilesChange = new EventEmitter();
@@ -3936,6 +4256,8 @@ class FormViewerComponent {
     zone = inject(NgZone);
     resizeObserver;
     currentValues = {};
+    _data = {};
+    normalizedInitialValues = {};
     ngOnInit() {
         this.setupResizeObserver();
     }
@@ -4000,17 +4322,89 @@ class FormViewerComponent {
         // Re-emit upwards
         this.submit.emit(result);
     }
+    normalizeInitialValues(input) {
+        if (!this.isRecord(input))
+            return {};
+        if (!this.isOutputShapeCandidate(input))
+            return input;
+        const outputValues = new Map();
+        this.collectOutputShapeFields(input, outputValues);
+        if (outputValues.size === 0)
+            return input;
+        const normalized = {};
+        for (const [fieldName, value] of outputValues.entries()) {
+            normalized[fieldName] = this.deserializeFieldValue(value.fieldValue);
+        }
+        return normalized;
+    }
+    collectOutputShapeFields(value, output) {
+        if (this.isFormFieldValue(value)) {
+            output.set(value.fieldName, value);
+            return;
+        }
+        if (Array.isArray(value)) {
+            return;
+        }
+        if (!this.isRecord(value))
+            return;
+        for (const entry of Object.values(value)) {
+            this.collectOutputShapeFields(entry, output);
+        }
+    }
+    deserializeFieldValue(value) {
+        if (Array.isArray(value)) {
+            if (value.every(item => this.isRecord(item) && this.isFormFieldMap(item))) {
+                return value.map(item => this.formFieldMapToNameMap(item));
+            }
+            return value;
+        }
+        if (this.isRecord(value) && this.isFormFieldMap(value)) {
+            return this.formFieldMapToNameMap(value);
+        }
+        return value;
+    }
+    formFieldMapToNameMap(valueMap) {
+        const normalized = {};
+        for (const entry of Object.values(valueMap)) {
+            if (!this.isFormFieldValue(entry))
+                continue;
+            normalized[entry.fieldName] = this.deserializeFieldValue(entry.fieldValue);
+        }
+        return normalized;
+    }
+    isOutputShapeCandidate(value) {
+        return Object.values(value).some(entry => this.isFormFieldValue(entry) || (this.isRecord(entry) && this.isFormFieldMap(entry)));
+    }
+    isFormFieldMap(value) {
+        const entries = Object.values(value);
+        if (entries.length === 0)
+            return true;
+        return entries.every(entry => this.isFormFieldValue(entry));
+    }
+    isFormFieldValue(value) {
+        if (!this.isRecord(value))
+            return false;
+        return typeof value['fieldName'] === 'string'
+            && Object.hasOwn(value, 'fieldValue');
+    }
+    isRecord(value) {
+        return !!value && typeof value === 'object';
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FormViewerComponent, isStandalone: true, selector: "app-form-viewer", inputs: { schema: "schema", data: "data", options: "options" }, outputs: { formDataChange: "formDataChange", formValidationChange: "formValidationChange", uploadedFilesChange: "uploadedFilesChange", submit: "submit" }, viewQueries: [{ propertyName: "renderer", first: true, predicate: JsonFormRendererComponent, descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FormViewerComponent, isStandalone: true, selector: "app-form-viewer", inputs: { schema: "schema", data: "data", options: "options", fieldDataAccessMap: "fieldDataAccessMap", fieldDataAccessApi: "fieldDataAccessApi", formContentId: "formContentId", formContentVersion: "formContentVersion" }, outputs: { formDataChange: "formDataChange", formValidationChange: "formValidationChange", uploadedFilesChange: "uploadedFilesChange", submit: "submit" }, viewQueries: [{ propertyName: "renderer", first: true, predicate: JsonFormRendererComponent, descendants: true }], ngImport: i0, template: `
     <div class="form-viewer-container flex flex-col h-full">
         <!-- Renderer -->
         <div class="flex-1 min-h-0 overflow-y-auto">
             <app-json-form-renderer
                 [schema]="schema"
-                [initialValues]="data"
+                [initialValues]="normalizedInitialValues"
                 [mode]="'live'"
                 [breakpoint]="breakpoint()"
                 [uploadOnSubmit]="true"
+                [fieldDataAccessMap]="fieldDataAccessMap"
+                [fieldDataAccessApi]="fieldDataAccessApi"
+                [formContentId]="formContentId"
+                [formContentVersion]="formContentVersion"
                 (valueChange)="onValueChange($event)"
                 (validationChange)="onValidationChange($event)"
                 (uploadedFilesChange)="onUploadedFilesChange($event)"
@@ -4029,7 +4423,7 @@ class FormViewerComponent {
             </button>
         </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "mode", "device", "breakpoint", "eventLogger", "uploadOnSubmit"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;height:100%;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "mode", "device", "breakpoint", "eventLogger", "uploadOnSubmit", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormViewerComponent, decorators: [{
             type: Component,
@@ -4039,10 +4433,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
         <div class="flex-1 min-h-0 overflow-y-auto">
             <app-json-form-renderer
                 [schema]="schema"
-                [initialValues]="data"
+                [initialValues]="normalizedInitialValues"
                 [mode]="'live'"
                 [breakpoint]="breakpoint()"
                 [uploadOnSubmit]="true"
+                [fieldDataAccessMap]="fieldDataAccessMap"
+                [fieldDataAccessApi]="fieldDataAccessApi"
+                [formContentId]="formContentId"
+                [formContentVersion]="formContentVersion"
                 (valueChange)="onValueChange($event)"
                 (validationChange)="onValidationChange($event)"
                 (uploadedFilesChange)="onUploadedFilesChange($event)"
@@ -4069,6 +4467,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 type: Input
             }], options: [{
                 type: Input
+            }], fieldDataAccessMap: [{
+                type: Input
+            }], fieldDataAccessApi: [{
+                type: Input
+            }], formContentId: [{
+                type: Input
+            }], formContentVersion: [{
+                type: Input
             }], formDataChange: [{
                 type: Output
             }], formValidationChange: [{
@@ -5828,7 +6234,7 @@ class LayoutCanvasComponent {
 
     <!-- Hidden file input for import -->
     <input type="file" #fileInput accept=".json" (change)="onFileSelected($event)" style="display: none;">
-    `, isInline: true, styles: [".canvas-grid{background-image:radial-gradient(rgba(148,163,184,.35) 1px,transparent 1px);background-size:18px 18px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "mode", "device", "breakpoint", "eventLogger", "uploadOnSubmit"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }, { kind: "ngmodule", type: UiIconModule }, { kind: "component", type: i2.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }] });
+    `, isInline: true, styles: [".canvas-grid{background-image:radial-gradient(rgba(148,163,184,.35) 1px,transparent 1px);background-size:18px 18px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "mode", "device", "breakpoint", "eventLogger", "uploadOnSubmit", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }, { kind: "ngmodule", type: UiIconModule }, { kind: "component", type: i2.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: LayoutCanvasComponent, decorators: [{
             type: Component,
@@ -14862,6 +15268,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
 
 class FormPreviewComponent {
     state;
+    fieldDataAccessMap;
+    fieldDataAccessApi;
+    formContentId;
+    formContentVersion;
     breakpoints = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'];
     breakpoint = signal('xl');
     // Derived device type for renderer compatibility
@@ -14965,7 +15375,7 @@ class FormPreviewComponent {
         return /^[A-Za-z0-9+/]+={0,2}$/.test(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormPreviewComponent, deps: [{ token: DesignerStateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FormPreviewComponent, isStandalone: true, selector: "app-form-preview", ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FormPreviewComponent, isStandalone: true, selector: "app-form-preview", inputs: { fieldDataAccessMap: "fieldDataAccessMap", fieldDataAccessApi: "fieldDataAccessApi", formContentId: "formContentId", formContentVersion: "formContentVersion" }, ngImport: i0, template: `
     <div class="fixed inset-0 bg-white z-[100] flex flex-col animate-in fade-in duration-200">
         <!-- Toolbar -->
         <div class="h-14 border-b border-gray-200 flex items-center justify-between px-4 bg-white shadow-sm shrink-0">
@@ -15015,6 +15425,10 @@ class FormPreviewComponent {
                           mode="live"
                           [device]="activeDevice()"
                           [breakpoint]="breakpoint()"
+                          [fieldDataAccessMap]="fieldDataAccessMap"
+                          [fieldDataAccessApi]="fieldDataAccessApi"
+                          [formContentId]="formContentId"
+                          [formContentVersion]="formContentVersion"
                           (valueChange)="updateData($event)"
                           (combinedValueChange)="updateCombinedData($event)">
                        </app-json-form-renderer>
@@ -15039,7 +15453,7 @@ class FormPreviewComponent {
             </div>
         </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }, { kind: "ngmodule", type: UiIconModule }, { kind: "component", type: i2.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "mode", "device", "breakpoint", "eventLogger", "uploadOnSubmit"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }, { kind: "ngmodule", type: UiIconModule }, { kind: "component", type: i2.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "mode", "device", "breakpoint", "eventLogger", "uploadOnSubmit", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormPreviewComponent, decorators: [{
             type: Component,
@@ -15097,6 +15511,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                           mode="live"
                           [device]="activeDevice()"
                           [breakpoint]="breakpoint()"
+                          [fieldDataAccessMap]="fieldDataAccessMap"
+                          [fieldDataAccessApi]="fieldDataAccessApi"
+                          [formContentId]="formContentId"
+                          [formContentVersion]="formContentVersion"
                           (valueChange)="updateData($event)"
                           (combinedValueChange)="updateCombinedData($event)">
                        </app-json-form-renderer>
@@ -15123,7 +15541,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
     </div>
   `
                 }]
-        }], ctorParameters: () => [{ type: DesignerStateService }] });
+        }], ctorParameters: () => [{ type: DesignerStateService }], propDecorators: { fieldDataAccessMap: [{
+                type: Input
+            }], fieldDataAccessApi: [{
+                type: Input
+            }], formContentId: [{
+                type: Input
+            }], formContentVersion: [{
+                type: Input
+            }] } });
 
 class JsonFormDesignerComponent {
     flavor = 'form';
@@ -15162,7 +15588,7 @@ class JsonFormDesignerComponent {
        <!-- PREVIEW OVERLAY -->
        <app-form-preview *ngIf="state.isPreviewMode()"></app-form-preview>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i3.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "component", type: FieldPaletteComponent, selector: "app-field-palette", inputs: ["sectionLibrary", "pages", "activePageId", "canRemovePage", "savedSections", "bricks"], outputs: ["sectionInsert", "pageAdd", "pageSelect", "pageRemove", "pageRename", "pageRouteChange", "savedSectionInsert", "savedSectionRemove", "savedSectionCreateRequested"] }, { kind: "component", type: LayoutCanvasComponent, selector: "app-layout-canvas", inputs: ["previewMode"], outputs: ["previewRequested"] }, { kind: "component", type: PropertiesPanelComponent, selector: "app-properties-panel" }, { kind: "component", type: FormPreviewComponent, selector: "app-form-preview" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i3.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "component", type: FieldPaletteComponent, selector: "app-field-palette", inputs: ["sectionLibrary", "pages", "activePageId", "canRemovePage", "savedSections", "bricks"], outputs: ["sectionInsert", "pageAdd", "pageSelect", "pageRemove", "pageRename", "pageRouteChange", "savedSectionInsert", "savedSectionRemove", "savedSectionCreateRequested"] }, { kind: "component", type: LayoutCanvasComponent, selector: "app-layout-canvas", inputs: ["previewMode"], outputs: ["previewRequested"] }, { kind: "component", type: PropertiesPanelComponent, selector: "app-properties-panel" }, { kind: "component", type: FormPreviewComponent, selector: "app-form-preview", inputs: ["fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: JsonFormDesignerComponent, decorators: [{
             type: Component,
@@ -16580,7 +17006,7 @@ class FormDesignerShellComponent {
         </div>
       </section>
     </div>
-  `, isInline: true, styles: ["@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in-right{animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: JsonFormDesignerComponent, selector: "app-json-form-designer", inputs: ["flavor"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "mode", "device", "breakpoint", "eventLogger", "uploadOnSubmit"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }, { kind: "component", type: EmailRendererComponent, selector: "app-email-renderer", inputs: ["schema", "engine"] }, { kind: "component", type: GlobalDataManagerComponent, selector: "app-global-data-manager", outputs: ["close"] }] });
+  `, isInline: true, styles: ["@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in-right{animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: JsonFormDesignerComponent, selector: "app-json-form-designer", inputs: ["flavor"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "mode", "device", "breakpoint", "eventLogger", "uploadOnSubmit", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }, { kind: "component", type: EmailRendererComponent, selector: "app-email-renderer", inputs: ["schema", "engine"] }, { kind: "component", type: GlobalDataManagerComponent, selector: "app-global-data-manager", outputs: ["close"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormDesignerShellComponent, decorators: [{
             type: Component,
@@ -19543,7 +19969,7 @@ class WebsiteDesignerShellComponent {
 
       <input type="file" #projectFileInput accept=".json" (change)="onProjectFileSelected($event)" class="hidden">
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i3.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "ngmodule", type: UiIconModule }, { kind: "component", type: FieldPaletteComponent, selector: "app-field-palette", inputs: ["sectionLibrary", "pages", "activePageId", "canRemovePage", "savedSections", "bricks"], outputs: ["sectionInsert", "pageAdd", "pageSelect", "pageRemove", "pageRename", "pageRouteChange", "savedSectionInsert", "savedSectionRemove", "savedSectionCreateRequested"] }, { kind: "component", type: LayoutCanvasComponent, selector: "app-layout-canvas", inputs: ["previewMode"], outputs: ["previewRequested"] }, { kind: "component", type: PropertiesPanelComponent, selector: "app-properties-panel" }, { kind: "component", type: FormPreviewComponent, selector: "app-form-preview" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i3.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "ngmodule", type: UiIconModule }, { kind: "component", type: FieldPaletteComponent, selector: "app-field-palette", inputs: ["sectionLibrary", "pages", "activePageId", "canRemovePage", "savedSections", "bricks"], outputs: ["sectionInsert", "pageAdd", "pageSelect", "pageRemove", "pageRename", "pageRouteChange", "savedSectionInsert", "savedSectionRemove", "savedSectionCreateRequested"] }, { kind: "component", type: LayoutCanvasComponent, selector: "app-layout-canvas", inputs: ["previewMode"], outputs: ["previewRequested"] }, { kind: "component", type: PropertiesPanelComponent, selector: "app-properties-panel" }, { kind: "component", type: FormPreviewComponent, selector: "app-form-preview", inputs: ["fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: WebsiteDesignerShellComponent, decorators: [{
             type: Component,
@@ -21519,7 +21945,7 @@ class WebsitePreviewShellComponent {
         }
       </main>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "mode", "device", "breakpoint", "eventLogger", "uploadOnSubmit"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: JsonFormRendererComponent, selector: "app-json-form-renderer", inputs: ["schema", "initialValues", "mode", "device", "breakpoint", "eventLogger", "uploadOnSubmit", "fieldDataAccessMap", "fieldDataAccessApi", "formContentId", "formContentVersion"], outputs: ["valueChange", "groupedValueChange", "combinedValueChange", "validationChange", "uploadedFilesChange", "formSubmit"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: WebsitePreviewShellComponent, decorators: [{
             type: Component,
@@ -21660,7 +22086,12 @@ function getEffectiveDataConfig(field) {
 const DATA_PROVIDER = new InjectionToken('DATA_PROVIDER');
 class DefaultDataProvider extends DataProvider {
     client = inject(DATA_SOURCE_CLIENT, { optional: true }) || inject(DefaultDataSourceClient);
+    runtimeFieldDataAccessRegistry = inject(RuntimeFieldDataAccessRegistryService);
     async getOptions(field, engine) {
+        const runtimeOptions = await this.getRuntimeOptions(field, engine);
+        if (runtimeOptions !== undefined) {
+            return runtimeOptions;
+        }
         const cfg = getEffectiveDataConfig(field);
         // 1. Resolve Rows
         let rows = await this.getRawRows(cfg, field, engine);
@@ -21678,6 +22109,10 @@ class DefaultDataProvider extends DataProvider {
         }));
     }
     async queryOptions(field, query, engine) {
+        const runtimeOptions = await this.getRuntimeOptions(field, engine);
+        if (runtimeOptions !== undefined) {
+            return runtimeOptions;
+        }
         const cfg = field.dataConfig;
         if (!cfg)
             return super.queryOptions(field, { ...query, term: query.term || '' }, engine);
@@ -21901,6 +22336,11 @@ class DefaultDataProvider extends DataProvider {
         }
         return undefined;
     }
+    async getRuntimeOptions(field, engine) {
+        if (!engine)
+            return undefined;
+        return this.runtimeFieldDataAccessRegistry.getOptions(field, engine);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DefaultDataProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DefaultDataProvider, providedIn: 'root' });
 }
@@ -22497,7 +22937,11 @@ class SelectWidgetComponent {
     requestId = 0;
     destroyRef = inject(DestroyRef);
     options = [];
+    runtimeManagedField = false;
+    runtimeOptionsLoaded = false;
+    dependencyValueSnapshot = new Map();
     dataProvider = inject(DATA_PROVIDER, { optional: true }) || inject(DefaultDataProvider);
+    runtimeFieldDataAccessRegistry = inject(RuntimeFieldDataAccessRegistryService);
     get fieldId() {
         return `field-${this.config.id}`;
     }
@@ -22532,6 +22976,7 @@ class SelectWidgetComponent {
             .subscribe(val => {
             if (this.engine) {
                 this.engine.setValue(this.config.name, val);
+                this.runtimeFieldDataAccessRegistry.invalidateFieldAndDescendants(this.engine, this.config.id);
                 this.engine.emitUiEvent({ fieldId: this.config.id, fieldName: this.config.name, type: 'change', value: val });
                 if (this.control.dirty) {
                     this.engine.emitUiEvent({ fieldId: this.config.id, fieldName: this.config.name, type: 'dirty' });
@@ -22539,10 +22984,21 @@ class SelectWidgetComponent {
             }
         });
         this.syncEnabledState();
-        await this.loadOptions();
+        this.runtimeManagedField = this.runtimeFieldDataAccessRegistry.hasFieldAccess(this.config, this.engine);
+        if (!this.runtimeManagedField) {
+            await this.loadOptions();
+            this.runtimeOptionsLoaded = true;
+        }
+        else if (this.hasSelectedValue()) {
+            // Prefilled runtime-managed selects need initial options so the selected label renders.
+            await this.loadOptions();
+            this.runtimeOptionsLoaded = !this.loadError;
+        }
         // Dependencies
         const dependencyIds = this.getDependencyFieldIds();
         if (this.engine) {
+            const initialValues = this.engine.getValues();
+            this.seedDependencySnapshotFromValues(dependencyIds, initialValues);
             this.engine.valueChanges$
                 .pipe(takeUntilDestroyed(this.destroyRef))
                 .subscribe(values => {
@@ -22552,12 +23008,19 @@ class SelectWidgetComponent {
                     const depNames = schema.fields
                         .filter(f => dependencyIds.includes(f.id))
                         .map(f => f.name);
-                    const touched = depNames.some(name => name in values);
-                    if (touched) {
+                    if (this.haveDependencyValuesChanged(depNames, values)) {
+                        this.runtimeFieldDataAccessRegistry.invalidateFieldAndDescendants(this.engine, this.config.id);
+                        if (this.hasSelectedValue()) {
+                            this.control.setValue(null);
+                        }
                         if (this.searchControl.value) {
                             this.searchControl.setValue('', { emitEvent: false });
                         }
-                        this.loadOptions();
+                        this.options = [];
+                        this.runtimeOptionsLoaded = false;
+                        if (!this.runtimeManagedField) {
+                            this.loadOptions();
+                        }
                     }
                 }
             });
@@ -22638,10 +23101,16 @@ class SelectWidgetComponent {
     onFocus() {
         if (this.engine)
             this.engine.emitUiEvent({ fieldId: this.config.id, fieldName: this.config.name, type: 'focus' });
+        if (this.runtimeManagedField) {
+            void this.ensureRuntimeOptionsLoaded();
+        }
     }
     onClick() {
         if (this.engine)
             this.engine.emitUiEvent({ fieldId: this.config.id, fieldName: this.config.name, type: 'click' });
+        if (this.runtimeManagedField) {
+            void this.ensureRuntimeOptionsLoaded();
+        }
     }
     onBlur() {
         if (this.engine) {
@@ -22660,6 +23129,49 @@ class SelectWidgetComponent {
             this.control.disable({ emitEvent: false });
         }
     }
+    async ensureRuntimeOptionsLoaded() {
+        if (!this.runtimeManagedField || this.loading)
+            return;
+        if (this.runtimeOptionsLoaded && this.options.length > 0)
+            return;
+        await this.loadOptions();
+        if (!this.loadError) {
+            this.runtimeOptionsLoaded = true;
+        }
+    }
+    seedDependencySnapshotFromValues(dependencyIds, values) {
+        if (!this.engine || dependencyIds.length === 0)
+            return;
+        const schema = this.engine.getSchema();
+        const depNames = schema.fields
+            .filter(field => dependencyIds.includes(field.id))
+            .map(field => field.name);
+        for (const depName of depNames) {
+            this.dependencyValueSnapshot.set(depName, values[depName]);
+        }
+    }
+    haveDependencyValuesChanged(dependencyNames, values) {
+        let changed = false;
+        for (const depName of dependencyNames) {
+            const previousValue = this.dependencyValueSnapshot.get(depName);
+            const nextValue = values[depName];
+            if (!Object.is(previousValue, nextValue)) {
+                changed = true;
+                this.dependencyValueSnapshot.set(depName, nextValue);
+            }
+        }
+        return changed;
+    }
+    hasSelectedValue() {
+        const value = this.control.value;
+        if (value === undefined || value === null)
+            return false;
+        if (typeof value === 'string')
+            return value.length > 0;
+        if (Array.isArray(value))
+            return value.length > 0;
+        return true;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SelectWidgetComponent, isStandalone: true, selector: "app-select-widget", inputs: { config: "config", engine: "engine", control: "control" }, ngImport: i0, template: `
     <div class="w-full pb-4 font-sans" [class.hidden]="!visible" [ngStyle]="getWrapperStyles()">
@@ -28359,5 +28871,5 @@ function provideHttpDataSourceClient(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { APPEARANCE_FIELDS, CORE_DESIGNER_PLUGINS, CURRENT_SCHEMA_VERSION, DATA_PROVIDER, DATA_SOURCE_CLIENT, DEFAULT_TEMPLATE_LIBRARY, DEFAULT_WEBSITE_SECTIONS, DEFAULT_WIDGET_PACKS, DESIGNER_PLUGINS, DESIGNER_SECTIONS, DataCatalog, DataPanelComponent, DataProvider, DefaultDataProvider, DefaultDataSourceClient, DefaultFileUploadClient, DesignerContext, DesignerStateService, DynamicPropertiesComponent, EFFECTS_FIELDS, EMAIL_SAFE_STYLE_SECTIONS, EMAIL_WIDGETS, EmailRendererComponent, EventsPanelComponent, FIELD_WIDGETS, FILE_UPLOAD_CLIENT, FULL_WEB_STYLE_SECTIONS, FieldPaletteComponent, FormDesignerShellComponent, FormEngine, FormViewerComponent, GlobalDataManagerComponent, HTTP_DATA_SOURCE_CLIENT_CONFIG, HttpDataSourceClient, InMemoryDataCatalogService, InspectorAdvancedSectionComponent, InspectorBackgroundsSectionComponent, InspectorBordersSectionComponent, InspectorEffectsSectionComponent, InspectorLayoutSectionComponent, InspectorPositionSectionComponent, InspectorSizeSectionComponent, InspectorSpacingSectionComponent, InspectorTypographySectionComponent, JsonFormDesignerComponent, JsonFormRendererComponent, LAYOUT_FIELDS, LayoutCanvasComponent, LayoutNodeComponent, PAGE_WIDGETS, PropertiesPanelComponent, RulesPanelComponent, SPACING_BOX_MODEL_FIELD, SPACING_MARGIN_FIELDS, SPACING_PADDING_FIELDS, STANDARD_FORM_STYLE_SECTIONS, STYLE_APPEARANCE_SECTION, STYLE_EFFECTS_SECTION, STYLE_LAYOUT_SECTION, STYLE_SECTIONS, STYLE_SPACING_SECTION, STYLE_TRANSFORM_SECTION, STYLE_TYPOGRAPHY_SECTION, TRANSFORM_FIELDS, TYPOGRAPHY_FIELDS, ThemeService, UiAccordionComponent, UiBoxModelComponent, UiColorSwatchComponent, UiDimensionComponent, UiEdgeBoxComponent, UiFieldWrapperComponent, UiInputComponent, UiRangeNumberComponent, UiSelectIconComponent, UiTabComponent, UiTabsComponent, WIDGET_DEFINITIONS, WIDGET_ID_SEPARATOR, WebsiteBrickStudioComponent, WebsiteDesignerShellComponent, WebsitePreviewShellComponent, WebsiteProjectService, WidgetDefinitionResolverService, WidgetInspectorComponent, appendSectionToSchema, buildWidgetId, checkSchemaForApiOnlySources, createDefaultWebsiteBrick, createDefaultWebsiteBricks, createDefaultWebsiteTheme, createEmptySchema, createFormEngine, createPluginContext, createWebsiteBrick, createWebsitePage, createWebsiteProject, defineWidget, flattenPluginWidgets, getEffectiveDataConfig, getWidgetsForFlavor, inferSchema, mergeAndNormalize, normalizeStyle, parseCsv, parseJsonArray, parseSchema, provideDesignerPlugins, provideHttpDataSourceClient, serializeSchema, slugifyId, stripEmbeddedSourceData };
+export { APPEARANCE_FIELDS, CORE_DESIGNER_PLUGINS, CURRENT_SCHEMA_VERSION, DATA_PROVIDER, DATA_SOURCE_CLIENT, DEFAULT_TEMPLATE_LIBRARY, DEFAULT_WEBSITE_SECTIONS, DEFAULT_WIDGET_PACKS, DESIGNER_PLUGINS, DESIGNER_SECTIONS, DataCatalog, DataPanelComponent, DataProvider, DefaultDataProvider, DefaultDataSourceClient, DefaultFileUploadClient, DesignerContext, DesignerStateService, DynamicPropertiesComponent, EFFECTS_FIELDS, EMAIL_SAFE_STYLE_SECTIONS, EMAIL_WIDGETS, EmailRendererComponent, EventsPanelComponent, FIELD_WIDGETS, FILE_UPLOAD_CLIENT, FULL_WEB_STYLE_SECTIONS, FieldPaletteComponent, FormDesignerShellComponent, FormEngine, FormViewerComponent, GlobalDataManagerComponent, HTTP_DATA_SOURCE_CLIENT_CONFIG, HttpDataSourceClient, InMemoryDataCatalogService, InspectorAdvancedSectionComponent, InspectorBackgroundsSectionComponent, InspectorBordersSectionComponent, InspectorEffectsSectionComponent, InspectorLayoutSectionComponent, InspectorPositionSectionComponent, InspectorSizeSectionComponent, InspectorSpacingSectionComponent, InspectorTypographySectionComponent, JsonFormDesignerComponent, JsonFormRendererComponent, LAYOUT_FIELDS, LayoutCanvasComponent, LayoutNodeComponent, PAGE_WIDGETS, PropertiesPanelComponent, RulesPanelComponent, RuntimeFieldDataAccessRegistryService, SPACING_BOX_MODEL_FIELD, SPACING_MARGIN_FIELDS, SPACING_PADDING_FIELDS, STANDARD_FORM_STYLE_SECTIONS, STYLE_APPEARANCE_SECTION, STYLE_EFFECTS_SECTION, STYLE_LAYOUT_SECTION, STYLE_SECTIONS, STYLE_SPACING_SECTION, STYLE_TRANSFORM_SECTION, STYLE_TYPOGRAPHY_SECTION, TRANSFORM_FIELDS, TYPOGRAPHY_FIELDS, ThemeService, UiAccordionComponent, UiBoxModelComponent, UiColorSwatchComponent, UiDimensionComponent, UiEdgeBoxComponent, UiFieldWrapperComponent, UiInputComponent, UiRangeNumberComponent, UiSelectIconComponent, UiTabComponent, UiTabsComponent, WIDGET_DEFINITIONS, WIDGET_ID_SEPARATOR, WebsiteBrickStudioComponent, WebsiteDesignerShellComponent, WebsitePreviewShellComponent, WebsiteProjectService, WidgetDefinitionResolverService, WidgetInspectorComponent, appendSectionToSchema, buildWidgetId, checkSchemaForApiOnlySources, createDefaultWebsiteBrick, createDefaultWebsiteBricks, createDefaultWebsiteTheme, createEmptySchema, createFormEngine, createPluginContext, createWebsiteBrick, createWebsitePage, createWebsiteProject, defineWidget, flattenPluginWidgets, getEffectiveDataConfig, getWidgetsForFlavor, inferSchema, mergeAndNormalize, normalizeRuntimeOptions, normalizeStyle, parseCsv, parseJsonArray, parseSchema, provideDesignerPlugins, provideHttpDataSourceClient, serializeSchema, slugifyId, stripEmbeddedSourceData };
 //# sourceMappingURL=ngx-form-designer.mjs.map