@masterteam/form-builder 0.0.50 → 0.0.51

package/fesm2022/masterteam-form-builder.mjs

@@ -29,10 +29,10 @@ import { DynamicForm } from '@masterteam/forms/dynamic-form';
 import { ToggleField } from '@masterteam/components/toggle-field';
 import { ModalRef } from '@masterteam/components/dialog';
 import { CONDITION_FUNCTION_CATEGORIES, CONDITION_OPERATORS, FormulaToolbar, FormulaEditor, serializeTokens, tokenizeFormulaTemplate, serializeTokensForDisplay } from '@masterteam/components/formula';
+import { of, map, catchError, tap, startWith } from 'rxjs';
 import { Tooltip } from '@masterteam/components/tooltip';
 import { ClientForm } from '@masterteam/forms/client-form';
 import { Table } from '@masterteam/components/table';
-import { startWith, of, map, catchError } from 'rxjs';
 import { RadioCardsField } from '@masterteam/components/radio-cards-field';
 import { FormulaBuilder } from '@masterteam/formula-builder';
 
@@ -1227,6 +1227,120 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
+/**
+ * View types whose values the backend can serve. Matched after lower-casing
+ * and stripping spaces/underscores/dashes, and kept in step with the backend
+ * gate (`PropertyItemsLookupSourceResolver.IsLookupBacked` plus `Status`) —
+ * every other view type is rejected with a validation error.
+ */
+const VALUE_BACKED_VIEW_TYPES = new Set([
+    'lookup',
+    'lookupmultiselect',
+    'lookupmatrix',
+    'status',
+]);
+/** Whether a property's values can be picked from a source instead of typed. */
+function isValueBackedViewType(viewType) {
+    if (!viewType)
+        return false;
+    return VALUE_BACKED_VIEW_TYPES.has(viewType.toLowerCase().replace(/[ _-]/g, ''));
+}
+class FormBuilderContextService {
+    http = inject(HttpClient);
+    baseUrl = 'context';
+    propertyItemsCache = new Map();
+    /**
+     * Resolves context data including navigation paths and properties.
+     * No caching - always fetches fresh data.
+     */
+    resolveContext(contextKey, options = {}) {
+        if (!contextKey)
+            return of(null);
+        return this.http
+            .post(`${this.baseUrl}/resolve`, {
+            contextKey,
+            displayTags: options.displayTags,
+            propertyFlags: options.propertyFlags,
+            matchAllTags: options.matchAllTags,
+            includeVirtual: options.includeVirtual,
+            includeNavigationPaths: options.includeNavigationPaths,
+            includeConnectionMetadata: options.includeConnectionMetadata,
+            includeRelatedContextValues: options.includeRelatedContextValues,
+            relatedContextsToInclude: options.relatedContextsToInclude,
+            // Consumer-supplied fields win on collision with any field above.
+            ...options.extraParams,
+        })
+            .pipe(map((response) => this.normalizeResponse(response)), catchError((error) => {
+            console.warn('Failed to resolve context:', error);
+            return of(null);
+        }));
+    }
+    /**
+     * Gets properties for a context.
+     * No caching - always fetches fresh data.
+     */
+    getProperties(contextKey, options = {}) {
+        if (!contextKey)
+            return of([]);
+        return this.resolveContext(contextKey, options).pipe(map((resolved) => resolved?.properties ?? []));
+    }
+    /**
+     * Selectable values of a lookup / lookup-matrix / status property, used by
+     * the condition builder so a compared value is picked rather than typed.
+     *
+     * The backend answers 400 for any other view type, which we swallow into an
+     * empty list — callers already gate on `isValueBackedViewType`, so empty
+     * simply means "nothing to pick".
+     */
+    getPropertyItems(propertyKey) {
+        if (!propertyKey)
+            return of([]);
+        const cached = this.propertyItemsCache.get(propertyKey);
+        if (cached)
+            return of(cached);
+        return this.http
+            .get(`formulas/builder/property-items/${encodeURIComponent(propertyKey)}`)
+            .pipe(map((response) => {
+            const payload = response && 'data' in response ? response.data : response;
+            return payload?.items ?? [];
+        }), tap((items) => this.propertyItemsCache.set(propertyKey, items)), catchError((error) => {
+            console.warn('Failed to load property items:', error);
+            return of([]);
+        }));
+    }
+    normalizeResponse(response) {
+        const payload = response?.data ?? response;
+        if (!payload)
+            return null;
+        const properties = this.normalizeProperties(payload.properties ?? []);
+        return {
+            ...payload,
+            properties,
+        };
+    }
+    normalizeProperties(raw) {
+        return (raw ?? [])
+            .map((prop) => {
+            const key = prop?.key ?? prop?.propertyKey;
+            if (!key)
+                return null;
+            const name = prop?.name ?? prop?.displayName ?? key;
+            return {
+                ...prop,
+                key,
+                name,
+            };
+        })
+            .filter((prop) => Boolean(prop));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FormBuilderContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FormBuilderContextService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FormBuilderContextService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 /**
  * Field Conditions Dialog
  *
@@ -1235,6 +1349,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
  */
 class FBFieldConditions {
     modalService = inject(ModalService);
+    contextService = inject(FormBuilderContextService);
     ref = inject(ModalRef);
     transloco = inject(TranslocoService);
     destroyRef = inject(DestroyRef);
@@ -1253,11 +1368,16 @@ class FBFieldConditions {
     // Condition-specific functions and operators
     functionCategories = CONDITION_FUNCTION_CATEGORIES;
     operators = CONDITION_OPERATORS;
+    /** Values already loaded, keyed by property key. */
+    propertyValues = signal({}, ...(ngDevMode ? [{ debugName: "propertyValues" }] : /* istanbul ignore next */ []));
+    /** Property key whose values are being fetched right now. */
+    loadingValuesFor = signal(null, ...(ngDevMode ? [{ debugName: "loadingValuesFor" }] : /* istanbul ignore next */ []));
     /** Property display items for toolbar; keys remain the persisted formula value. */
     propertyItems = computed(() => this.availableFields().map((field) => ({
         key: field.key,
         name: field.name,
         description: field.type ? `${field.name} (${field.type})` : field.name,
+        hasValues: isValueBackedViewType(field.type),
     })), ...(ngDevMode ? [{ debugName: "propertyItems" }] : /* istanbul ignore next */ []));
     /** Toolbar labels */
     toolbarLabels = computed(() => {
@@ -1267,6 +1387,8 @@ class FBFieldConditions {
             properties: this.transloco.translate('formBuilder.toolbar-fields'),
             operators: this.transloco.translate('formBuilder.toolbar-operators'),
             noPropertiesAvailable: this.transloco.translate('formBuilder.toolbar-no-fields'),
+            values: this.transloco.translate('formBuilder.toolbar-values'),
+            noValuesAvailable: this.transloco.translate('formBuilder.toolbar-no-values'),
         };
     }, ...(ngDevMode ? [{ debugName: "toolbarLabels" }] : /* istanbul ignore next */ []));
     constructor() {
@@ -1289,6 +1411,28 @@ class FBFieldConditions {
             }
         }
     }
+    /**
+     * Load the selectable values of a lookup / status field the first time its
+     * value list is opened, so the compared value is picked from the real source
+     * instead of typed as free text.
+     */
+    onPropertyValuesRequest(propertyKey) {
+        if (this.propertyValues()[propertyKey] !== undefined)
+            return;
+        this.loadingValuesFor.set(propertyKey);
+        this.contextService
+            .getPropertyItems(propertyKey)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((items) => {
+            this.propertyValues.update((current) => ({
+                ...current,
+                [propertyKey]: items,
+            }));
+            if (this.loadingValuesFor() === propertyKey) {
+                this.loadingValuesFor.set(null);
+            }
+        });
+    }
     /** Handle block insert from toolbar */
     onBlockInsert(block) {
         const editor = this.editorRef();
@@ -1326,7 +1470,7 @@ class FBFieldConditions {
         return raw.trim();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FBFieldConditions, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.8", type: FBFieldConditions, isStandalone: true, selector: "mt-fb-field-conditions", inputs: { initialFormula: { classPropertyName: "initialFormula", publicName: "initialFormula", isSignal: true, isRequired: false, transformFunction: null }, availableFields: { classPropertyName: "availableFields", publicName: "availableFields", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "editorRef", first: true, predicate: ["editor"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'formBuilder'\">\r\n  <div\r\n    [class]=\"[\r\n      modalService.contentClass,\r\n      'min-w-0',\r\n      'p-4',\r\n      'overflow-y-hidden!',\r\n      'max-[640px]:p-3',\r\n    ]\"\r\n  >\r\n    <div class=\"mt-4 flex h-full min-h-0 flex-col gap-3 overflow-y-auto pb-10\">\r\n      <!-- Formula Toolbar -->\r\n      <mt-formula-toolbar\r\n        [knownProperties]=\"propertyItems()\"\r\n        [functionCategories]=\"functionCategories\"\r\n        [operators]=\"operators\"\r\n        [labels]=\"toolbarLabels()\"\r\n        (onBlockInsert)=\"onBlockInsert($event)\"\r\n      />\r\n      <!-- Formula Editor -->\r\n      <mt-formula-editor\r\n        #editor\r\n        [placeholder]=\"t('build-condition-formula')\"\r\n        [formControl]=\"formulaControl\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <div\r\n    [class]=\"[\r\n      modalService.footerClass,\r\n      '!h-auto',\r\n      'min-h-0',\r\n      'flex-col',\r\n      'gap-2',\r\n      'sm:flex-row',\r\n      'sm:items-center',\r\n      'sm:justify-end',\r\n    ]\"\r\n  >\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"submitting()\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"onCancel()\"\r\n    />\r\n    <mt-button\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"onSave()\"\r\n    />\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: FormulaToolbar, selector: "mt-formula-toolbar", inputs: ["knownProperties", "propertiesTemplate", "functionCategories", "operators", "initialTab", "visibleTabs", "searchPlaceholder", "labels"], outputs: ["onBlockInsert", "onTabChange"] }, { kind: "component", type: FormulaEditor, selector: "mt-formula-editor", inputs: ["placeholder", "initialTokens", "disabled", "borderless"], outputs: ["formulaChange", "tokensChange", "onBlur", "onFocus"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.8", type: FBFieldConditions, isStandalone: true, selector: "mt-fb-field-conditions", inputs: { initialFormula: { classPropertyName: "initialFormula", publicName: "initialFormula", isSignal: true, isRequired: false, transformFunction: null }, availableFields: { classPropertyName: "availableFields", publicName: "availableFields", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "editorRef", first: true, predicate: ["editor"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'formBuilder'\">\n  <div\n    [class]=\"[\n      modalService.contentClass,\n      'min-w-0',\n      'p-4',\n      'overflow-y-hidden!',\n      'max-[640px]:p-3',\n    ]\"\n  >\n    <div class=\"mt-4 flex h-full min-h-0 flex-col gap-3 overflow-y-auto pb-10\">\n      <!-- Formula Toolbar -->\n      <mt-formula-toolbar\n        [knownProperties]=\"propertyItems()\"\n        [propertyValues]=\"propertyValues()\"\n        [loadingValuesFor]=\"loadingValuesFor()\"\n        [functionCategories]=\"functionCategories\"\n        [operators]=\"operators\"\n        [labels]=\"toolbarLabels()\"\n        (onBlockInsert)=\"onBlockInsert($event)\"\n        (onPropertyValuesRequest)=\"onPropertyValuesRequest($event)\"\n      />\n      <!-- Formula Editor -->\n      <mt-formula-editor\n        #editor\n        [placeholder]=\"t('build-condition-formula')\"\n        [formControl]=\"formulaControl\"\n      />\n    </div>\n  </div>\n\n  <div\n    [class]=\"[\n      modalService.footerClass,\n      '!h-auto',\n      'min-h-0',\n      'flex-col',\n      'gap-2',\n      'sm:flex-row',\n      'sm:items-center',\n      'sm:justify-end',\n    ]\"\n  >\n    <mt-button\n      [label]=\"t('cancel')\"\n      variant=\"outlined\"\n      [disabled]=\"submitting()\"\n      styleClass=\"w-full sm:w-auto\"\n      (onClick)=\"onCancel()\"\n    />\n    <mt-button\n      [label]=\"t('save')\"\n      severity=\"primary\"\n      [loading]=\"submitting()\"\n      styleClass=\"w-full sm:w-auto\"\n      (onClick)=\"onSave()\"\n    />\n  </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: FormulaToolbar, selector: "mt-formula-toolbar", inputs: ["knownProperties", "propertiesTemplate", "propertyValues", "loadingValuesFor", "functionCategories", "operators", "initialTab", "visibleTabs", "searchPlaceholder", "labels"], outputs: ["onBlockInsert", "onTabChange", "onPropertyValuesRequest"] }, { kind: "component", type: FormulaEditor, selector: "mt-formula-editor", inputs: ["placeholder", "initialTokens", "disabled", "borderless"], outputs: ["formulaChange", "tokensChange", "onBlur", "onFocus"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FBFieldConditions, decorators: [{
             type: Component,
@@ -1336,7 +1480,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         Button,
                         FormulaToolbar,
                         FormulaEditor,
-                    ], template: "<ng-container *transloco=\"let t; prefix: 'formBuilder'\">\r\n  <div\r\n    [class]=\"[\r\n      modalService.contentClass,\r\n      'min-w-0',\r\n      'p-4',\r\n      'overflow-y-hidden!',\r\n      'max-[640px]:p-3',\r\n    ]\"\r\n  >\r\n    <div class=\"mt-4 flex h-full min-h-0 flex-col gap-3 overflow-y-auto pb-10\">\r\n      <!-- Formula Toolbar -->\r\n      <mt-formula-toolbar\r\n        [knownProperties]=\"propertyItems()\"\r\n        [functionCategories]=\"functionCategories\"\r\n        [operators]=\"operators\"\r\n        [labels]=\"toolbarLabels()\"\r\n        (onBlockInsert)=\"onBlockInsert($event)\"\r\n      />\r\n      <!-- Formula Editor -->\r\n      <mt-formula-editor\r\n        #editor\r\n        [placeholder]=\"t('build-condition-formula')\"\r\n        [formControl]=\"formulaControl\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <div\r\n    [class]=\"[\r\n      modalService.footerClass,\r\n      '!h-auto',\r\n      'min-h-0',\r\n      'flex-col',\r\n      'gap-2',\r\n      'sm:flex-row',\r\n      'sm:items-center',\r\n      'sm:justify-end',\r\n    ]\"\r\n  >\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"submitting()\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"onCancel()\"\r\n    />\r\n    <mt-button\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      styleClass=\"w-full sm:w-auto\"\r\n      (onClick)=\"onSave()\"\r\n    />\r\n  </div>\r\n</ng-container>\r\n" }]
+                    ], template: "<ng-container *transloco=\"let t; prefix: 'formBuilder'\">\n  <div\n    [class]=\"[\n      modalService.contentClass,\n      'min-w-0',\n      'p-4',\n      'overflow-y-hidden!',\n      'max-[640px]:p-3',\n    ]\"\n  >\n    <div class=\"mt-4 flex h-full min-h-0 flex-col gap-3 overflow-y-auto pb-10\">\n      <!-- Formula Toolbar -->\n      <mt-formula-toolbar\n        [knownProperties]=\"propertyItems()\"\n        [propertyValues]=\"propertyValues()\"\n        [loadingValuesFor]=\"loadingValuesFor()\"\n        [functionCategories]=\"functionCategories\"\n        [operators]=\"operators\"\n        [labels]=\"toolbarLabels()\"\n        (onBlockInsert)=\"onBlockInsert($event)\"\n        (onPropertyValuesRequest)=\"onPropertyValuesRequest($event)\"\n      />\n      <!-- Formula Editor -->\n      <mt-formula-editor\n        #editor\n        [placeholder]=\"t('build-condition-formula')\"\n        [formControl]=\"formulaControl\"\n      />\n    </div>\n  </div>\n\n  <div\n    [class]=\"[\n      modalService.footerClass,\n      '!h-auto',\n      'min-h-0',\n      'flex-col',\n      'gap-2',\n      'sm:flex-row',\n      'sm:items-center',\n      'sm:justify-end',\n    ]\"\n  >\n    <mt-button\n      [label]=\"t('cancel')\"\n      variant=\"outlined\"\n      [disabled]=\"submitting()\"\n      styleClass=\"w-full sm:w-auto\"\n      (onClick)=\"onCancel()\"\n    />\n    <mt-button\n      [label]=\"t('save')\"\n      severity=\"primary\"\n      [loading]=\"submitting()\"\n      styleClass=\"w-full sm:w-auto\"\n      (onClick)=\"onSave()\"\n    />\n  </div>\n</ng-container>\n" }]
         }], ctorParameters: () => [], propDecorators: { initialFormula: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFormula", required: false }] }], availableFields: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableFields", required: false }] }], editorRef: [{ type: i0.ViewChild, args: ['editor', { isSignal: true }] }] } });
 
 class FBFieldForm {
@@ -2453,77 +2597,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
             args: [{ selector: 'mt-fb-validation-rules', standalone: true, imports: [TranslocoDirective, Table, Button], template: "<ng-container *transloco=\"let t; prefix: 'formBuilder'\">\r\n  <div\r\n    [class]=\"[\r\n      modalService.contentClass,\r\n      'min-w-0',\r\n      'p-4',\r\n      'overflow-y-auto',\r\n      'max-[640px]:p-3',\r\n    ]\"\r\n  >\r\n    <div class=\"flex justify-end pb-4 max-[640px]:justify-stretch\">\r\n      <mt-button\r\n        [label]=\"t('add-validation-rule')\"\r\n        severity=\"primary\"\r\n        variant=\"outlined\"\r\n        styleClass=\"w-full sm:w-auto\"\r\n        (onClick)=\"openCreate()\"\r\n      ></mt-button>\r\n    </div>\r\n    <mt-table\r\n      noCard\r\n      [data]=\"tableRows()\"\r\n      [columns]=\"tableColumns()\"\r\n      [rowActions]=\"rowActions()\"\r\n      storageKey=\"fb-validation-rules-table\"\r\n      (cellChange)=\"onCellChange($event)\"\r\n    ></mt-table>\r\n  </div>\r\n</ng-container>\r\n" }]
         }], ctorParameters: () => [] });
 
