@ngx-smz/core 21.1.2 → 21.1.3

package/fesm2022/ngx-smz-core.mjs

@@ -21,7 +21,7 @@ import { ObjectUtils, ZIndexUtils, UniqueComponentId } from 'primeng/utils';
 import * as i1$8 from '@angular/common/http';
 import { HttpClient, provideHttpClient, withInterceptorsFromDi, HttpErrorResponse, HttpHeaders, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { cloneDeep, uniqBy, flatten as flatten$1, sortBy, isBoolean as isBoolean$1, isEmpty as isEmpty$2, isEqual } from 'lodash-es';
-import { BehaviorSubject, firstValueFrom, debounceTime, tap, of, take as take$1, Subject, throwError, map as map$1, throttleTime, switchMap, Observable, takeUntil as takeUntil$2, merge, filter as filter$1 } from 'rxjs';
+import { Subscription, BehaviorSubject, firstValueFrom, debounceTime, tap, of, take as take$1, Subject, throwError, map as map$1, throttleTime, switchMap, Observable, takeUntil as takeUntil$2, merge, filter as filter$1 } from 'rxjs';
 import * as i1$2 from 'primeng/datepicker';
 import { DatePickerModule } from 'primeng/datepicker';
 import * as i1 from 'primeng/tooltip';
@@ -79,7 +79,6 @@ import * as i3$9 from 'primeng/progressbar';
 import { ProgressBarModule } from 'primeng/progressbar';
 import cloneDeep$1 from 'lodash-es/cloneDeep';
 import { JwtHelperService } from '@auth0/angular-jwt';
-import { cloneDeep as cloneDeep$2 } from 'lodash';
 import * as i19 from 'primeng/skeleton';
 import { SkeletonModule } from 'primeng/skeleton';
 import * as i1$9 from '@angular/router';
@@ -1978,6 +1977,7 @@ class SmzFormViewdata {
     form;
     manager;
     cdf;
+    validationMessagesService;
     isValid = false;
     isCustomValidationValid = true;
     // Is the data different from the original state?
@@ -1991,11 +1991,12 @@ class SmzFormViewdata {
     _hasChangesFromLastKnownState = false;
     previousState = '';
     cachedResponse = null;
-    constructor(config, form, manager, cdf) {
+    constructor(config, form, manager, cdf, validationMessagesService) {
         this.config = config;
         this.form = form;
         this.manager = manager;
         this.cdf = cdf;
+        this.validationMessagesService = validationMessagesService;
     }
     /** Retorna o objeto com os valores dos inputs; Esse objeto seguirá a nomemclatura do campo name de cada inputConfig */
     getData() {
@@ -2004,7 +2005,12 @@ class SmzFormViewdata {
             console.log('-------- getData ---------');
         }
         const data = {};
-        const response = { data, isValid: true, hasUnsavedChanges: false };
+        const response = {
+            data,
+            isValid: true,
+            hasUnsavedChanges: false,
+            validationMessagesByField: {}
+        };
         const formFlattenResponse = this.config.behaviors?.flattenResponse ?? false;
         for (const group of this.config.groups) {
             for (const input of group.children) {
@@ -2068,8 +2074,10 @@ class SmzFormViewdata {
         }
         // console.log('response.isValid', response.isValid);
         this.isValid = response.isValid;
+        const validationMessagesByField = this.validationMessagesService.getMessagesByPropertyName();
+        const finalResponse = { ...response, validationMessagesByField };
         // console.log('Final isValid', this.isValid);
-        this.cachedResponse = response;
+        this.cachedResponse = finalResponse;
         return this.cachedResponse;
     }
     /** Atualiza os valores dos inputs com seus dados default */
@@ -2168,6 +2176,93 @@ class SmzFormViewdata {
     }
 }
 
+class SmzFormValidationMessagesService {
+    form = null;
+    subscriptions = new Subscription();
+    controlToPropertyName = new WeakMap();
+    validationMessagesByPropertyName = new Map();
+    messagesByPropertyNameSignal = signal({}, ...(ngDevMode ? [{ debugName: "messagesByPropertyNameSignal" }] : []));
+    controlMessagesSignals = new WeakMap();
+    messagesByPropertyName = this.messagesByPropertyNameSignal.asReadonly();
+    initialize(config, form) {
+        this.resetState();
+        this.form = form;
+        for (const group of config.groups) {
+            for (const input of group.children) {
+                const control = this.form.controls[input.propertyName];
+                if (control == null) {
+                    continue;
+                }
+                this.controlToPropertyName.set(control, input.propertyName);
+                this.validationMessagesByPropertyName.set(input.propertyName, input.advancedSettings?.validationMessages ?? []);
+            }
+        }
+        this.refreshAllMessages();
+        this.subscriptions.add(this.form.statusChanges.subscribe(() => {
+            this.refreshAllMessages();
+        }));
+    }
+    getMessagesSignalByControl(control) {
+        if (control == null) {
+            return computed(() => []);
+        }
+        const cachedSignal = this.controlMessagesSignals.get(control);
+        if (cachedSignal != null) {
+            return cachedSignal;
+        }
+        const controlMessagesSignal = computed(() => {
+            const propertyName = this.controlToPropertyName.get(control);
+            if (propertyName == null) {
+                return [];
+            }
+            return this.messagesByPropertyNameSignal()[propertyName] ?? [];
+        }, ...(ngDevMode ? [{ debugName: "controlMessagesSignal" }] : []));
+        this.controlMessagesSignals.set(control, controlMessagesSignal);
+        return controlMessagesSignal;
+    }
+    getMessagesByPropertyName() {
+        return this.messagesByPropertyNameSignal();
+    }
+    refreshAllMessages() {
+        const nextMessagesByPropertyName = {};
+        this.validationMessagesByPropertyName.forEach((validationMessages, propertyName) => {
+            const control = this.form.controls[propertyName];
+            if (control != null) {
+                nextMessagesByPropertyName[propertyName] = this.resolveValidationMessages(control.errors, validationMessages);
+            }
+        });
+        this.messagesByPropertyNameSignal.set(nextMessagesByPropertyName);
+    }
+    resolveValidationMessages(errors, messages) {
+        if (errors == null) {
+            return [];
+        }
+        const resolvedMessages = [];
+        for (const errorType of Object.keys(errors)) {
+            const matchedMessage = messages.find(message => message.type === errorType);
+            if (matchedMessage != null) {
+                resolvedMessages.push(matchedMessage.message);
+            }
+            else {
+                resolvedMessages.push(`Erro desconhecido: ${errorType}`);
+            }
+        }
+        return resolvedMessages;
+    }
+    resetState() {
+        this.subscriptions.unsubscribe();
+        this.subscriptions = new Subscription();
+        this.validationMessagesByPropertyName.clear();
+        this.messagesByPropertyNameSignal.set({});
+        this.form = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzFormValidationMessagesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzFormValidationMessagesService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzFormValidationMessagesService, decorators: [{
+            type: Injectable
+        }] });
+
 /* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-return, @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type, @typescript-eslint/typedef, no-console, no-underscore-dangle, eqeqeq, max-len */
 class SmzFormsDropdownService {
     dependsOn;
@@ -2756,52 +2851,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
             type: Injectable
         }] });
 
-/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-return, @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type, @typescript-eslint/typedef, no-useless-escape, max-len, @typescript-eslint/no-useless-constructor */
-let ValidationMessagesPipe$1 = class ValidationMessagesPipe {
-    constructor() {
-    }
-    transform(errors, messages) {
-        if (errors == null)
-            return [];
-        const result = [];
-        for (const error of Object.keys(errors)) {
-            const match = messages.find(x => x.type === error);
-            if (match != null) {
-                result.push(match.message);
-            }
-            else {
-                result.push(`Erro desconhecido: ${error}`);
-            }
-        }
-        return result;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ValidationMessagesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.1", ngImport: i0, type: ValidationMessagesPipe, isStandalone: false, name: "validationMessages", pure: false });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ValidationMessagesPipe });
-};
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ValidationMessagesPipe$1, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'validationMessages',
-                    pure: false,
-                    standalone: false
-                }]
-        }, {
-            type: Injectable
-        }], ctorParameters: () => [] });
-
 class ValidationMessagesComponent {
+    validationMessagesService = inject(SmzFormValidationMessagesService);
+    formControl;
     input;
-    control;
+    set control(value) {
+        this.formControl = value;
+        this.controlMessages = this.validationMessagesService.getMessagesSignalByControl(value);
+    }
+    get control() {
+        return this.formControl;
+    }
     behaviors;
     extraMessages = [];
+    controlMessages = signal([], ...(ngDevMode ? [{ debugName: "controlMessages" }] : []));
     uiConfig = GlobalInjector.config;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ValidationMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: ValidationMessagesComponent, isStandalone: false, selector: "smz-validation-messages", inputs: { input: "input", control: "control", behaviors: "behaviors", extraMessages: "extraMessages" }, ngImport: i0, template: "@if (behaviors?.showErrorsMethod != null ? control[behaviors.showErrorsMethod] : control[uiConfig.dialogs.forms.behaviors.showErrorsMethod]) {\r\n  @if ((control.errors | validationMessages : input.advancedSettings?.validationMessages); as formMessages) {\r\n    @if (formMessages | join : extraMessages; as messages) {\r\n      @if (messages.length === 1) {\r\n        @for (message of messages; track message) {\r\n          <span class=\"col-12 error-message\">{{ message }}</span>\r\n        }\r\n      }\r\n      @if (messages.length > 1) {\r\n        @if (behaviors.showMultipleErrorMessages) {\r\n          <span class=\"col-12 error-message asterisk\">{{ messages | describeArray }}</span>\r\n        }\r\n        @if (!behaviors.showMultipleErrorMessages) {\r\n          <span class=\"col-12 error-message asterisk\" [pTooltip]=\"messages | describeArray\">{{ uiConfig.dialogs.forms.multipleErrorMessagesLabel }} *</span>\r\n        }\r\n      }\r\n    }\r\n  }\r\n}", dependencies: [{ kind: "directive", type: i1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "pipe", type: DescribeArrayPipe, name: "describeArray" }, { kind: "pipe", type: JoinPipe, name: "join" }, { kind: "pipe", type: ValidationMessagesPipe$1, name: "validationMessages" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: ValidationMessagesComponent, isStandalone: false, selector: "smz-validation-messages", inputs: { input: "input", control: "control", behaviors: "behaviors", extraMessages: "extraMessages" }, ngImport: i0, template: "@if (behaviors?.showErrorsMethod != null ? control[behaviors.showErrorsMethod] : control[uiConfig.dialogs.forms.behaviors.showErrorsMethod]) {\r\n  @if (controlMessages() | join : extraMessages; as messages) {\r\n    @if (messages.length === 1) {\r\n      @for (message of messages; track message) {\r\n        <span class=\"col-12 error-message\">{{ message }}</span>\r\n      }\r\n    }\r\n\r\n    @if (messages.length > 1) {\r\n      @if (behaviors.showMultipleErrorMessages) {\r\n        <span class=\"col-12 error-message asterisk\">{{ messages | describeArray }}</span>\r\n      }\r\n\r\n      @if (!behaviors.showMultipleErrorMessages) {\r\n        <span class=\"col-12 error-message asterisk\" [pTooltip]=\"messages | describeArray\">{{ uiConfig.dialogs.forms.multipleErrorMessagesLabel }} *</span>\r\n      }\r\n    }\r\n  }\r\n}", dependencies: [{ kind: "directive", type: i1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "pipe", type: DescribeArrayPipe, name: "describeArray" }, { kind: "pipe", type: JoinPipe, name: "join" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: ValidationMessagesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smz-validation-messages', standalone: false, template: "@if (behaviors?.showErrorsMethod != null ? control[behaviors.showErrorsMethod] : control[uiConfig.dialogs.forms.behaviors.showErrorsMethod]) {\r\n  @if ((control.errors | validationMessages : input.advancedSettings?.validationMessages); as formMessages) {\r\n    @if (formMessages | join : extraMessages; as messages) {\r\n      @if (messages.length === 1) {\r\n        @for (message of messages; track message) {\r\n          <span class=\"col-12 error-message\">{{ message }}</span>\r\n        }\r\n      }\r\n      @if (messages.length > 1) {\r\n        @if (behaviors.showMultipleErrorMessages) {\r\n          <span class=\"col-12 error-message asterisk\">{{ messages | describeArray }}</span>\r\n        }\r\n        @if (!behaviors.showMultipleErrorMessages) {\r\n          <span class=\"col-12 error-message asterisk\" [pTooltip]=\"messages | describeArray\">{{ uiConfig.dialogs.forms.multipleErrorMessagesLabel }} *</span>\r\n        }\r\n      }\r\n    }\r\n  }\r\n}" }]
+            args: [{ selector: 'smz-validation-messages', standalone: false, template: "@if (behaviors?.showErrorsMethod != null ? control[behaviors.showErrorsMethod] : control[uiConfig.dialogs.forms.behaviors.showErrorsMethod]) {\r\n  @if (controlMessages() | join : extraMessages; as messages) {\r\n    @if (messages.length === 1) {\r\n      @for (message of messages; track message) {\r\n        <span class=\"col-12 error-message\">{{ message }}</span>\r\n      }\r\n    }\r\n\r\n    @if (messages.length > 1) {\r\n      @if (behaviors.showMultipleErrorMessages) {\r\n        <span class=\"col-12 error-message asterisk\">{{ messages | describeArray }}</span>\r\n      }\r\n\r\n      @if (!behaviors.showMultipleErrorMessages) {\r\n        <span class=\"col-12 error-message asterisk\" [pTooltip]=\"messages | describeArray\">{{ uiConfig.dialogs.forms.multipleErrorMessagesLabel }} *</span>\r\n      }\r\n    }\r\n  }\r\n}" }]
         }], propDecorators: { input: [{
                 type: Input
             }], control: [{
@@ -4796,11 +4866,11 @@ class InputTreeComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: InputTreeComponent, deps: [{ token: SmzFormsDropdownService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: InputTreeComponent, isStandalone: false, selector: "smz-input-tree", inputs: { input: "input", formId: "formId", control: "control", behaviors: "behaviors" }, ngImport: i0, template: "@if (nodes$ | async; as nodes) {\r\n  <smz-label\r\n    class=\"smz__input_name\"\r\n    [text]=\"input.name\"\r\n    [propertyName]=\"input.propertyName\"\r\n    [showLabel]=\"input.hideLabel != true\"\r\n    [warning]=\"input.warning?.()\"\r\n    [help]=\"input.tooltip?.()\"\r\n    [popover]=\"input.popover?.()\">\r\n  </smz-label>\r\n  <div class=\"input_inner__wrapper grid grid-nogutter\">\r\n    <p-treeSelect\r\n      class=\"col-12 grid-nogutter smz__input_value flex-1\"\r\n      containerStyleClass=\"w-full\"\r\n      [formControl]=\"control\"\r\n      [options]=\"nodes\"\r\n      [placeholder]=\"input.name\"\r\n      appendTo=\"body\"\r\n      [filter]=\"input.showFilter ? true : false\"\r\n      [selectionMode]=\"input.selectionMode\"\r\n      [filterInputAutoFocus]=\"input.autofocusFilter\"\r\n      [emptyMessage]=\"input.emptyMessage\"\r\n      [showClear]=\"input.showClear\"\r\n      [filterPlaceholder]=\"input.emptyFilterMessage\"\r\n      [scrollHeight]=\"input.scrollHeight\"\r\n      [display]=\"input.display\"\r\n      >\r\n      @for (inputType of input.allTypes; track inputType) {\r\n        <ng-template let-node [pTemplate]=\"inputType\">\r\n          <div [innerHTML]=\"node.label | safeHtml\" [pTooltip]=\"node.tooltip\"></div>\r\n        </ng-template>\r\n      }\r\n    </p-treeSelect>\r\n    <smz-validation-messages [input]=\"input\" [control]=\"control\" [behaviors]=\"behaviors\"></smz-validation-messages>\r\n  </div>\r\n}", dependencies: [{ kind: "directive", type: i1$7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i5.TreeSelect, selector: "p-treeSelect, p-treeselect, p-tree-select", inputs: ["inputId", "scrollHeight", "metaKeySelection", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autofocus", "options", "loading", "loadingMode", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }, { kind: "component", type: LabelComponent, selector: "smz-label", inputs: ["text", "propertyName", "showLabel", "warning", "help", "popover"] }, { kind: "component", type: ValidationMessagesComponent, selector: "smz-validation-messages", inputs: ["input", "control", "behaviors", "extraMessages"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: SafeHtmlPipe$2, name: "safeHtml" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: InputTreeComponent, isStandalone: false, selector: "smz-input-tree", inputs: { input: "input", formId: "formId", control: "control", behaviors: "behaviors" }, ngImport: i0, template: "@if (nodes$ | async; as nodes) {\n  <smz-label\n    class=\"smz__input_name\"\n    [text]=\"input.name\"\n    [propertyName]=\"input.propertyName\"\n    [showLabel]=\"input.hideLabel != true\"\n    [warning]=\"input.warning?.()\"\n    [help]=\"input.tooltip?.()\"\n    [popover]=\"input.popover?.()\">\n  </smz-label>\n  <div class=\"input_inner__wrapper grid grid-nogutter\">\n    <p-treeSelect\n      class=\"col-12 grid-nogutter smz__input_value flex-1\"\n      containerStyleClass=\"w-full\"\n      [formControl]=\"control\"\n      [options]=\"nodes\"\n      [placeholder]=\"input.name\"\n      appendTo=\"body\"\n      [filter]=\"input.showFilter ? true : false\"\n      [selectionMode]=\"input.selectionMode\"\n      [filterInputAutoFocus]=\"input.autofocusFilter\"\n      [emptyMessage]=\"input.emptyMessage\"\n      [showClear]=\"input.showClear\"\n      [filterPlaceholder]=\"input.emptyFilterMessage\"\n      [scrollHeight]=\"input.scrollHeight\"\n      [display]=\"input.display\"\n      >\n      @for (inputType of input.allTypes; track inputType) {\n        <ng-template let-node [pTemplate]=\"inputType\">\n          @if (node != null) {\n            <div [innerHTML]=\"node.label | safeHtml\" [pTooltip]=\"node.tooltip\"></div>\n          }\n        </ng-template>\n      }\n    </p-treeSelect>\n    <smz-validation-messages [input]=\"input\" [control]=\"control\" [behaviors]=\"behaviors\"></smz-validation-messages>\n  </div>\n}", dependencies: [{ kind: "directive", type: i1$7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i5.TreeSelect, selector: "p-treeSelect, p-treeselect, p-tree-select", inputs: ["inputId", "scrollHeight", "metaKeySelection", "display", "selectionMode", "tabindex", "ariaLabel", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autofocus", "options", "loading", "loadingMode", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onFocus", "onBlur", "onNodeUnselect", "onNodeSelect"] }, { kind: "component", type: LabelComponent, selector: "smz-label", inputs: ["text", "propertyName", "showLabel", "warning", "help", "popover"] }, { kind: "component", type: ValidationMessagesComponent, selector: "smz-validation-messages", inputs: ["input", "control", "behaviors", "extraMessages"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: SafeHtmlPipe$2, name: "safeHtml" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: InputTreeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smz-input-tree', standalone: false, template: "@if (nodes$ | async; as nodes) {\r\n  <smz-label\r\n    class=\"smz__input_name\"\r\n    [text]=\"input.name\"\r\n    [propertyName]=\"input.propertyName\"\r\n    [showLabel]=\"input.hideLabel != true\"\r\n    [warning]=\"input.warning?.()\"\r\n    [help]=\"input.tooltip?.()\"\r\n    [popover]=\"input.popover?.()\">\r\n  </smz-label>\r\n  <div class=\"input_inner__wrapper grid grid-nogutter\">\r\n    <p-treeSelect\r\n      class=\"col-12 grid-nogutter smz__input_value flex-1\"\r\n      containerStyleClass=\"w-full\"\r\n      [formControl]=\"control\"\r\n      [options]=\"nodes\"\r\n      [placeholder]=\"input.name\"\r\n      appendTo=\"body\"\r\n      [filter]=\"input.showFilter ? true : false\"\r\n      [selectionMode]=\"input.selectionMode\"\r\n      [filterInputAutoFocus]=\"input.autofocusFilter\"\r\n      [emptyMessage]=\"input.emptyMessage\"\r\n      [showClear]=\"input.showClear\"\r\n      [filterPlaceholder]=\"input.emptyFilterMessage\"\r\n      [scrollHeight]=\"input.scrollHeight\"\r\n      [display]=\"input.display\"\r\n      >\r\n      @for (inputType of input.allTypes; track inputType) {\r\n        <ng-template let-node [pTemplate]=\"inputType\">\r\n          <div [innerHTML]=\"node.label | safeHtml\" [pTooltip]=\"node.tooltip\"></div>\r\n        </ng-template>\r\n      }\r\n    </p-treeSelect>\r\n    <smz-validation-messages [input]=\"input\" [control]=\"control\" [behaviors]=\"behaviors\"></smz-validation-messages>\r\n  </div>\r\n}" }]
+            args: [{ selector: 'smz-input-tree', standalone: false, template: "@if (nodes$ | async; as nodes) {\n  <smz-label\n    class=\"smz__input_name\"\n    [text]=\"input.name\"\n    [propertyName]=\"input.propertyName\"\n    [showLabel]=\"input.hideLabel != true\"\n    [warning]=\"input.warning?.()\"\n    [help]=\"input.tooltip?.()\"\n    [popover]=\"input.popover?.()\">\n  </smz-label>\n  <div class=\"input_inner__wrapper grid grid-nogutter\">\n    <p-treeSelect\n      class=\"col-12 grid-nogutter smz__input_value flex-1\"\n      containerStyleClass=\"w-full\"\n      [formControl]=\"control\"\n      [options]=\"nodes\"\n      [placeholder]=\"input.name\"\n      appendTo=\"body\"\n      [filter]=\"input.showFilter ? true : false\"\n      [selectionMode]=\"input.selectionMode\"\n      [filterInputAutoFocus]=\"input.autofocusFilter\"\n      [emptyMessage]=\"input.emptyMessage\"\n      [showClear]=\"input.showClear\"\n      [filterPlaceholder]=\"input.emptyFilterMessage\"\n      [scrollHeight]=\"input.scrollHeight\"\n      [display]=\"input.display\"\n      >\n      @for (inputType of input.allTypes; track inputType) {\n        <ng-template let-node [pTemplate]=\"inputType\">\n          @if (node != null) {\n            <div [innerHTML]=\"node.label | safeHtml\" [pTooltip]=\"node.tooltip\"></div>\n          }\n        </ng-template>\n      }\n    </p-treeSelect>\n    <smz-validation-messages [input]=\"input\" [control]=\"control\" [behaviors]=\"behaviors\"></smz-validation-messages>\n  </div>\n}" }]
         }], ctorParameters: () => [{ type: SmzFormsDropdownService }], propDecorators: { input: [{
                 type: Input
             }], formId: [{
@@ -6158,6 +6228,7 @@ class FormGroupComponent {
     cdf;
     manager;
     repository;
+    validationMessagesService;
     loggingService = inject(LoggingService);
     logger = this.loggingService.scoped(LoggingScope.Forms);
     isComponentActive = true;
@@ -6184,11 +6255,12 @@ class FormGroupComponent {
     controlTypes = SmzControlType;
     isInitialized = false;
     configHasErrors = false;
-    constructor(fb, cdf, manager, repository) {
+    constructor(fb, cdf, manager, repository, validationMessagesService) {
         this.fb = fb;
         this.cdf = cdf;
         this.manager = manager;
         this.repository = repository;
+        this.validationMessagesService = validationMessagesService;
     }
     ngOnInit() {
         if (this.config != null) {
@@ -6270,7 +6342,9 @@ class FormGroupComponent {
                 }
             }
             const options = { updateOn: this.config?.behaviors?.updateOn ?? 'change' };
-            this.viewdata = new SmzFormViewdata(this.config, this.fb.group(controlsConfig, options), this.manager, this.cdf);
+            const formGroup = this.fb.group(controlsConfig, options);
+            this.validationMessagesService.initialize(this.config, formGroup);
+            this.viewdata = new SmzFormViewdata(this.config, formGroup, this.manager, this.cdf, this.validationMessagesService);
             if (this.config.context == null) {
                 this.config.context = {
                     applyGlobalStyles: null,
@@ -6561,13 +6635,13 @@ class FormGroupComponent {
         this.isComponentActive = false;
         this.repository.remove(this.config);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FormGroupComponent, deps: [{ token: i1$3.UntypedFormBuilder }, { token: i0.ChangeDetectorRef }, { token: SmzFormsManagerService }, { token: SmzFormsRepositoryService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: FormGroupComponent, isStandalone: false, selector: "smz-form-group", inputs: { config: "config" }, outputs: { statusChanges: "statusChanges", initialStateChanged: "initialStateChanged", previousStateChanged: "previousStateChanged", submit: "submit" }, usesOnChanges: true, ngImport: i0, template: "@if (config != null) {\r\n  <div class=\"smz_form_grid_container\">\r\n    @if (viewdata?.form != null && !configHasErrors) {\r\n      <form focusFirstInput [focus]=\"!config.behaviors.avoidFocusOnLoad\" [formGroup]=\"viewdata.form\" class=\"smz_form__wrapper\" (submit)=\"$event.preventDefault()\" (keydown.enter)=\"onEnter($event)\">\r\n        <ng-container *ngTemplateOutlet=\"groupTemplate\"></ng-container>\r\n      </form>\r\n    }\r\n    @if (configHasErrors) {\r\n      <div>Error</div>\r\n    }\r\n  </div>\r\n}\r\n\r\n<ng-template #groupTemplate>\r\n\r\n  <div class=\"w-full px-0 mx-auto\">\r\n    <div class=\"grid grid-nogutter flex-wrap items-start justify-start flex-gap-2\" [ngClass]=\"config.template | setTemplateClasses : ['horizontalAlignment', 'verticalAlignment']\">\r\n      @for (group of config.groups; track group) {\r\n        @if (!group.isHide) {\r\n          <div class=\"col\" [ngClass]=\"group.template | setTemplateClasses : ['row']\">\r\n            @if (group.showName) {\r\n              <div class=\"smz__group_name\">{{ group.name }}</div>\r\n            }\r\n            <div [ngClass]=\"group.styleClass ?? 'grid grid-nogutter flex-wrap items-start justify-start flex-gap-2'\">\r\n              @for (input of group.children; track input) {\r\n                @if (input.isVisible) {\r\n                  <div class=\"input__control__wrapper col relative\" [ngClass]=\"input.template | setTemplateClasses : ['row'] : [input.styleClass, group.inputStyleClass]\">\r\n                    <ng-container *ngTemplateOutlet=\"inputTemplate; context: { $implicit: input }\"></ng-container>\r\n                  </div>\r\n                }\r\n              }\r\n            </div>\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n</ng-template>\r\n\r\n<ng-template #inputTemplate let-input>\r\n\r\n  @if (input.type == controlTypes.PASSWORD) {\r\n    <smz-input-password [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-password>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT_MASK) {\r\n    <smz-input-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-mask>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT) {\r\n    <smz-input-text [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text>\r\n  }\r\n\r\n  @if (input.type == controlTypes.LIST) {\r\n    <smz-input-list [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-list>\r\n  }\r\n\r\n  @if (input.type == controlTypes.NUMBER) {\r\n    <smz-input-number [input]=\"input\" [form]=\"viewdata.form\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-number>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT_AREA) {\r\n    <smz-input-text-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text-area>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CONTENT_MASK) {\r\n    <smz-input-content-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-content-mask>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TAG_AREA) {\r\n    <input-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></input-tag-area>\r\n  }\r\n\r\n  @if (input.type == controlTypes.AUTOCOMPLETE_TAG_AREA) {\r\n    <smz-input-autocomplete-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-autocomplete-tag-area>\r\n  }\r\n\r\n  @if (input.type == controlTypes.RADIO) {\r\n    <smz-radio-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-radio-button>\r\n  }\r\n\r\n  @if (input.type == controlTypes.SWITCH) {\r\n    <smz-input-switch [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-switch>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CHECKBOX) {\r\n    <smz-checkbox [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-checkbox>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CHECKBOX_GROUP) {\r\n    <smz-checkbox-group [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-checkbox-group>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CALENDAR) {\r\n    <smz-calendar [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-calendar>\r\n  }\r\n\r\n  @if (input.type == controlTypes.DROPDOWN) {\r\n    <smz-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-dropdown>\r\n  }\r\n\r\n  @if (input.type == controlTypes.LINKED_DROPDOWN) {\r\n    <smz-linked-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-dropdown>\r\n  }\r\n\r\n  @if (input.type == controlTypes.FILE) {\r\n    <smz-file-upload [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [form]=\"viewdata.form\" [behaviors]=\"config.behaviors\"></smz-file-upload>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CURRENCY) {\r\n    <smz-input-currency [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-currency>\r\n  }\r\n\r\n  @if (input.type == controlTypes.MULTI_SELECT) {\r\n    <smz-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-multi-select>\r\n  }\r\n\r\n  @if (input.type == controlTypes.LINKED_MULTISELECT) {\r\n    <smz-linked-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-multi-select>\r\n  }\r\n\r\n  @if (input.type == controlTypes.COLOR_PICKER) {\r\n    <smz-color-picker [input]=\"input\" [control]=\"$any(viewdata.form.controls[input.propertyName])\" [behaviors]=\"config.behaviors\"></smz-color-picker>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT_BUTTON) {\r\n    <smz-input-text-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [viewdata]=\"viewdata\" [behaviors]=\"config.behaviors\"></smz-input-text-button>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TREE) {\r\n    <smz-input-tree [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-input-tree>\r\n  }\r\n\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: CalendarComponent, selector: "smz-calendar", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: CheckBoxComponent, selector: "smz-checkbox", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: CheckBoxGroupComponent, selector: "smz-checkbox-group", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: ColorPickerComponent, selector: "smz-color-picker", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: DropdownComponent, selector: "smz-dropdown", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: FileUploadComponent, selector: "smz-file-upload", inputs: ["input", "form", "control", "behaviors"], outputs: ["selectChange"] }, { kind: "directive", type: FormFocusFirstInputDirective, selector: "[focusFirstInput]", inputs: ["focus"] }, { kind: "component", type: InputCurrencyComponent, selector: "smz-input-currency", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputListComponent, selector: "smz-input-list", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputMaskComponent, selector: "smz-input-mask", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputNumberComponent, selector: "smz-input-number", inputs: ["input", "control", "behaviors", "form"] }, { kind: "component", type: InputPasswordComponent, selector: "smz-input-password", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputSwitchComponent, selector: "smz-input-switch", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTextAreaComponent, selector: "smz-input-text-area", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: SmzInputAutocompleteTagArea, selector: "smz-input-autocomplete-tag-area", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTextComponent, selector: "smz-input-text", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTreeComponent, selector: "smz-input-tree", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: LinkedDropdownComponent, selector: "smz-linked-dropdown", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: LinkedMultiSelectComponent, selector: "smz-linked-multi-select", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: MultiSelectComponent, selector: "smz-multi-select", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: RadioButtonComponent, selector: "smz-radio-button", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: InputTagAreaComponent, selector: "input-tag-area", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputContentMaskComponent, selector: "smz-input-content-mask", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTextButtonComponent, selector: "smz-input-text-button", inputs: ["input", "control", "viewdata", "behaviors"] }, { kind: "pipe", type: SetTemplateClassesPipe, name: "setTemplateClasses" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FormGroupComponent, deps: [{ token: i1$3.UntypedFormBuilder }, { token: i0.ChangeDetectorRef }, { token: SmzFormsManagerService }, { token: SmzFormsRepositoryService }, { token: SmzFormValidationMessagesService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: FormGroupComponent, isStandalone: false, selector: "smz-form-group", inputs: { config: "config" }, outputs: { statusChanges: "statusChanges", initialStateChanged: "initialStateChanged", previousStateChanged: "previousStateChanged", submit: "submit" }, providers: [SmzFormValidationMessagesService], usesOnChanges: true, ngImport: i0, template: "@if (config != null) {\r\n  <div class=\"smz_form_grid_container\">\r\n    @if (viewdata?.form != null && !configHasErrors) {\r\n      <form focusFirstInput [focus]=\"!config.behaviors.avoidFocusOnLoad\" [formGroup]=\"viewdata.form\" class=\"smz_form__wrapper\" (submit)=\"$event.preventDefault()\" (keydown.enter)=\"onEnter($event)\">\r\n        <ng-container *ngTemplateOutlet=\"groupTemplate\"></ng-container>\r\n      </form>\r\n    }\r\n    @if (configHasErrors) {\r\n      <div>Error</div>\r\n    }\r\n  </div>\r\n}\r\n\r\n<ng-template #groupTemplate>\r\n\r\n  <div class=\"w-full px-0 mx-auto\">\r\n    <div class=\"grid grid-nogutter flex-wrap items-start justify-start flex-gap-2\" [ngClass]=\"config.template | setTemplateClasses : ['horizontalAlignment', 'verticalAlignment']\">\r\n      @for (group of config.groups; track group) {\r\n        @if (!group.isHide) {\r\n          <div class=\"col\" [ngClass]=\"group.template | setTemplateClasses : ['row']\">\r\n            @if (group.showName) {\r\n              <div class=\"smz__group_name\">{{ group.name }}</div>\r\n            }\r\n            <div [ngClass]=\"group.styleClass ?? 'grid grid-nogutter flex-wrap items-start justify-start flex-gap-2'\">\r\n              @for (input of group.children; track input) {\r\n                @if (input.isVisible) {\r\n                  <div class=\"input__control__wrapper col relative\" [ngClass]=\"input.template | setTemplateClasses : ['row'] : [input.styleClass, group.inputStyleClass]\">\r\n                    <ng-container *ngTemplateOutlet=\"inputTemplate; context: { $implicit: input }\"></ng-container>\r\n                  </div>\r\n                }\r\n              }\r\n            </div>\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n</ng-template>\r\n\r\n<ng-template #inputTemplate let-input>\r\n\r\n  @if (input.type == controlTypes.PASSWORD) {\r\n    <smz-input-password [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-password>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT_MASK) {\r\n    <smz-input-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-mask>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT) {\r\n    <smz-input-text [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text>\r\n  }\r\n\r\n  @if (input.type == controlTypes.LIST) {\r\n    <smz-input-list [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-list>\r\n  }\r\n\r\n  @if (input.type == controlTypes.NUMBER) {\r\n    <smz-input-number [input]=\"input\" [form]=\"viewdata.form\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-number>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT_AREA) {\r\n    <smz-input-text-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text-area>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CONTENT_MASK) {\r\n    <smz-input-content-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-content-mask>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TAG_AREA) {\r\n    <input-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></input-tag-area>\r\n  }\r\n\r\n  @if (input.type == controlTypes.AUTOCOMPLETE_TAG_AREA) {\r\n    <smz-input-autocomplete-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-autocomplete-tag-area>\r\n  }\r\n\r\n  @if (input.type == controlTypes.RADIO) {\r\n    <smz-radio-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-radio-button>\r\n  }\r\n\r\n  @if (input.type == controlTypes.SWITCH) {\r\n    <smz-input-switch [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-switch>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CHECKBOX) {\r\n    <smz-checkbox [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-checkbox>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CHECKBOX_GROUP) {\r\n    <smz-checkbox-group [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-checkbox-group>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CALENDAR) {\r\n    <smz-calendar [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-calendar>\r\n  }\r\n\r\n  @if (input.type == controlTypes.DROPDOWN) {\r\n    <smz-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-dropdown>\r\n  }\r\n\r\n  @if (input.type == controlTypes.LINKED_DROPDOWN) {\r\n    <smz-linked-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-dropdown>\r\n  }\r\n\r\n  @if (input.type == controlTypes.FILE) {\r\n    <smz-file-upload [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [form]=\"viewdata.form\" [behaviors]=\"config.behaviors\"></smz-file-upload>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CURRENCY) {\r\n    <smz-input-currency [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-currency>\r\n  }\r\n\r\n  @if (input.type == controlTypes.MULTI_SELECT) {\r\n    <smz-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-multi-select>\r\n  }\r\n\r\n  @if (input.type == controlTypes.LINKED_MULTISELECT) {\r\n    <smz-linked-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-multi-select>\r\n  }\r\n\r\n  @if (input.type == controlTypes.COLOR_PICKER) {\r\n    <smz-color-picker [input]=\"input\" [control]=\"$any(viewdata.form.controls[input.propertyName])\" [behaviors]=\"config.behaviors\"></smz-color-picker>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT_BUTTON) {\r\n    <smz-input-text-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [viewdata]=\"viewdata\" [behaviors]=\"config.behaviors\"></smz-input-text-button>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TREE) {\r\n    <smz-input-tree [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-input-tree>\r\n  }\r\n\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: CalendarComponent, selector: "smz-calendar", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: CheckBoxComponent, selector: "smz-checkbox", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: CheckBoxGroupComponent, selector: "smz-checkbox-group", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: ColorPickerComponent, selector: "smz-color-picker", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: DropdownComponent, selector: "smz-dropdown", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: FileUploadComponent, selector: "smz-file-upload", inputs: ["input", "form", "control", "behaviors"], outputs: ["selectChange"] }, { kind: "directive", type: FormFocusFirstInputDirective, selector: "[focusFirstInput]", inputs: ["focus"] }, { kind: "component", type: InputCurrencyComponent, selector: "smz-input-currency", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputListComponent, selector: "smz-input-list", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputMaskComponent, selector: "smz-input-mask", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputNumberComponent, selector: "smz-input-number", inputs: ["input", "control", "behaviors", "form"] }, { kind: "component", type: InputPasswordComponent, selector: "smz-input-password", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputSwitchComponent, selector: "smz-input-switch", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTextAreaComponent, selector: "smz-input-text-area", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: SmzInputAutocompleteTagArea, selector: "smz-input-autocomplete-tag-area", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTextComponent, selector: "smz-input-text", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTreeComponent, selector: "smz-input-tree", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: LinkedDropdownComponent, selector: "smz-linked-dropdown", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: LinkedMultiSelectComponent, selector: "smz-linked-multi-select", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: MultiSelectComponent, selector: "smz-multi-select", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: RadioButtonComponent, selector: "smz-radio-button", inputs: ["input", "formId", "control", "behaviors"] }, { kind: "component", type: InputTagAreaComponent, selector: "input-tag-area", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputContentMaskComponent, selector: "smz-input-content-mask", inputs: ["input", "control", "behaviors"] }, { kind: "component", type: InputTextButtonComponent, selector: "smz-input-text-button", inputs: ["input", "control", "viewdata", "behaviors"] }, { kind: "pipe", type: SetTemplateClassesPipe, name: "setTemplateClasses" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: FormGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smz-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (config != null) {\r\n  <div class=\"smz_form_grid_container\">\r\n    @if (viewdata?.form != null && !configHasErrors) {\r\n      <form focusFirstInput [focus]=\"!config.behaviors.avoidFocusOnLoad\" [formGroup]=\"viewdata.form\" class=\"smz_form__wrapper\" (submit)=\"$event.preventDefault()\" (keydown.enter)=\"onEnter($event)\">\r\n        <ng-container *ngTemplateOutlet=\"groupTemplate\"></ng-container>\r\n      </form>\r\n    }\r\n    @if (configHasErrors) {\r\n      <div>Error</div>\r\n    }\r\n  </div>\r\n}\r\n\r\n<ng-template #groupTemplate>\r\n\r\n  <div class=\"w-full px-0 mx-auto\">\r\n    <div class=\"grid grid-nogutter flex-wrap items-start justify-start flex-gap-2\" [ngClass]=\"config.template | setTemplateClasses : ['horizontalAlignment', 'verticalAlignment']\">\r\n      @for (group of config.groups; track group) {\r\n        @if (!group.isHide) {\r\n          <div class=\"col\" [ngClass]=\"group.template | setTemplateClasses : ['row']\">\r\n            @if (group.showName) {\r\n              <div class=\"smz__group_name\">{{ group.name }}</div>\r\n            }\r\n            <div [ngClass]=\"group.styleClass ?? 'grid grid-nogutter flex-wrap items-start justify-start flex-gap-2'\">\r\n              @for (input of group.children; track input) {\r\n                @if (input.isVisible) {\r\n                  <div class=\"input__control__wrapper col relative\" [ngClass]=\"input.template | setTemplateClasses : ['row'] : [input.styleClass, group.inputStyleClass]\">\r\n                    <ng-container *ngTemplateOutlet=\"inputTemplate; context: { $implicit: input }\"></ng-container>\r\n                  </div>\r\n                }\r\n              }\r\n            </div>\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n</ng-template>\r\n\r\n<ng-template #inputTemplate let-input>\r\n\r\n  @if (input.type == controlTypes.PASSWORD) {\r\n    <smz-input-password [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-password>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT_MASK) {\r\n    <smz-input-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-mask>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT) {\r\n    <smz-input-text [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text>\r\n  }\r\n\r\n  @if (input.type == controlTypes.LIST) {\r\n    <smz-input-list [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-list>\r\n  }\r\n\r\n  @if (input.type == controlTypes.NUMBER) {\r\n    <smz-input-number [input]=\"input\" [form]=\"viewdata.form\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-number>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT_AREA) {\r\n    <smz-input-text-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text-area>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CONTENT_MASK) {\r\n    <smz-input-content-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-content-mask>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TAG_AREA) {\r\n    <input-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></input-tag-area>\r\n  }\r\n\r\n  @if (input.type == controlTypes.AUTOCOMPLETE_TAG_AREA) {\r\n    <smz-input-autocomplete-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-autocomplete-tag-area>\r\n  }\r\n\r\n  @if (input.type == controlTypes.RADIO) {\r\n    <smz-radio-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-radio-button>\r\n  }\r\n\r\n  @if (input.type == controlTypes.SWITCH) {\r\n    <smz-input-switch [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-switch>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CHECKBOX) {\r\n    <smz-checkbox [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-checkbox>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CHECKBOX_GROUP) {\r\n    <smz-checkbox-group [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-checkbox-group>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CALENDAR) {\r\n    <smz-calendar [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-calendar>\r\n  }\r\n\r\n  @if (input.type == controlTypes.DROPDOWN) {\r\n    <smz-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-dropdown>\r\n  }\r\n\r\n  @if (input.type == controlTypes.LINKED_DROPDOWN) {\r\n    <smz-linked-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-dropdown>\r\n  }\r\n\r\n  @if (input.type == controlTypes.FILE) {\r\n    <smz-file-upload [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [form]=\"viewdata.form\" [behaviors]=\"config.behaviors\"></smz-file-upload>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CURRENCY) {\r\n    <smz-input-currency [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-currency>\r\n  }\r\n\r\n  @if (input.type == controlTypes.MULTI_SELECT) {\r\n    <smz-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-multi-select>\r\n  }\r\n\r\n  @if (input.type == controlTypes.LINKED_MULTISELECT) {\r\n    <smz-linked-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-multi-select>\r\n  }\r\n\r\n  @if (input.type == controlTypes.COLOR_PICKER) {\r\n    <smz-color-picker [input]=\"input\" [control]=\"$any(viewdata.form.controls[input.propertyName])\" [behaviors]=\"config.behaviors\"></smz-color-picker>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT_BUTTON) {\r\n    <smz-input-text-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [viewdata]=\"viewdata\" [behaviors]=\"config.behaviors\"></smz-input-text-button>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TREE) {\r\n    <smz-input-tree [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-input-tree>\r\n  }\r\n\r\n</ng-template>\r\n" }]
-        }], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }, { type: SmzFormsManagerService }, { type: SmzFormsRepositoryService }], propDecorators: { config: [{
+            args: [{ selector: 'smz-form-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [SmzFormValidationMessagesService], standalone: false, template: "@if (config != null) {\r\n  <div class=\"smz_form_grid_container\">\r\n    @if (viewdata?.form != null && !configHasErrors) {\r\n      <form focusFirstInput [focus]=\"!config.behaviors.avoidFocusOnLoad\" [formGroup]=\"viewdata.form\" class=\"smz_form__wrapper\" (submit)=\"$event.preventDefault()\" (keydown.enter)=\"onEnter($event)\">\r\n        <ng-container *ngTemplateOutlet=\"groupTemplate\"></ng-container>\r\n      </form>\r\n    }\r\n    @if (configHasErrors) {\r\n      <div>Error</div>\r\n    }\r\n  </div>\r\n}\r\n\r\n<ng-template #groupTemplate>\r\n\r\n  <div class=\"w-full px-0 mx-auto\">\r\n    <div class=\"grid grid-nogutter flex-wrap items-start justify-start flex-gap-2\" [ngClass]=\"config.template | setTemplateClasses : ['horizontalAlignment', 'verticalAlignment']\">\r\n      @for (group of config.groups; track group) {\r\n        @if (!group.isHide) {\r\n          <div class=\"col\" [ngClass]=\"group.template | setTemplateClasses : ['row']\">\r\n            @if (group.showName) {\r\n              <div class=\"smz__group_name\">{{ group.name }}</div>\r\n            }\r\n            <div [ngClass]=\"group.styleClass ?? 'grid grid-nogutter flex-wrap items-start justify-start flex-gap-2'\">\r\n              @for (input of group.children; track input) {\r\n                @if (input.isVisible) {\r\n                  <div class=\"input__control__wrapper col relative\" [ngClass]=\"input.template | setTemplateClasses : ['row'] : [input.styleClass, group.inputStyleClass]\">\r\n                    <ng-container *ngTemplateOutlet=\"inputTemplate; context: { $implicit: input }\"></ng-container>\r\n                  </div>\r\n                }\r\n              }\r\n            </div>\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n</ng-template>\r\n\r\n<ng-template #inputTemplate let-input>\r\n\r\n  @if (input.type == controlTypes.PASSWORD) {\r\n    <smz-input-password [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-password>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT_MASK) {\r\n    <smz-input-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-mask>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT) {\r\n    <smz-input-text [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text>\r\n  }\r\n\r\n  @if (input.type == controlTypes.LIST) {\r\n    <smz-input-list [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-list>\r\n  }\r\n\r\n  @if (input.type == controlTypes.NUMBER) {\r\n    <smz-input-number [input]=\"input\" [form]=\"viewdata.form\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-number>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT_AREA) {\r\n    <smz-input-text-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-text-area>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CONTENT_MASK) {\r\n    <smz-input-content-mask [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-content-mask>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TAG_AREA) {\r\n    <input-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></input-tag-area>\r\n  }\r\n\r\n  @if (input.type == controlTypes.AUTOCOMPLETE_TAG_AREA) {\r\n    <smz-input-autocomplete-tag-area [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-autocomplete-tag-area>\r\n  }\r\n\r\n  @if (input.type == controlTypes.RADIO) {\r\n    <smz-radio-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-radio-button>\r\n  }\r\n\r\n  @if (input.type == controlTypes.SWITCH) {\r\n    <smz-input-switch [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-switch>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CHECKBOX) {\r\n    <smz-checkbox [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-checkbox>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CHECKBOX_GROUP) {\r\n    <smz-checkbox-group [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-checkbox-group>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CALENDAR) {\r\n    <smz-calendar [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-calendar>\r\n  }\r\n\r\n  @if (input.type == controlTypes.DROPDOWN) {\r\n    <smz-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-dropdown>\r\n  }\r\n\r\n  @if (input.type == controlTypes.LINKED_DROPDOWN) {\r\n    <smz-linked-dropdown [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-dropdown>\r\n  }\r\n\r\n  @if (input.type == controlTypes.FILE) {\r\n    <smz-file-upload [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [form]=\"viewdata.form\" [behaviors]=\"config.behaviors\"></smz-file-upload>\r\n  }\r\n\r\n  @if (input.type == controlTypes.CURRENCY) {\r\n    <smz-input-currency [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [behaviors]=\"config.behaviors\"></smz-input-currency>\r\n  }\r\n\r\n  @if (input.type == controlTypes.MULTI_SELECT) {\r\n    <smz-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-multi-select>\r\n  }\r\n\r\n  @if (input.type == controlTypes.LINKED_MULTISELECT) {\r\n    <smz-linked-multi-select [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-linked-multi-select>\r\n  }\r\n\r\n  @if (input.type == controlTypes.COLOR_PICKER) {\r\n    <smz-color-picker [input]=\"input\" [control]=\"$any(viewdata.form.controls[input.propertyName])\" [behaviors]=\"config.behaviors\"></smz-color-picker>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TEXT_BUTTON) {\r\n    <smz-input-text-button [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [viewdata]=\"viewdata\" [behaviors]=\"config.behaviors\"></smz-input-text-button>\r\n  }\r\n\r\n  @if (input.type == controlTypes.TREE) {\r\n    <smz-input-tree [input]=\"input\" [control]=\"getFormControl(input.propertyName)\" [formId]=\"config.formId\" [behaviors]=\"config.behaviors\"></smz-input-tree>\r\n  }\r\n\r\n</ng-template>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }, { type: SmzFormsManagerService }, { type: SmzFormsRepositoryService }, { type: SmzFormValidationMessagesService }], propDecorators: { config: [{
                 type: Input
             }], statusChanges: [{
                 type: Output
@@ -7969,7 +8043,6 @@ class NgxSmzFormsModule {
             MultiSelectComponent,
             RadioButtonComponent,
             ValidationMessagesComponent,
-            ValidationMessagesPipe$1,
             FileDragDropDirective,
             FileNameShortenPipe,
             InputTagAreaComponent,
@@ -8102,7 +8175,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
                         MultiSelectComponent,
                         RadioButtonComponent,
                         ValidationMessagesComponent,
-                        ValidationMessagesPipe$1,
                         FileDragDropDirective,
                         FileNameShortenPipe,
                         InputTagAreaComponent,
@@ -12276,7 +12348,7 @@ class TableHelperService {
             return this.tables[key];
         }
         else {
-            const resultCloned = cloneDeep$2(result);
+            const resultCloned = cloneDeep(result);
             synchronizeTable(resultCloned, this.tables[key]);
             this.tables[key] = resultCloned;
             return this.tables[key];
@@ -26991,13 +27063,24 @@ class SmzFormTreeBuilder extends SmzFormInputBuilder {
 function extractUniqueTypesFromNodes(nodes) {
     const types = [];
     function traverseAndCollectTypes(currentNode) {
-        if (!types.includes(currentNode.type)) {
-            types.push(currentNode.type);
+        const templateKey = currentNode.type != null && String(currentNode.type).length > 0
+            ? currentNode.type
+            : 'default';
+        if (!types.includes(templateKey)) {
+            types.push(templateKey);
         }
-        currentNode.children?.forEach(childNode => traverseAndCollectTypes(childNode));
+        currentNode.children?.forEach(childNode => {
+            if (childNode != null) {
+                traverseAndCollectTypes(childNode);
+            }
+        });
     }
     // Inicia a travessia para cada nodo raiz no array
-    nodes.forEach(node => traverseAndCollectTypes(node));
+    nodes.forEach(node => {
+        if (node != null) {
+            traverseAndCollectTypes(node);
+        }
+    });
     return types;
 }
 
@@ -44366,7 +44449,7 @@ class TreeHelperService {
             this.add(key, result);
         }
         else {
-            const resultCloned = cloneDeep$2(result);
+            const resultCloned = cloneDeep(result);
             synchronizeTrees(resultCloned, this.trees[key]);
             this.trees[key] = resultCloned;
         }