@masterteam/form-builder 0.0.10 → 0.0.11

package/fesm2022/masterteam-form-builder.mjs

@@ -27,7 +27,7 @@ import { CrudStateBase, handleApiRequest, RadioCardsFieldConfig } from '@mastert
 import { DynamicForm } from '@masterteam/forms/dynamic-form';
 import { ToggleField } from '@masterteam/components/toggle-field';
 import { ModalRef } from '@masterteam/components/dialog';
-import { FormulaToolbar, FormulaEditor, serializeTokens } from '@masterteam/components/formula';
+import { CONDITION_FUNCTION_CATEGORIES, CONDITION_OPERATORS, FormulaToolbar, FormulaEditor, VALIDATION_FUNCTION_CATEGORIES, VALIDATION_OPERATORS, serializeTokens } from '@masterteam/components/formula';
 import { Tooltip } from '@masterteam/components/tooltip';
 import { ClientForm } from '@masterteam/forms/client-form';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -1060,262 +1060,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
-/**
- * Condition Formula Constants
- * Static functions and operators for condition formulas (Show/Hide/Enable/Disable)
- */
-/**
- * Functions for field conditions
- */
-const CONDITION_FUNCTION_CATEGORIES = [
-    {
-        name: 'Logic',
-        displayName: 'Field Visibility',
-        functions: [
-            {
-                name: 'SHOW_IF',
-                category: 'Logic',
-                description: 'Show this field when condition is true',
-                signature: 'SHOW_IF(condition)',
-                parameters: [
-                    {
-                        name: 'condition',
-                        type: 'boolean',
-                        description: 'When true, field is visible',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: [
-                    'SHOW_IF(@Status == "Active")',
-                    'SHOW_IF(@Type == "Custom")',
-                ],
-            },
-            {
-                name: 'HIDE_IF',
-                category: 'Logic',
-                description: 'Hide this field when condition is true',
-                signature: 'HIDE_IF(condition)',
-                parameters: [
-                    {
-                        name: 'condition',
-                        type: 'boolean',
-                        description: 'When true, field is hidden',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['HIDE_IF(@Status == "Closed")', 'HIDE_IF(ISNULL(@Parent))'],
-            },
-            {
-                name: 'DISABLE_IF',
-                category: 'Logic',
-                description: 'Disable this field when condition is true',
-                signature: 'DISABLE_IF(condition)',
-                parameters: [
-                    {
-                        name: 'condition',
-                        type: 'boolean',
-                        description: 'When true, field is disabled',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: [
-                    'DISABLE_IF(@IsLocked == true)',
-                    'DISABLE_IF(@Status == "Approved")',
-                ],
-            },
-            {
-                name: 'ENABLE_IF',
-                category: 'Logic',
-                description: 'Enable this field when condition is true',
-                signature: 'ENABLE_IF(condition)',
-                parameters: [
-                    {
-                        name: 'condition',
-                        type: 'boolean',
-                        description: 'When true, field is enabled',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: [
-                    'ENABLE_IF(@Status == "Draft")',
-                    'ENABLE_IF(@CanEdit == true)',
-                ],
-            },
-        ],
-    },
-    {
-        name: 'Aggregation',
-        displayName: 'Logic Helpers',
-        functions: [
-            {
-                name: 'AND',
-                category: 'Aggregation',
-                description: 'Returns true if all conditions are true',
-                signature: 'AND(condition1, condition2)',
-                parameters: [
-                    {
-                        name: 'condition1',
-                        type: 'boolean',
-                        description: 'First condition',
-                        required: true,
-                    },
-                    {
-                        name: 'condition2',
-                        type: 'boolean',
-                        description: 'Second condition',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['AND(@Status == "Active", @Priority > 0)'],
-            },
-            {
-                name: 'OR',
-                category: 'Aggregation',
-                description: 'Returns true if any condition is true',
-                signature: 'OR(condition1, condition2)',
-                parameters: [
-                    {
-                        name: 'condition1',
-                        type: 'boolean',
-                        description: 'First condition',
-                        required: true,
-                    },
-                    {
-                        name: 'condition2',
-                        type: 'boolean',
-                        description: 'Second condition',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['OR(@Status == "Active", @Status == "Pending")'],
-            },
-            {
-                name: 'NOT',
-                category: 'Aggregation',
-                description: 'Returns the opposite of the condition',
-                signature: 'NOT(condition)',
-                parameters: [
-                    {
-                        name: 'condition',
-                        type: 'boolean',
-                        description: 'The condition to negate',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['NOT(@IsCompleted)'],
-            },
-            {
-                name: 'ISNULL',
-                category: 'Aggregation',
-                description: 'Returns true if value is null or empty',
-                signature: 'ISNULL(value)',
-                parameters: [
-                    {
-                        name: 'value',
-                        type: 'any',
-                        description: 'The value to check',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['ISNULL(@Description)'],
-            },
-            {
-                name: 'CONTAINS',
-                category: 'Aggregation',
-                description: 'Returns true if text contains the search string',
-                signature: 'CONTAINS(text, search)',
-                parameters: [
-                    {
-                        name: 'text',
-                        type: 'string',
-                        description: 'The text to search in',
-                        required: true,
-                    },
-                    {
-                        name: 'search',
-                        type: 'string',
-                        description: 'The string to search for',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['CONTAINS(@Name, "Project")'],
-            },
-        ],
-    },
-];
-/**
- * Operators for conditions
- */
-const CONDITION_OPERATORS = [
-    // Comparison
-    {
-        symbol: '==',
-        name: 'Equal',
-        type: 'comparison',
-        description: 'Equal to',
-        precedence: 3,
-    },
-    {
-        symbol: '!=',
-        name: 'Not Equal',
-        type: 'comparison',
-        description: 'Not equal to',
-        precedence: 3,
-    },
-    {
-        symbol: '>',
-        name: 'Greater Than',
-        type: 'comparison',
-        description: 'Greater than',
-        precedence: 4,
-    },
-    {
-        symbol: '<',
-        name: 'Less Than',
-        type: 'comparison',
-        description: 'Less than',
-        precedence: 4,
-    },
-    {
-        symbol: '>=',
-        name: 'Greater or Equal',
-        type: 'comparison',
-        description: 'Greater than or equal',
-        precedence: 4,
-    },
-    {
-        symbol: '<=',
-        name: 'Less or Equal',
-        type: 'comparison',
-        description: 'Less than or equal',
-        precedence: 4,
-    },
-    // Logical
-    {
-        symbol: '&&',
-        name: 'And',
-        type: 'logical',
-        description: 'Logical AND',
-        precedence: 2,
-    },
-    {
-        symbol: '||',
-        name: 'Or',
-        type: 'logical',
-        description: 'Logical OR',
-        precedence: 1,
-    },
-];
-
 /**
  * Field Conditions Dialog
  *
@@ -1623,7 +1367,7 @@ class FBFieldForm {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: FBFieldForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: FBFieldForm, isStandalone: true, selector: "mt-fb-field-form", inputs: { sectionId: { classPropertyName: "sectionId", publicName: "sectionId", isSignal: true, isRequired: false, transformFunction: null }, initialData: { classPropertyName: "initialData", publicName: "initialData", isSignal: true, isRequired: false, transformFunction: null }, allSections: { classPropertyName: "allSections", publicName: "allSections", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'formBuilder'\">\r\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\r\n    <div class=\"mt-2 h-full overflow-y-auto pb-10 flex flex-col gap-4\">\r\n      <mt-dynamic-form\r\n        [formConfig]=\"activeFormConfig()\"\r\n        [formControl]=\"formControl\"\r\n      >\r\n      </mt-dynamic-form>\r\n\r\n      @if (isManageProperties()) {\r\n        <!-- isRead Toggle -->\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('is-read')\"\r\n          [descriptionCard]=\"t('is-read-description')\"\r\n          icon=\"general.eye\"\r\n          [formControl]=\"isReadControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <!-- isWrite Toggle -->\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('is-write')\"\r\n          [descriptionCard]=\"t('is-write-description')\"\r\n          icon=\"general.edit-02\"\r\n          [formControl]=\"isWriteControl\"\r\n        ></mt-toggle-field>\r\n      } @else {\r\n        <!-- Show/Hide Toggle with Set Conditions -->\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-hide')\"\r\n          [descriptionCard]=\"t('show-hide-description')\"\r\n          icon=\"general.eye\"\r\n          [formControl]=\"showHideControl\"\r\n          class=\"mt-3\"\r\n        >\r\n          <ng-template #toggleCardBottom>\r\n            @if (showHideControl.value) {\r\n              <div class=\"mt-3\">\r\n                <mt-button\r\n                  [label]=\"t('set-conditions')\"\r\n                  size=\"small\"\r\n                  (onClick)=\"onSetConditions()\"\r\n                ></mt-button>\r\n              </div>\r\n            }\r\n          </ng-template>\r\n        </mt-toggle-field>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modalService.footerClass\">\r\n    @if (initialData() && !isManageProperties()) {\r\n      <mt-button\r\n        [tooltip]=\"t('delete')\"\r\n        severity=\"danger\"\r\n        [variant]=\"'outlined'\"\r\n        icon=\"general.trash-01\"\r\n        [loading]=\"deleting()\"\r\n        [disabled]=\"submitting()\"\r\n        (onClick)=\"onDelete($event)\"\r\n        class=\"me-auto\"\r\n      ></mt-button>\r\n    }\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      severity=\"secondary\"\r\n      [disabled]=\"submitting() || deleting()\"\r\n      (onClick)=\"onCancel()\"\r\n    >\r\n    </mt-button>\r\n    <mt-button\r\n      [disabled]=\"!formControl.valid || deleting()\"\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      (onClick)=\"onSave()\"\r\n    >\r\n    </mt-button>\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: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { 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"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: FBFieldForm, isStandalone: true, selector: "mt-fb-field-form", inputs: { sectionId: { classPropertyName: "sectionId", publicName: "sectionId", isSignal: true, isRequired: false, transformFunction: null }, initialData: { classPropertyName: "initialData", publicName: "initialData", isSignal: true, isRequired: false, transformFunction: null }, allSections: { classPropertyName: "allSections", publicName: "allSections", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'formBuilder'\">\r\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\r\n    <div class=\"mt-2 h-full overflow-y-auto pb-10 flex flex-col gap-4\">\r\n      <mt-dynamic-form\r\n        [formConfig]=\"activeFormConfig()\"\r\n        [formControl]=\"formControl\"\r\n      >\r\n      </mt-dynamic-form>\r\n\r\n      @if (isManageProperties()) {\r\n        <!-- isRead Toggle -->\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('is-read')\"\r\n          [descriptionCard]=\"t('is-read-description')\"\r\n          icon=\"general.eye\"\r\n          [formControl]=\"isReadControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <!-- isWrite Toggle -->\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('is-write')\"\r\n          [descriptionCard]=\"t('is-write-description')\"\r\n          icon=\"general.edit-02\"\r\n          [formControl]=\"isWriteControl\"\r\n        ></mt-toggle-field>\r\n      } @else {\r\n        <!-- Show/Hide Toggle with Set Conditions -->\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-hide')\"\r\n          [descriptionCard]=\"t('show-hide-description')\"\r\n          icon=\"general.eye\"\r\n          [formControl]=\"showHideControl\"\r\n          class=\"mt-3\"\r\n        >\r\n          <ng-template #toggleCardBottom>\r\n            @if (showHideControl.value) {\r\n              <div class=\"mt-3\">\r\n                <mt-button\r\n                  [label]=\"t('set-conditions')\"\r\n                  size=\"small\"\r\n                  (onClick)=\"onSetConditions()\"\r\n                ></mt-button>\r\n              </div>\r\n            }\r\n          </ng-template>\r\n        </mt-toggle-field>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modalService.footerClass\">\r\n    @if (initialData() && !isManageProperties()) {\r\n      <mt-button\r\n        [tooltip]=\"t('delete')\"\r\n        severity=\"danger\"\r\n        [variant]=\"'outlined'\"\r\n        icon=\"general.trash-01\"\r\n        [loading]=\"deleting()\"\r\n        [disabled]=\"submitting()\"\r\n        (onClick)=\"onDelete($event)\"\r\n        class=\"me-auto\"\r\n      ></mt-button>\r\n    }\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      severity=\"secondary\"\r\n      [disabled]=\"submitting() || deleting()\"\r\n      (onClick)=\"onCancel()\"\r\n    >\r\n    </mt-button>\r\n    <mt-button\r\n      [disabled]=\"!formControl.valid || deleting()\"\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      (onClick)=\"onSave()\"\r\n    >\r\n    </mt-button>\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: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"], outputs: ["runtimeMessagesChange"] }, { 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"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: FBFieldForm, decorators: [{
             type: Component,
@@ -1739,7 +1483,7 @@ class FBSectionForm {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: FBSectionForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: FBSectionForm, isStandalone: true, selector: "mt-fb-section-form", inputs: { sectionId: { classPropertyName: "sectionId", publicName: "sectionId", isSignal: true, isRequired: false, transformFunction: null }, initialData: { classPropertyName: "initialData", publicName: "initialData", isSignal: true, isRequired: false, transformFunction: null }, sectionsCount: { classPropertyName: "sectionsCount", publicName: "sectionsCount", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'formBuilder'\">\r\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\r\n    <div class=\"mt-4 h-full overflow-y-auto pb-10\">\r\n      <mt-dynamic-form [formConfig]=\"formConfig\" [formControl]=\"formControl\">\r\n      </mt-dynamic-form>\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modalService.footerClass\">\r\n    @if (sectionId()) {\r\n      <mt-button\r\n        [tooltip]=\"t('delete')\"\r\n        severity=\"danger\"\r\n        outlined\r\n        icon=\"general.trash-01\"\r\n        [loading]=\"deleting()\"\r\n        [disabled]=\"submitting()\"\r\n        (onClick)=\"onDelete($event)\"\r\n        class=\"me-auto\"\r\n      ></mt-button>\r\n    }\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      severity=\"secondary\"\r\n      [disabled]=\"submitting() || deleting()\"\r\n      (onClick)=\"onCancel()\"\r\n    >\r\n    </mt-button>\r\n    <mt-button\r\n      [disabled]=\"!formControl.valid || deleting()\"\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      (onClick)=\"onSave()\"\r\n    >\r\n    </mt-button>\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: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { 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"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: FBSectionForm, isStandalone: true, selector: "mt-fb-section-form", inputs: { sectionId: { classPropertyName: "sectionId", publicName: "sectionId", isSignal: true, isRequired: false, transformFunction: null }, initialData: { classPropertyName: "initialData", publicName: "initialData", isSignal: true, isRequired: false, transformFunction: null }, sectionsCount: { classPropertyName: "sectionsCount", publicName: "sectionsCount", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'formBuilder'\">\r\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\r\n    <div class=\"mt-4 h-full overflow-y-auto pb-10\">\r\n      <mt-dynamic-form [formConfig]=\"formConfig\" [formControl]=\"formControl\">\r\n      </mt-dynamic-form>\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modalService.footerClass\">\r\n    @if (sectionId()) {\r\n      <mt-button\r\n        [tooltip]=\"t('delete')\"\r\n        severity=\"danger\"\r\n        outlined\r\n        icon=\"general.trash-01\"\r\n        [loading]=\"deleting()\"\r\n        [disabled]=\"submitting()\"\r\n        (onClick)=\"onDelete($event)\"\r\n        class=\"me-auto\"\r\n      ></mt-button>\r\n    }\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      severity=\"secondary\"\r\n      [disabled]=\"submitting() || deleting()\"\r\n      (onClick)=\"onCancel()\"\r\n    >\r\n    </mt-button>\r\n    <mt-button\r\n      [disabled]=\"!formControl.valid || deleting()\"\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      (onClick)=\"onSave()\"\r\n    >\r\n    </mt-button>\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: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"], outputs: ["runtimeMessagesChange"] }, { 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"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: FBSectionForm, decorators: [{
             type: Component,
@@ -1949,316 +1693,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
             args: [{ selector: 'mt-fb-preview-form', standalone: true, imports: [TranslocoDirective, ClientForm], template: "<ng-container *transloco=\"let t; prefix: 'formBuilder'\">\r\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\r\n    <div class=\"h-full overflow-y-auto px-3 pb-10\">\r\n      @if (moduleKey() && operationKey()) {\r\n        <mt-client-form\r\n          [moduleKey]=\"moduleKey()\"\r\n          [operationKey]=\"operationKey()\"\r\n          [moduleId]=\"previewInfo()?.moduleId\"\r\n          [levelId]=\"previewInfo()?.levelId\"\r\n          [levelDataId]=\"previewInfo()?.levelDataId\"\r\n          [moduleDataId]=\"previewInfo()?.moduleDataId\"\r\n          [requestSchemaId]=\"previewInfo()?.requestSchemaId\"\r\n          [autoLoad]=\"true\"\r\n          [preview]=\"true\"\r\n        />\r\n      } @else {\r\n        <div\r\n          class=\"flex justify-center items-center h-64 text-muted-color text-lg\"\r\n        >\r\n          {{ t(\"no-fields-visible\") }}\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n" }]
         }] });
 
-/**
- * Validation Formula Constants
- * Functions and operators for validation formulas
- */
-const VALIDATION_FUNCTION_CATEGORIES = [
-    {
-        name: 'Validation',
-        displayName: 'Validation',
-        functions: [
-            {
-                name: 'REQUIRED',
-                category: 'Validation',
-                description: 'Returns true when value is not empty',
-                signature: 'REQUIRED(value)',
-                parameters: [
-                    {
-                        name: 'value',
-                        type: 'any',
-                        description: 'Value to check',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['REQUIRED(@Email)'],
-            },
-            {
-                name: 'ISNULL',
-                category: 'Validation',
-                description: 'Returns true if value is null or empty',
-                signature: 'ISNULL(value)',
-                parameters: [
-                    {
-                        name: 'value',
-                        type: 'any',
-                        description: 'Value to check',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['ISNULL(@Phone)'],
-            },
-            {
-                name: 'MIN_LENGTH',
-                category: 'Validation',
-                description: 'Returns true if value length is at least min',
-                signature: 'MIN_LENGTH(value, min)',
-                parameters: [
-                    {
-                        name: 'value',
-                        type: 'string',
-                        description: 'Value to check',
-                        required: true,
-                    },
-                    {
-                        name: 'min',
-                        type: 'number',
-                        description: 'Minimum length',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['MIN_LENGTH(@Password, 8)'],
-            },
-            {
-                name: 'MAX_LENGTH',
-                category: 'Validation',
-                description: 'Returns true if value length is at most max',
-                signature: 'MAX_LENGTH(value, max)',
-                parameters: [
-                    {
-                        name: 'value',
-                        type: 'string',
-                        description: 'Value to check',
-                        required: true,
-                    },
-                    {
-                        name: 'max',
-                        type: 'number',
-                        description: 'Maximum length',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['MAX_LENGTH(@Title, 120)'],
-            },
-            {
-                name: 'REGEX',
-                category: 'Validation',
-                description: 'Returns true if value matches regex pattern',
-                signature: 'REGEX(value, pattern)',
-                parameters: [
-                    {
-                        name: 'value',
-                        type: 'string',
-                        description: 'Value to check',
-                        required: true,
-                    },
-                    {
-                        name: 'pattern',
-                        type: 'string',
-                        description: 'Regex pattern',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['REGEX(@Email, "^[^@]+@[^@]+\\.[^@]+$")'],
-            },
-            {
-                name: 'BEFORE',
-                category: 'Validation',
-                description: 'Returns true if date is before reference date',
-                signature: 'BEFORE(date, reference)',
-                parameters: [
-                    {
-                        name: 'date',
-                        type: 'date',
-                        description: 'Date to check',
-                        required: true,
-                    },
-                    {
-                        name: 'reference',
-                        type: 'date',
-                        description: 'Reference date',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['BEFORE(@EndDate, @StartDate)'],
-            },
-            {
-                name: 'AFTER',
-                category: 'Validation',
-                description: 'Returns true if date is after reference date',
-                signature: 'AFTER(date, reference)',
-                parameters: [
-                    {
-                        name: 'date',
-                        type: 'date',
-                        description: 'Date to check',
-                        required: true,
-                    },
-                    {
-                        name: 'reference',
-                        type: 'date',
-                        description: 'Reference date',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['AFTER(@StartDate, @EndDate)'],
-            },
-        ],
-    },
-    {
-        name: 'Logic',
-        displayName: 'Logic Helpers',
-        functions: [
-            {
-                name: 'AND',
-                category: 'Logic',
-                description: 'Returns true if all conditions are true',
-                signature: 'AND(condition1, condition2)',
-                parameters: [
-                    {
-                        name: 'condition1',
-                        type: 'boolean',
-                        description: 'First condition',
-                        required: true,
-                    },
-                    {
-                        name: 'condition2',
-                        type: 'boolean',
-                        description: 'Second condition',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['AND(REQUIRED(@Email), REGEX(@Email, "^.+@.+$"))'],
-            },
-            {
-                name: 'OR',
-                category: 'Logic',
-                description: 'Returns true if any condition is true',
-                signature: 'OR(condition1, condition2)',
-                parameters: [
-                    {
-                        name: 'condition1',
-                        type: 'boolean',
-                        description: 'First condition',
-                        required: true,
-                    },
-                    {
-                        name: 'condition2',
-                        type: 'boolean',
-                        description: 'Second condition',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['OR(ISNULL(@Phone), REGEX(@Phone, "^\\+?[0-9]+$"))'],
-            },
-            {
-                name: 'NOT',
-                category: 'Logic',
-                description: 'Returns the opposite of a condition',
-                signature: 'NOT(condition)',
-                parameters: [
-                    {
-                        name: 'condition',
-                        type: 'boolean',
-                        description: 'Condition to negate',
-                        required: true,
-                    },
-                ],
-                returnType: 'boolean',
-                examples: ['NOT(ISNULL(@Password))'],
-            },
-        ],
-    },
-];
-const VALIDATION_OPERATORS = [
-    // Arithmetic
-    {
-        symbol: '+',
-        name: 'Add',
-        type: 'arithmetic',
-        description: 'Addition',
-        precedence: 4,
-    },
-    {
-        symbol: '-',
-        name: 'Subtract',
-        type: 'arithmetic',
-        description: 'Subtraction',
-        precedence: 4,
-    },
-    {
-        symbol: '*',
-        name: 'Multiply',
-        type: 'arithmetic',
-        description: 'Multiplication',
-        precedence: 5,
-    },
-    {
-        symbol: '/',
-        name: 'Divide',
-        type: 'arithmetic',
-        description: 'Division',
-        precedence: 5,
-    },
-    // Comparison
-    {
-        symbol: '==',
-        name: 'Equal',
-        type: 'comparison',
-        description: 'Equal to',
-        precedence: 3,
-    },
-    {
-        symbol: '!=',
-        name: 'Not Equal',
-        type: 'comparison',
-        description: 'Not equal to',
-        precedence: 3,
-    },
-    {
-        symbol: '>',
-        name: 'Greater Than',
-        type: 'comparison',
-        description: 'Greater than',
-        precedence: 3,
-    },
-    {
-        symbol: '<',
-        name: 'Less Than',
-        type: 'comparison',
-        description: 'Less than',
-        precedence: 3,
-    },
-    {
-        symbol: '>=',
-        name: 'Greater or Equal',
-        type: 'comparison',
-        description: 'Greater than or equal',
-        precedence: 3,
-    },
-    {
-        symbol: '<=',
-        name: 'Less or Equal',
-        type: 'comparison',
-        description: 'Less than or equal',
-        precedence: 3,
-    },
-    // Logical
-    {
-        symbol: '&&',
-        name: 'And',
-        type: 'logical',
-        description: 'Logical AND',
-        precedence: 2,
-    },
-    {
-        symbol: '||',
-        name: 'Or',
-        type: 'logical',
-        description: 'Logical OR',
-        precedence: 1,
-    },
-];
-
 class FBValidationRuleForm {
     modalService = inject(ModalService);
     ref = inject(ModalRef);