@masterteam/form-builder 0.0.50 → 0.0.52

package/assets/i18n/ar.json

@@ -84,6 +84,8 @@
     "toolbar-fields": "الحقول",
     "toolbar-operators": "العوامل",
     "toolbar-no-fields": "لا توجد حقول متاحة",
+    "toolbar-values": "القيم",
+    "toolbar-no-values": "لا توجد قيم متاحة",
     "build-condition-formula": "أنشئ صيغة الشرط..."
   }
 }

package/assets/i18n/en.json

@@ -84,6 +84,8 @@
     "toolbar-fields": "Fields",
     "toolbar-operators": "Operators",
     "toolbar-no-fields": "No fields available",
+    "toolbar-values": "Values",
+    "toolbar-no-values": "No values available",
     "build-condition-formula": "Build condition formula..."
   }
 }

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,146 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
+/** Lower-case a view type and strip the separators the backend may send. */
+function normalizeViewType(viewType) {
+    return (viewType ?? '').toLowerCase().replace(/[ _-]/g, '');
+}
+/**
+ * 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` and
+ * `PhaseGate`) — every other view type is rejected with a validation error.
+ */
+const VALUE_BACKED_VIEW_TYPES = new Set([
+    'lookup',
+    'lookupmultiselect',
+    'lookupmatrix',
+    'status',
+    'phasegate',
+]);
+/**
+ * View types whose item keys are ids to compare numerically. Only phase values
+ * qualify: lookup items legitimately carry numeric-looking string keys (the
+ * backend falls back to the item id when a lookup item has no key) and compare
+ * as strings, so this must stay keyed on the view type, never on whether a key
+ * happens to parse as a number.
+ */
+const NUMERIC_VALUE_VIEW_TYPES = new Set(['phasegate']);
+/** 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(normalizeViewType(viewType));
+}
+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 / phase 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".
+     *
+     * Deliberately sent **without** the backend's optional `contextKey`. A form's
+     * fields can come from several scopes at once (the builder's Current / Host /
+     * Parent tabs), so a module form legitimately carries level-scoped fields —
+     * and scoping the request to the form's own context 404s every one of them,
+     * because the property is not in that catalog. Resolution by full property
+     * key is unambiguous for persisted properties, which is what fields carry.
+     */
+    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;
+            // The response's own view type decides how a picked value has to
+            // serialize — the item keys look alike, so this is the only signal.
+            const valueType = NUMERIC_VALUE_VIEW_TYPES.has(normalizeViewType(payload?.viewType))
+                ? 'number'
+                : 'string';
+            return (payload?.items ?? []).map((item) => ({ ...item, valueType }));
+        }), 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 +1375,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 +1394,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 +1413,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 +1437,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 +1496,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'\">\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        [propertyValues]=\"propertyValues()\"\r\n        [loadingValuesFor]=\"loadingValuesFor()\"\r\n        [functionCategories]=\"functionCategories\"\r\n        [operators]=\"operators\"\r\n        [labels]=\"toolbarLabels()\"\r\n        (onBlockInsert)=\"onBlockInsert($event)\"\r\n        (onPropertyValuesRequest)=\"onPropertyValuesRequest($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", "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 +1506,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'\">\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        [propertyValues]=\"propertyValues()\"\r\n        [loadingValuesFor]=\"loadingValuesFor()\"\r\n        [functionCategories]=\"functionCategories\"\r\n        [operators]=\"operators\"\r\n        [labels]=\"toolbarLabels()\"\r\n        (onBlockInsert)=\"onBlockInsert($event)\"\r\n        (onPropertyValuesRequest)=\"onPropertyValuesRequest($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" }]
         }], 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 +2623,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',