@masterteam/form-builder 0.0.51 → 0.0.52

package/assets/i18n/ar.json

@@ -1,91 +1,91 @@
-{
-  "formBuilder": {
-    "save": "حفظ",
-    "cancel": "إلغاء",
-    "delete": "حذف",
-    "name-ar": "الاسم بالعربية",
-    "name-en": "الاسم بالإنجليزية",
-    "required": "هذا الحقل مطلوب",
-    "whitespace-invalid": "أدخل حرفًا واحدًا على الأقل غير المسافة",
-    "system": "نظام",
-    "custom": "مخصص",
-    "layout": "التخطيط",
-    "reset": "إعادة تعيين",
-    "preview": "معاينة",
-    "add-section": "إضافة قسم",
-    "edit-section": "تعديل القسم",
-    "edit-field": "تعديل الحقل",
-    "remove-field": "إزالة الحقل",
-    "drag-from-the-side": "اسحب عناصرك من اللوحة الجانبية",
-    "change-width": "تغيير العرض",
-    "is-required": "مطلوب",
-    "size": "الحجم",
-    "field-settings": "إعدادات الحقل",
-    "form-elements": "عناصر النموذج",
-    "no-section": "لنبدأ بإضافة قسم إلى نموذجك، انقر على زر إضافة قسم أعلاه.",
-    "hidden-in-creation": "مخفي عند الإنشاء",
-    "hidden-in-edit-form": "مخفي في نموذج التعديل",
-    "show-hide": "إظهار/إخفاء",
-    "show-hide-description": "الإظهار بناءً على قيمة خصائص أخرى",
-    "set-conditions": "تعيين الشروط",
-    "conditional-display-formula": "معادلة الإظهار الشرطي",
-    "enter-formula": "أدخل المعادلة...",
-    "validation-rules": "قواعد التحقق",
-    "add-validation-rule": "إضافة قاعدة تحقق",
-    "edit-validation-rule": "تعديل قاعدة التحقق",
-    "validation-formula": "المعادلة",
-    "validation-message": "الرسالة",
-    "validation-active": "نشط",
-    "validation-formula-placeholder": "أنشئ معادلة التحقق...",
-    "message-en": "الرسالة (الإنجليزية)",
-    "message-ar": "الرسالة (العربية)",
-    "severity": "نوع رسالة التحقق",
-    "severity-hint": "اختر ما إذا كانت القاعدة ستظهر كخطأ أو تحذير عند فشل التحقق.",
-    "severity-error": "خطأ",
-    "severity-warning": "تحذير",
-    "create-form": "إنشاء نموذج",
-    "edit-form": "تعديل النموذج",
-    "search-properties": "البحث في الخصائص",
-    "no-data-found": "لا توجد بيانات",
-    "no-fields-visible": "لا توجد حقول مرئية في هذا الوضع",
-    "is-read": "قابل للقراءة",
-    "is-read-description": "عند التعطيل، سيتم إخفاء هذا الحقل عن المستخدمين",
-    "is-write": "قابل للتعديل",
-    "is-write-description": "عند التعطيل، سيكون هذا الحقل للقراءة فقط للمستخدمين",
-    "edit-label": "تسمية مخصصة",
-    "edit-label-description": "استبدل التسمية الافتراضية للحقل بنص خاص بك لكل لغة",
-    "label-en": "التسمية (بالإنجليزية)",
-    "label-ar": "التسمية (بالعربية)",
-    "hidden": "مخفي",
-    "read-only": "للقراءة فقط",
-    "sections": "أقسام",
-    "steps": "خطوات",
-    "tabs": "تبويبات",
-    "wizard": "خطوات رأسية",
-    "scope-current": "الحالي",
-    "scope-host": "المضيف",
-    "scope-level": "المستوى",
-    "scope-parent": "الأصل",
-    "scope-ancestors": "الأسلاف",
-    "scope-children": "الأبناء",
-    "scope-descendants": "السلالة",
-    "scope-related": "المرتبط",
-    "scope-siblings": "الإخوة",
-    "path": "المسار",
-    "no-context": "لا يوجد سياق متاح",
-    "select": "اختر",
-    "no-options": "لا توجد خيارات",
-    "add-segment": "إضافة مقطع",
-    "scope-select-placeholder": "اختر...",
-    "select-property": "اختر خاصية",
-    "no-properties-available": "لا توجد خصائص متاحة",
-    "all-items-in-use": "جميع العناصر مستخدمة",
-    "toolbar-functions": "الدوال",
-    "toolbar-fields": "الحقول",
-    "toolbar-operators": "العوامل",
-    "toolbar-no-fields": "لا توجد حقول متاحة",
-    "toolbar-values": "القيم",
-    "toolbar-no-values": "لا توجد قيم متاحة",
-    "build-condition-formula": "أنشئ صيغة الشرط..."
-  }
-}
+{
+  "formBuilder": {
+    "save": "حفظ",
+    "cancel": "إلغاء",
+    "delete": "حذف",
+    "name-ar": "الاسم بالعربية",
+    "name-en": "الاسم بالإنجليزية",
+    "required": "هذا الحقل مطلوب",
+    "whitespace-invalid": "أدخل حرفًا واحدًا على الأقل غير المسافة",
+    "system": "نظام",
+    "custom": "مخصص",
+    "layout": "التخطيط",
+    "reset": "إعادة تعيين",
+    "preview": "معاينة",
+    "add-section": "إضافة قسم",
+    "edit-section": "تعديل القسم",
+    "edit-field": "تعديل الحقل",
+    "remove-field": "إزالة الحقل",
+    "drag-from-the-side": "اسحب عناصرك من اللوحة الجانبية",
+    "change-width": "تغيير العرض",
+    "is-required": "مطلوب",
+    "size": "الحجم",
+    "field-settings": "إعدادات الحقل",
+    "form-elements": "عناصر النموذج",
+    "no-section": "لنبدأ بإضافة قسم إلى نموذجك، انقر على زر إضافة قسم أعلاه.",
+    "hidden-in-creation": "مخفي عند الإنشاء",
+    "hidden-in-edit-form": "مخفي في نموذج التعديل",
+    "show-hide": "إظهار/إخفاء",
+    "show-hide-description": "الإظهار بناءً على قيمة خصائص أخرى",
+    "set-conditions": "تعيين الشروط",
+    "conditional-display-formula": "معادلة الإظهار الشرطي",
+    "enter-formula": "أدخل المعادلة...",
+    "validation-rules": "قواعد التحقق",
+    "add-validation-rule": "إضافة قاعدة تحقق",
+    "edit-validation-rule": "تعديل قاعدة التحقق",
+    "validation-formula": "المعادلة",
+    "validation-message": "الرسالة",
+    "validation-active": "نشط",
+    "validation-formula-placeholder": "أنشئ معادلة التحقق...",
+    "message-en": "الرسالة (الإنجليزية)",
+    "message-ar": "الرسالة (العربية)",
+    "severity": "نوع رسالة التحقق",
+    "severity-hint": "اختر ما إذا كانت القاعدة ستظهر كخطأ أو تحذير عند فشل التحقق.",
+    "severity-error": "خطأ",
+    "severity-warning": "تحذير",
+    "create-form": "إنشاء نموذج",
+    "edit-form": "تعديل النموذج",
+    "search-properties": "البحث في الخصائص",
+    "no-data-found": "لا توجد بيانات",
+    "no-fields-visible": "لا توجد حقول مرئية في هذا الوضع",
+    "is-read": "قابل للقراءة",
+    "is-read-description": "عند التعطيل، سيتم إخفاء هذا الحقل عن المستخدمين",
+    "is-write": "قابل للتعديل",
+    "is-write-description": "عند التعطيل، سيكون هذا الحقل للقراءة فقط للمستخدمين",
+    "edit-label": "تسمية مخصصة",
+    "edit-label-description": "استبدل التسمية الافتراضية للحقل بنص خاص بك لكل لغة",
+    "label-en": "التسمية (بالإنجليزية)",
+    "label-ar": "التسمية (بالعربية)",
+    "hidden": "مخفي",
+    "read-only": "للقراءة فقط",
+    "sections": "أقسام",
+    "steps": "خطوات",
+    "tabs": "تبويبات",
+    "wizard": "خطوات رأسية",
+    "scope-current": "الحالي",
+    "scope-host": "المضيف",
+    "scope-level": "المستوى",
+    "scope-parent": "الأصل",
+    "scope-ancestors": "الأسلاف",
+    "scope-children": "الأبناء",
+    "scope-descendants": "السلالة",
+    "scope-related": "المرتبط",
+    "scope-siblings": "الإخوة",
+    "path": "المسار",
+    "no-context": "لا يوجد سياق متاح",
+    "select": "اختر",
+    "no-options": "لا توجد خيارات",
+    "add-segment": "إضافة مقطع",
+    "scope-select-placeholder": "اختر...",
+    "select-property": "اختر خاصية",
+    "no-properties-available": "لا توجد خصائص متاحة",
+    "all-items-in-use": "جميع العناصر مستخدمة",
+    "toolbar-functions": "الدوال",
+    "toolbar-fields": "الحقول",
+    "toolbar-operators": "العوامل",
+    "toolbar-no-fields": "لا توجد حقول متاحة",
+    "toolbar-values": "القيم",
+    "toolbar-no-values": "لا توجد قيم متاحة",
+    "build-condition-formula": "أنشئ صيغة الشرط..."
+  }
+}