-class FormBuilderContextService {
-    http = inject(HttpClient);
-    baseUrl = 'context';
-    /**
-     * Resolves context data including navigation paths and properties.
-     * No caching - always fetches fresh data.
-     */
-    resolveContext(contextKey, options = {}) {
-        if (!contextKey)
-            return of(null);
-        return this.http
-            .post(`${this.baseUrl}/resolve`, {
-            contextKey,
-            displayTags: options.displayTags,
-            propertyFlags: options.propertyFlags,
-            matchAllTags: options.matchAllTags,
-            includeVirtual: options.includeVirtual,
-            includeNavigationPaths: options.includeNavigationPaths,
-            includeConnectionMetadata: options.includeConnectionMetadata,
-            includeRelatedContextValues: options.includeRelatedContextValues,
-            relatedContextsToInclude: options.relatedContextsToInclude,
-            // Consumer-supplied fields win on collision with any field above.
-            ...options.extraParams,
-        })
-            .pipe(map((response) => this.normalizeResponse(response)), catchError((error) => {
-            console.warn('Failed to resolve context:', error);
-            return of(null);
-        }));
-    }
-    /**
-     * Gets properties for a context.
-     * No caching - always fetches fresh data.
-     */
-    getProperties(contextKey, options = {}) {
-        if (!contextKey)
-            return of([]);
-        return this.resolveContext(contextKey, options).pipe(map((resolved) => resolved?.properties ?? []));
-    }
-    normalizeResponse(response) {
-        const payload = response?.data ?? response;
-        if (!payload)
-            return null;
-        const properties = this.normalizeProperties(payload.properties ?? []);
-        return {
-            ...payload,
-            properties,
-        };
-    }
-    normalizeProperties(raw) {
-        return (raw ?? [])
-            .map((prop) => {
-            const key = prop?.key ?? prop?.propertyKey;
-            if (!key)
-                return null;
-            const name = prop?.name ?? prop?.displayName ?? key;
-            return {
-                ...prop,
-                key,
-                name,
-            };
-        })
-            .filter((prop) => Boolean(prop));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FormBuilderContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FormBuilderContextService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FormBuilderContextService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
 const SECTIONS_DROP_LIST_ID = 'sections-list';
 const SCOPE_ORDER = [
     'Current',