package/assets/i18n/en.json

@@ -1,91 +1,91 @@
-{
-  "formBuilder": {
-    "save": "Save",
-    "cancel": "Cancel",
-    "delete": "Delete",
-    "name-ar": "Name (Arabic)",
-    "name-en": "Name (English)",
-    "required": "This field is required",
-    "whitespace-invalid": "Enter at least one non-space character",
-    "system": "System",
-    "custom": "Custom",
-    "layout": "Layout",
-    "reset": "Reset",
-    "preview": "Preview",
-    "add-section": "Add Section",
-    "edit-section": "Edit Section",
-    "edit-field": "Edit Field",
-    "remove-field": "Remove Field",
-    "drag-from-the-side": "Drag your elemnents from the side panel",
-    "change-width": "Change Width",
-    "is-required": "Is Required",
-    "size": "Size",
-    "field-settings": "Field Settings",
-    "form-elements": "Form Elements",
-    "no-section": "Let's start by adding a section to your form, click the add section button above.",
-    "hidden-in-creation": "Hidden In Creation",
-    "hidden-in-edit-form": "Hidden In Edit Form",
-    "show-hide": "Show/Hide",
-    "show-hide-description": "Show Based On The Value Of Other Properties",
-    "set-conditions": "Set Conditions",
-    "conditional-display-formula": "Conditional Display Formula",
-    "enter-formula": "Enter formula...",
-    "validation-rules": "Validation Rules",
-    "add-validation-rule": "Add Validation Rule",
-    "edit-validation-rule": "Edit Validation Rule",
-    "validation-formula": "Formula",
-    "validation-message": "Message",
-    "validation-active": "Active",
-    "validation-formula-placeholder": "Build validation formula...",
-    "message-en": "Message (English)",
-    "message-ar": "Message (Arabic)",
-    "severity": "Validation Message Type",
-    "severity-hint": "Choose whether this rule shows an error or a warning when validation fails.",
-    "severity-error": "Error",
-    "severity-warning": "Warning",
-    "create-form": "Create Form",
-    "edit-form": "Edit Form",
-    "no-data-found": "No data found",
-    "search-properties": "Search Properties",
-    "no-fields-visible": "No fields visible in this mode",
-    "is-read": "Readable",
-    "is-read-description": "When disabled, this field will be hidden from users",
-    "is-write": "Editable",
-    "is-write-description": "When disabled, this field will be read-only for users",
-    "edit-label": "Custom Label",
-    "edit-label-description": "Override the default field label with your own text per language",
-    "label-en": "Label (English)",
-    "label-ar": "Label (Arabic)",
-    "hidden": "Hidden",
-    "read-only": "Read Only",
-    "sections": "Sections",
-    "steps": "Steps",
-    "tabs": "Tabs",
-    "wizard": "Wizard",
-    "scope-current": "Current",
-    "scope-host": "Host",
-    "scope-level": "Level",
-    "scope-parent": "Parent",
-    "scope-ancestors": "Ancestors",
-    "scope-children": "Children",
-    "scope-descendants": "Descendants",
-    "scope-related": "Related",
-    "scope-siblings": "Siblings",
-    "path": "Path",
-    "no-context": "No context available",
-    "select": "Select",
-    "no-options": "No options",
-    "add-segment": "Add Segment",
-    "scope-select-placeholder": "Select...",
-    "select-property": "Select a property",
-    "no-properties-available": "No properties available",
-    "all-items-in-use": "All items are in use",
-    "toolbar-functions": "Functions",
-    "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..."
-  }
-}
+{
+  "formBuilder": {
+    "save": "Save",
+    "cancel": "Cancel",
+    "delete": "Delete",
+    "name-ar": "Name (Arabic)",
+    "name-en": "Name (English)",
+    "required": "This field is required",
+    "whitespace-invalid": "Enter at least one non-space character",
+    "system": "System",
+    "custom": "Custom",
+    "layout": "Layout",
+    "reset": "Reset",
+    "preview": "Preview",
+    "add-section": "Add Section",
+    "edit-section": "Edit Section",
+    "edit-field": "Edit Field",
+    "remove-field": "Remove Field",
+    "drag-from-the-side": "Drag your elemnents from the side panel",
+    "change-width": "Change Width",
+    "is-required": "Is Required",
+    "size": "Size",
+    "field-settings": "Field Settings",
+    "form-elements": "Form Elements",
+    "no-section": "Let's start by adding a section to your form, click the add section button above.",
+    "hidden-in-creation": "Hidden In Creation",
+    "hidden-in-edit-form": "Hidden In Edit Form",
+    "show-hide": "Show/Hide",
+    "show-hide-description": "Show Based On The Value Of Other Properties",
+    "set-conditions": "Set Conditions",
+    "conditional-display-formula": "Conditional Display Formula",
+    "enter-formula": "Enter formula...",
+    "validation-rules": "Validation Rules",
+    "add-validation-rule": "Add Validation Rule",
+    "edit-validation-rule": "Edit Validation Rule",
+    "validation-formula": "Formula",
+    "validation-message": "Message",
+    "validation-active": "Active",
+    "validation-formula-placeholder": "Build validation formula...",
+    "message-en": "Message (English)",
+    "message-ar": "Message (Arabic)",
+    "severity": "Validation Message Type",
+    "severity-hint": "Choose whether this rule shows an error or a warning when validation fails.",
+    "severity-error": "Error",
+    "severity-warning": "Warning",
+    "create-form": "Create Form",
+    "edit-form": "Edit Form",
+    "no-data-found": "No data found",
+    "search-properties": "Search Properties",
+    "no-fields-visible": "No fields visible in this mode",
+    "is-read": "Readable",
+    "is-read-description": "When disabled, this field will be hidden from users",
+    "is-write": "Editable",
+    "is-write-description": "When disabled, this field will be read-only for users",
+    "edit-label": "Custom Label",
+    "edit-label-description": "Override the default field label with your own text per language",
+    "label-en": "Label (English)",
+    "label-ar": "Label (Arabic)",
+    "hidden": "Hidden",
+    "read-only": "Read Only",
+    "sections": "Sections",
+    "steps": "Steps",
+    "tabs": "Tabs",
+    "wizard": "Wizard",
+    "scope-current": "Current",
+    "scope-host": "Host",
+    "scope-level": "Level",
+    "scope-parent": "Parent",
+    "scope-ancestors": "Ancestors",
+    "scope-children": "Children",
+    "scope-descendants": "Descendants",
+    "scope-related": "Related",
+    "scope-siblings": "Siblings",
+    "path": "Path",
+    "no-context": "No context available",
+    "select": "Select",
+    "no-options": "No options",
+    "add-segment": "Add Segment",
+    "scope-select-placeholder": "Select...",
+    "select-property": "Select a property",
+    "no-properties-available": "No properties available",
+    "all-items-in-use": "All items are in use",
+    "toolbar-functions": "Functions",
+    "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

@@ -1227,23 +1227,36 @@ 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`) —
- * every other view type is rejected with a validation error.
+ * 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(viewType.toLowerCase().replace(/[ _-]/g, ''));
+    return VALUE_BACKED_VIEW_TYPES.has(normalizeViewType(viewType));
 }
 class FormBuilderContextService {
     http = inject(HttpClient);
@@ -1285,12 +1298,20 @@ class FormBuilderContextService {
         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.
+     * 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)
@@ -1302,7 +1323,12 @@ class FormBuilderContextService {
             .get(`formulas/builder/property-items/${encodeURIComponent(propertyKey)}`)
             .pipe(map((response) => {
             const payload = response && 'data' in response ? response.data : response;
-            return payload?.items ?? [];
+            // 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([]);
@@ -1470,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'\">\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"] }] });
+    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,
@@ -1480,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'\">\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" }]
+                    ], 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 {