@po-ui/ng-components 18.21.0 → 18.23.0

package/fesm2022/po-ui-ng-components.mjs

@@ -6,7 +6,7 @@ import * as i2$3 from '@angular/animations';
 import { trigger, transition, style, animate, group, query, animateChild, state, keyframes } from '@angular/animations';
 import { Subject, filter, fromEvent, debounceTime, from, timer, of, Subscription, switchMap as switchMap$1, isObservable, ReplaySubject, throwError, map as map$1, catchError as catchError$1, Observable } from 'rxjs';
 import * as i2 from '@angular/router';
-import { RouterModule, NavigationEnd, NavigationCancel } from '@angular/router';
+import { RouterModule, Router, NavigationEnd, NavigationCancel } from '@angular/router';
 import * as i5 from '@angular/cdk/listbox';
 import { CdkListboxModule } from '@angular/cdk/listbox';
 import * as i1$1 from '@angular/platform-browser';
@@ -14200,16 +14200,19 @@ class PoDropdownModule {
 function PoFieldContainerBottomComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
     i0.ɵɵelement(1, "po-icon", 4);
-    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵelementStart(2, "span", 5);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.errorPattern, "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("po-field-error-limit", ctx_r0.errorLimit);
+    i0.ɵɵproperty("p-tooltip", ctx_r0.errorLimit ? ctx_r0.errorPattern : null)("p-append-in-body", ctx_r0.appendBox);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.errorPattern, " ");
 } }
 function PoFieldContainerBottomComponent_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -14231,35 +14234,47 @@ class PoFieldContainerBottomComponent {
      * Obs: Esta mensagem não é apresentada quando o campo estiver vazio, mesmo que ele seja requerido.
      */
     errorPattern = '';
+    /**
+     * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
+     */
+    errorLimit = false;
     disabled = false;
     help;
+    appendBox = false;
     static ɵfac = function PoFieldContainerBottomComponent_Factory(t) { return new (t || PoFieldContainerBottomComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoFieldContainerBottomComponent, selectors: [["po-field-container-bottom"]], inputs: { errorPattern: [0, "p-error-pattern", "errorPattern"], disabled: [0, "p-disabled", "disabled"], help: [0, "p-help", "help"] }, decls: 3, vars: 4, consts: [[1, "po-field-container-bottom"], ["class", "po-field-container-bottom-text-error", 4, "ngIf"], ["class", "po-field-container-bottom-help-text", 4, "ngIf"], [1, "po-field-container-bottom-text-error"], ["p-icon", "ph ph-warning-circle"], [1, "po-field-container-bottom-help-text"]], template: function PoFieldContainerBottomComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoFieldContainerBottomComponent, selectors: [["po-field-container-bottom"]], inputs: { errorPattern: [0, "p-error-pattern", "errorPattern"], errorLimit: [0, "p-error-limit", "errorLimit"], disabled: [0, "p-disabled", "disabled"], help: [0, "p-help", "help"], appendBox: [2, "p-append-in-body", "appendBox", convertToBoolean] }, features: [i0.ɵɵInputTransformsFeature], decls: 3, vars: 5, consts: [["role", "alert", "aria-live", "assertive", "tabindex", "-1", 1, "po-field-container-bottom"], ["class", "po-field-container-bottom-text-error", 4, "ngIf"], ["class", "po-field-container-bottom-help-text", 4, "ngIf"], [1, "po-field-container-bottom-text-error"], ["p-icon", "ph ph-warning-circle"], ["p-tooltip-position", "top", 1, "po-field-error-message", 3, "p-tooltip", "p-append-in-body"], [1, "po-field-container-bottom-help-text"]], template: function PoFieldContainerBottomComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵtemplate(1, PoFieldContainerBottomComponent_div_1_Template, 4, 1, "div", 1)(2, PoFieldContainerBottomComponent_span_2_Template, 2, 1, "span", 2);
+            i0.ɵɵtemplate(1, PoFieldContainerBottomComponent_div_1_Template, 4, 5, "div", 1)(2, PoFieldContainerBottomComponent_span_2_Template, 2, 1, "span", 2);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassProp("po-field-container-bottom-disabled", ctx.disabled);
+            i0.ɵɵattribute("aria-label", ctx.errorPattern && ctx.errorLimit ? ctx.errorPattern : null);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.errorPattern);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.help && !ctx.errorPattern);
-        } }, dependencies: [i1.NgIf, PoIconComponent], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [i1.NgIf, PoIconComponent, PoTooltipDirective], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoFieldContainerBottomComponent, [{
         type: Component,
-        args: [{ selector: 'po-field-container-bottom', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"po-field-container-bottom\" [class.po-field-container-bottom-disabled]=\"disabled\">\n  <div *ngIf=\"errorPattern\" class=\"po-field-container-bottom-text-error\">\n    <po-icon p-icon=\"ph ph-warning-circle\"></po-icon>\n    <span> {{ errorPattern }}</span>\n  </div>\n  <span *ngIf=\"help && !errorPattern\" class=\"po-field-container-bottom-help-text\">\n    {{ help }}\n  </span>\n</div>\n" }]
+        args: [{ selector: 'po-field-container-bottom', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"po-field-container-bottom\"\n  [class.po-field-container-bottom-disabled]=\"disabled\"\n  [attr.aria-label]=\"errorPattern && errorLimit ? errorPattern : null\"\n  role=\"alert\"\n  aria-live=\"assertive\"\n  tabindex=\"-1\"\n>\n  <div *ngIf=\"errorPattern\" class=\"po-field-container-bottom-text-error\">\n    <po-icon p-icon=\"ph ph-warning-circle\"></po-icon>\n    <span\n      class=\"po-field-error-message\"\n      [class.po-field-error-limit]=\"errorLimit\"\n      [p-tooltip]=\"errorLimit ? errorPattern : null\"\n      p-tooltip-position=\"top\"\n      [p-append-in-body]=\"appendBox\"\n    >\n      {{ errorPattern }}\n    </span>\n  </div>\n\n  <span *ngIf=\"help && !errorPattern\" class=\"po-field-container-bottom-help-text\">\n    {{ help }}\n  </span>\n</div>\n" }]
     }], null, { errorPattern: [{
             type: Input,
             args: ['p-error-pattern']
+        }], errorLimit: [{
+            type: Input,
+            args: ['p-error-limit']
         }], disabled: [{
             type: Input,
             args: ['p-disabled']
         }], help: [{
             type: Input,
             args: ['p-help']
+        }], appendBox: [{
+            type: Input,
+            args: [{ alias: 'p-append-in-body', transform: convertToBoolean }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoFieldContainerBottomComponent, { className: "PoFieldContainerBottomComponent", filePath: "lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.ts", lineNumber: 16 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoFieldContainerBottomComponent, { className: "PoFieldContainerBottomComponent", filePath: "lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.ts", lineNumber: 17 }); })();
 
 const poFieldContainerLiterals = {
     en: {
@@ -14408,17 +14423,17 @@ class PoFieldContainerComponent {
 class PoFieldContainerModule {
     static ɵfac = function PoFieldContainerModule_Factory(t) { return new (t || PoFieldContainerModule)(); };
     static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PoFieldContainerModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, PoLabelModule, PoIconModule] });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, PoLabelModule, PoIconModule, PoTooltipModule] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoFieldContainerModule, [{
         type: NgModule,
         args: [{
-                imports: [CommonModule, PoLabelModule, PoIconModule],
+                imports: [CommonModule, PoLabelModule, PoIconModule, PoTooltipModule],
                 exports: [PoFieldContainerBottomComponent, PoFieldContainerComponent],
                 declarations: [PoFieldContainerBottomComponent, PoFieldContainerComponent]
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoFieldContainerModule, { declarations: [PoFieldContainerBottomComponent, PoFieldContainerComponent], imports: [CommonModule, PoLabelModule, PoIconModule], exports: [PoFieldContainerBottomComponent, PoFieldContainerComponent] }); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoFieldContainerModule, { declarations: [PoFieldContainerBottomComponent, PoFieldContainerComponent], imports: [CommonModule, PoLabelModule, PoIconModule, PoTooltipModule], exports: [PoFieldContainerBottomComponent, PoFieldContainerComponent] }); })();
 
 function requiredFailed(required, disabled, value) {
     const valid = (typeof value === 'string' && value) ||
@@ -14549,6 +14564,19 @@ class PoCheckboxGroupBaseComponent {
      *
      */
     fieldErrorMessage;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
+     *
+     * > Caso essa propriedade seja definida como `true`, a mensagem de erro será limitada a duas linhas
+     * e um tooltip será exibido ao passar o mouse sobre a mensagem para mostrar o conteúdo completo.
+     *
+     * @default `false`
+     */
+    errorLimit = false;
     /**
      * @optional
      *
@@ -14785,7 +14813,7 @@ class PoCheckboxGroupBaseComponent {
         this.checkboxGroupOptionsView = optionsList.map(option => ({ ...option, id: uuid() }));
     }
     static ɵfac = function PoCheckboxGroupBaseComponent_Factory(t) { return new (t || PoCheckboxGroupBaseComponent)(); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoCheckboxGroupBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], name: "name", help: [0, "p-help", "help"], label: [0, "p-label", "label"], optional: [0, "p-optional", "optional"], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], columns: [0, "p-columns", "columns"], disabled: [0, "p-disabled", "disabled"], indeterminate: [0, "p-indeterminate", "indeterminate"], options: [0, "p-options", "options"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"] }, outputs: { ngModelChange: "ngModelChange", change: "p-change" }, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoCheckboxGroupBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], name: "name", help: [0, "p-help", "help"], label: [0, "p-label", "label"], optional: [0, "p-optional", "optional"], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], errorLimit: [0, "p-error-limit", "errorLimit"], columns: [0, "p-columns", "columns"], disabled: [0, "p-disabled", "disabled"], indeterminate: [0, "p-indeterminate", "indeterminate"], options: [0, "p-options", "options"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"] }, outputs: { ngModelChange: "ngModelChange", change: "p-change" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoCheckboxGroupBaseComponent, [{
         type: Directive
@@ -14807,6 +14835,9 @@ class PoCheckboxGroupBaseComponent {
         }], fieldErrorMessage: [{
             type: Input,
             args: ['p-field-error-message']
+        }], errorLimit: [{
+            type: Input,
+            args: ['p-error-limit']
         }], ngModelChange: [{
             type: Output,
             args: ['ngModelChange']
@@ -14941,7 +14972,7 @@ class PoCheckboxGroupComponent extends PoCheckboxGroupBaseComponent {
                     useExisting: forwardRef(() => PoCheckboxGroupComponent),
                     multi: true
                 }
-            ]), i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 10, consts: [["checkboxLabel", ""], [3, "p-disabled", "p-help", "p-label", "p-optional", "p-required", "p-show-required"], ["role", "group", 1, "po-field-container-content", "po-checkbox-group-content"], [1, "po-row", "po-pt-2", "po-pb-1"], [3, "class", "po-checkbox-group-item-disabled", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "p-error-pattern"], [3, "click", "keydown", "p-label", "p-disabled", "p-checkboxValue", "p-required"]], template: function PoCheckboxGroupComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 11, consts: [["checkboxLabel", ""], [3, "p-disabled", "p-help", "p-label", "p-optional", "p-required", "p-show-required"], ["role", "group", 1, "po-field-container-content", "po-checkbox-group-content"], [1, "po-row", "po-pt-2", "po-pb-1"], [3, "class", "po-checkbox-group-item-disabled", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "p-error-pattern", "p-error-limit"], [3, "click", "keydown", "p-label", "p-disabled", "p-checkboxValue", "p-required"]], template: function PoCheckboxGroupComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "po-field-container", 1)(1, "div", 2)(2, "ul", 3);
             i0.ɵɵtemplate(3, PoCheckboxGroupComponent_li_3_Template, 3, 10, "li", 4);
             i0.ɵɵelementEnd()();
@@ -14954,7 +14985,7 @@ class PoCheckboxGroupComponent extends PoCheckboxGroupBaseComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngForOf", ctx.checkboxGroupOptionsView)("ngForTrackBy", ctx.trackByFn);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-error-pattern", ctx.getErrorPattern());
+            i0.ɵɵproperty("p-error-pattern", ctx.getErrorPattern())("p-error-limit", ctx.errorLimit);
         } }, dependencies: [i1.NgForOf, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoCheckboxComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoCheckboxGroupComponent, [{
@@ -14970,7 +15001,7 @@ class PoCheckboxGroupComponent extends PoCheckboxGroupBaseComponent {
                         useExisting: forwardRef(() => PoCheckboxGroupComponent),
                         multi: true
                     }
-                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-help]=\"help\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div role=\"group\" [attr.aria-label]=\"label\" class=\"po-field-container-content po-checkbox-group-content\">\n    <ul class=\"po-row po-pt-2 po-pb-1\">\n      <li\n        *ngFor=\"let option of checkboxGroupOptionsView; trackBy: trackByFn\"\n        class=\"po-checkbox-group-item po-md-{{ mdColumns }} po-lg-{{ columns }}\"\n        [class.po-checkbox-group-item-disabled]=\"option.disabled || disabled\"\n      >\n        <po-checkbox\n          #checkboxLabel\n          [p-label]=\"option.label\"\n          [p-disabled]=\"option.disabled || disabled\"\n          (click)=\"checkOption(option)\"\n          (keydown)=\"onKeyDown($event, option)\"\n          [p-checkboxValue]=\"checkedOptions[option.value] === null ? 'mixed' : checkedOptions[option.value]\"\n          [p-required]=\"required\"\n        >\n        </po-checkbox>\n      </li>\n    </ul>\n  </div>\n\n  <po-field-container-bottom [p-error-pattern]=\"getErrorPattern()\"></po-field-container-bottom>\n</po-field-container>\n" }]
+                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-help]=\"help\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div role=\"group\" [attr.aria-label]=\"label\" class=\"po-field-container-content po-checkbox-group-content\">\n    <ul class=\"po-row po-pt-2 po-pb-1\">\n      <li\n        *ngFor=\"let option of checkboxGroupOptionsView; trackBy: trackByFn\"\n        class=\"po-checkbox-group-item po-md-{{ mdColumns }} po-lg-{{ columns }}\"\n        [class.po-checkbox-group-item-disabled]=\"option.disabled || disabled\"\n      >\n        <po-checkbox\n          #checkboxLabel\n          [p-label]=\"option.label\"\n          [p-disabled]=\"option.disabled || disabled\"\n          (click)=\"checkOption(option)\"\n          (keydown)=\"onKeyDown($event, option)\"\n          [p-checkboxValue]=\"checkedOptions[option.value] === null ? 'mixed' : checkedOptions[option.value]\"\n          [p-required]=\"required\"\n        >\n        </po-checkbox>\n      </li>\n    </ul>\n  </div>\n\n  <po-field-container-bottom\n    [p-error-pattern]=\"getErrorPattern()\"\n    [p-error-limit]=\"errorLimit\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
     }], () => [{ type: i0.ChangeDetectorRef }], { checkboxLabels: [{
             type: ViewChildren,
             args: ['checkboxLabel']
@@ -15087,6 +15118,19 @@ class PoRadioGroupBaseComponent {
      *
      */
     fieldErrorMessage;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
+     *
+     * > Caso essa propriedade seja definida como `true`, a mensagem de erro será limitada a duas linhas
+     * e um tooltip será exibido ao passar o mouse sobre a mensagem para mostrar o conteúdo completo.
+     *
+     * @default `false`
+     */
+    errorLimit = false;
     /**
      * @optional
      *
@@ -15242,7 +15286,7 @@ class PoRadioGroupBaseComponent {
         }
     }
     static ɵfac = function PoRadioGroupBaseComponent_Factory(t) { return new (t || PoRadioGroupBaseComponent)(); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoRadioGroupBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], name: "name", optional: [0, "p-optional", "optional"], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], columns: [0, "p-columns", "columns"], disabled: [0, "p-disabled", "disabled"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], options: [0, "p-options", "options"], size: [0, "p-size", "size"] }, outputs: { change: "p-change" }, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoRadioGroupBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], name: "name", optional: [0, "p-optional", "optional"], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], errorLimit: [0, "p-error-limit", "errorLimit"], columns: [0, "p-columns", "columns"], disabled: [0, "p-disabled", "disabled"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], options: [0, "p-options", "options"], size: [0, "p-size", "size"] }, outputs: { change: "p-change" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoRadioGroupBaseComponent, [{
         type: Directive
@@ -15258,6 +15302,9 @@ class PoRadioGroupBaseComponent {
         }], fieldErrorMessage: [{
             type: Input,
             args: ['p-field-error-message']
+        }], errorLimit: [{
+            type: Input,
+            args: ['p-error-limit']
         }], change: [{
             type: Output,
             args: ['p-change']
@@ -15683,7 +15730,7 @@ class PoRadioGroupComponent extends PoRadioGroupBaseComponent {
                     useExisting: forwardRef(() => PoRadioGroupComponent),
                     multi: true
                 }
-            ]), i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 11, consts: [["inp", ""], ["inputRadio", ""], [3, "p-disabled", "p-help", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], ["role", "radiogroup", 1, "po-radio-group"], [3, "class", 4, "ngFor", "ngForOf"], [3, "p-error-pattern"], [3, "keyup", "click", "name", "p-checked", "p-disabled", "p-label", "p-required", "p-size", "p-value"]], template: function PoRadioGroupComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 12, consts: [["inp", ""], ["inputRadio", ""], [3, "p-disabled", "p-help", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], ["role", "radiogroup", 1, "po-radio-group"], [3, "class", 4, "ngFor", "ngForOf"], [3, "p-error-pattern", "p-error-limit"], [3, "keyup", "click", "name", "p-checked", "p-disabled", "p-label", "p-required", "p-size", "p-value"]], template: function PoRadioGroupComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "po-field-container", 2)(1, "div", 3)(2, "div", 4, 0);
             i0.ɵɵtemplate(4, PoRadioGroupComponent_div_4_Template, 3, 11, "div", 5);
             i0.ɵɵelementEnd()();
@@ -15698,7 +15745,7 @@ class PoRadioGroupComponent extends PoRadioGroupBaseComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngForOf", ctx.options);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-error-pattern", ctx.getErrorPattern());
+            i0.ɵɵproperty("p-error-pattern", ctx.getErrorPattern())("p-error-limit", ctx.errorLimit);
         } }, dependencies: [i1.NgForOf, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoRadioComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoRadioGroupComponent, [{
@@ -15714,7 +15761,7 @@ class PoRadioGroupComponent extends PoRadioGroupBaseComponent {
                         useExisting: forwardRef(() => PoRadioGroupComponent),
                         multi: true
                     }
-                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-help]=\"help\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\" [attr.name]=\"name\">\n    <div #inp class=\"po-radio-group\" role=\"radiogroup\" [attr.aria-label]=\"label\" [attr.data-options]=\"options.length\">\n      <div *ngFor=\"let option of options\" class=\"po-radio-group-item po-md-{{ mdColumns }} po-lg-{{ columns }}\">\n        <po-radio\n          #inputRadio\n          [name]=\"name\"\n          [p-checked]=\"value === option.value\"\n          [p-disabled]=\"option.disabled === true || disabled\"\n          [p-label]=\"option.label\"\n          [p-required]=\"required\"\n          [p-size]=\"size\"\n          [p-value]=\"option.value\"\n          (keyup)=\"onKeyUp($event, option.value)\"\n          (click)=\"eventClick(option.value, option.disabled === true || disabled)\"\n        >\n        </po-radio>\n      </div>\n    </div>\n  </div>\n  <po-field-container-bottom [p-error-pattern]=\"getErrorPattern()\"></po-field-container-bottom>\n</po-field-container>\n" }]
+                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-help]=\"help\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\" [attr.name]=\"name\">\n    <div #inp class=\"po-radio-group\" role=\"radiogroup\" [attr.aria-label]=\"label\" [attr.data-options]=\"options.length\">\n      <div *ngFor=\"let option of options\" class=\"po-radio-group-item po-md-{{ mdColumns }} po-lg-{{ columns }}\">\n        <po-radio\n          #inputRadio\n          [name]=\"name\"\n          [p-checked]=\"value === option.value\"\n          [p-disabled]=\"option.disabled === true || disabled\"\n          [p-label]=\"option.label\"\n          [p-required]=\"required\"\n          [p-size]=\"size\"\n          [p-value]=\"option.value\"\n          (keyup)=\"onKeyUp($event, option.value)\"\n          (click)=\"eventClick(option.value, option.disabled === true || disabled)\"\n        >\n        </po-radio>\n      </div>\n    </div>\n  </div>\n  <po-field-container-bottom\n    [p-error-pattern]=\"getErrorPattern()\"\n    [p-error-limit]=\"errorLimit\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
     }], () => [{ type: i0.IterableDiffers }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], { label: [{
             type: Input,
             args: ['p-label']
@@ -16477,6 +16524,20 @@ class PoDatepickerBaseComponent {
      * Para exibir a mensagem com o campo vazio, utilize a propriedade `p-required-field-error-message` em conjunto.
      */
     errorPattern = '';
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
+     *
+     * > Caso essa propriedade seja definida como `true`, a mensagem de erro será limitada a duas linhas
+     * e um tooltip será exibido ao passar o mouse sobre a mensagem para mostrar o conteúdo completo.
+     *
+     * @default `false`
+     */
+    errorLimit = false;
+    errorAppendBox = false;
     /**
      * @optional
      *
@@ -16867,7 +16928,7 @@ class PoDatepickerBaseComponent {
         this.hour = 'T00:00:00' + timezone;
     }
     static ɵfac = function PoDatepickerBaseComponent_Factory(t) { return new (t || PoDatepickerBaseComponent)(i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoDatepickerBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], errorAsync: [0, "p-error-async", "errorAsync"], name: "name", optional: [0, "p-optional", "optional"], errorPattern: [0, "p-error-pattern", "errorPattern"], showErrorMessageRequired: [0, "p-required-field-error-message", "showErrorMessageRequired"], noAutocomplete: [0, "p-no-autocomplete", "noAutocomplete"], placeholder: [0, "p-placeholder", "placeholder"], setDisabled: [0, "p-disabled", "setDisabled"], setReadonly: [0, "p-readonly", "setReadonly"], setRequired: [0, "p-required", "setRequired"], showRequired: [0, "p-show-required", "showRequired"], setClean: [0, "p-clean", "setClean"], minDate: [0, "p-min-date", "minDate"], maxDate: [0, "p-max-date", "maxDate"], format: [0, "p-format", "format"], isoFormat: [0, "p-iso-format", "isoFormat"], locale: [0, "p-locale", "locale"], appendBox: [2, "p-append-in-body", "appendBox", convertToBoolean] }, outputs: { onblur: "p-blur", onchange: "p-change" }, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoDatepickerBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], errorAsync: [0, "p-error-async", "errorAsync"], name: "name", optional: [0, "p-optional", "optional"], errorPattern: [0, "p-error-pattern", "errorPattern"], errorLimit: [0, "p-error-limit", "errorLimit"], errorAppendBox: [2, "p-error-append-in-body", "errorAppendBox", convertToBoolean], showErrorMessageRequired: [0, "p-required-field-error-message", "showErrorMessageRequired"], noAutocomplete: [0, "p-no-autocomplete", "noAutocomplete"], placeholder: [0, "p-placeholder", "placeholder"], setDisabled: [0, "p-disabled", "setDisabled"], setReadonly: [0, "p-readonly", "setReadonly"], setRequired: [0, "p-required", "setRequired"], showRequired: [0, "p-show-required", "showRequired"], setClean: [0, "p-clean", "setClean"], minDate: [0, "p-min-date", "minDate"], maxDate: [0, "p-max-date", "maxDate"], format: [0, "p-format", "format"], isoFormat: [0, "p-iso-format", "isoFormat"], locale: [0, "p-locale", "locale"], appendBox: [2, "p-append-in-body", "appendBox", convertToBoolean] }, outputs: { onblur: "p-blur", onchange: "p-change" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoDatepickerBaseComponent, [{
         type: Directive
@@ -16886,6 +16947,12 @@ class PoDatepickerBaseComponent {
         }], errorPattern: [{
             type: Input,
             args: ['p-error-pattern']
+        }], errorLimit: [{
+            type: Input,
+            args: ['p-error-limit']
+        }], errorAppendBox: [{
+            type: Input,
+            args: [{ alias: 'p-error-append-in-body', transform: convertToBoolean }]
         }], showErrorMessageRequired: [{
             type: Input,
             args: ['p-required-field-error-message']
@@ -17411,7 +17478,7 @@ class PoDatepickerComponent extends PoDatepickerBaseComponent {
                     multi: true
                 },
                 PoControlPositionService
-            ]), i0.ɵɵInheritDefinitionFeature], decls: 20, vars: 23, consts: [["outerContainer", ""], ["trigger", "cdkOverlayOrigin"], ["inp", ""], ["iconDatepicker", ""], ["sharedCalendarContent", ""], ["dropdownDefault", ""], ["dropdownCDK", ""], ["dialogPicker", ""], ["calendar", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], ["cdkOverlayOrigin", "", 1, "po-field-container-content", "po-field-container-content-datepicker"], [1, "po-field-container-input"], ["type", "text", 1, "po-input", "po-datepicker", 3, "blur", "click", "autocomplete", "disabled", "id", "placeholder", "readonly", "required"], [1, "po-field-icon-container-right"], ["class", "po-icon-input", 3, "p-element-ref", "p-change-event", 4, "ngIf"], ["p-icon", "ICON_CALENDAR", "p-kind", "tertiary", 1, "po-datepicker-button", 3, "keydown", "p-click", "p-disabled"], [4, "ngIf", "ngIfThen", "ngIfElse"], [3, "p-help", "p-disabled", "p-error-pattern"], [1, "po-icon-input", 3, "p-change-event", "p-element-ref"], ["class", "po-datepicker-calendar-overlay", 4, "ngIf"], [3, "ngModelChange", "p-change", "ngModel", "p-max-date", "p-min-date", "p-locale"], [1, "po-datepicker-calendar-overlay"], [4, "ngTemplateOutlet"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen"]], template: function PoDatepickerComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], decls: 20, vars: 25, consts: [["outerContainer", ""], ["trigger", "cdkOverlayOrigin"], ["inp", ""], ["iconDatepicker", ""], ["sharedCalendarContent", ""], ["dropdownDefault", ""], ["dropdownCDK", ""], ["dialogPicker", ""], ["calendar", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], ["cdkOverlayOrigin", "", 1, "po-field-container-content", "po-field-container-content-datepicker"], [1, "po-field-container-input"], ["type", "text", 1, "po-input", "po-datepicker", 3, "blur", "click", "autocomplete", "disabled", "id", "placeholder", "readonly", "required"], [1, "po-field-icon-container-right"], ["class", "po-icon-input", 3, "p-element-ref", "p-change-event", 4, "ngIf"], ["p-icon", "ICON_CALENDAR", "p-kind", "tertiary", 1, "po-datepicker-button", 3, "keydown", "p-click", "p-disabled"], [4, "ngIf", "ngIfThen", "ngIfElse"], [3, "p-help", "p-disabled", "p-error-pattern", "p-error-limit", "p-append-in-body"], [1, "po-icon-input", 3, "p-change-event", "p-element-ref"], ["class", "po-datepicker-calendar-overlay", 4, "ngIf"], [3, "ngModelChange", "p-change", "ngModel", "p-max-date", "p-min-date", "p-locale"], [1, "po-datepicker-calendar-overlay"], [4, "ngTemplateOutlet"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen"]], template: function PoDatepickerComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "po-field-container", 9)(1, "div", null, 0)(3, "div", 10, 1)(5, "div", 11)(6, "input", 12, 2);
             i0.ɵɵlistener("blur", function PoDatepickerComponent_Template_input_blur_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.eventOnBlur($event)); })("click", function PoDatepickerComponent_Template_input_click_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.eventOnClick($event)); });
@@ -17442,7 +17509,7 @@ class PoDatepickerComponent extends PoDatepickerBaseComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.appendBox)("ngIfThen", dropdownCDK_r9)("ngIfElse", dropdownDefault_r8);
             i0.ɵɵadvance(7);
-            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern());
+            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern())("p-error-limit", ctx.errorLimit)("p-append-in-body", ctx.errorAppendBox);
         } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i2$1.NgControlStatus, i2$1.NgModel, PoFieldContainerBottomComponent, PoFieldContainerComponent, i7.CdkConnectedOverlay, i7.CdkOverlayOrigin, PoCleanComponent, PoCalendarComponent, PoButtonComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoDatepickerComponent, [{
@@ -17459,7 +17526,7 @@ class PoDatepickerComponent extends PoDatepickerBaseComponent {
                         multi: true
                     },
                     PoControlPositionService
-                ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div #outerContainer>\n    <div\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      class=\"po-field-container-content po-field-container-content-datepicker\"\n    >\n      <div class=\"po-field-container-input\">\n        <input\n          #inp\n          class=\"po-input po-datepicker\"\n          [class.po-input-icon-right]=\"clean && inp.value\"\n          type=\"text\"\n          [attr.name]=\"name\"\n          [autocomplete]=\"autocomplete\"\n          [disabled]=\"disabled\"\n          [id]=\"id\"\n          [placeholder]=\"disabled ? '' : placeholder\"\n          [readonly]=\"readonly\"\n          [required]=\"required\"\n          (blur)=\"eventOnBlur($event)\"\n          (click)=\"eventOnClick($event)\"\n        />\n        <div class=\"po-field-icon-container-right\">\n          <po-clean\n            class=\"po-icon-input\"\n            *ngIf=\"clean && !disabled && !readonly\"\n            [p-element-ref]=\"inputEl\"\n            (p-change-event)=\"clear()\"\n          >\n          </po-clean>\n        </div>\n      </div>\n      <po-button\n        #iconDatepicker\n        class=\"po-datepicker-button\"\n        p-icon=\"ICON_CALENDAR\"\n        p-kind=\"tertiary\"\n        [p-disabled]=\"disabled || readonly\"\n        (keydown)=\"onKeyPress($event)\"\n        (p-click)=\"togglePicker()\"\n      >\n      </po-button>\n    </div>\n\n    <ng-container *ngIf=\"appendBox; then dropdownCDK; else dropdownDefault\"> </ng-container>\n\n    <ng-template #sharedCalendarContent>\n      <div #dialogPicker [class.po-datepicker-popup-calendar]=\"!verifyMobile()\">\n        <div *ngIf=\"verifyMobile()\" class=\"po-datepicker-calendar-overlay\"></div>\n        <po-calendar\n          [class.po-datepicker-calendar-mobile]=\"verifyMobile()\"\n          #calendar\n          [(ngModel)]=\"date\"\n          [p-max-date]=\"maxDate\"\n          [p-min-date]=\"minDate\"\n          [p-locale]=\"locale\"\n          (p-change)=\"dateSelected()\"\n        ></po-calendar>\n      </div>\n    </ng-template>\n\n    <ng-template #dropdownDefault>\n      <ng-container *ngTemplateOutlet=\"sharedCalendarContent\"></ng-container>\n    </ng-template>\n\n    <ng-template #dropdownCDK>\n      <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"true\">\n        <ng-container *ngTemplateOutlet=\"sharedCalendarContent\"></ng-container>\n      </ng-template>\n    </ng-template>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
+                ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div #outerContainer>\n    <div\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      class=\"po-field-container-content po-field-container-content-datepicker\"\n    >\n      <div class=\"po-field-container-input\">\n        <input\n          #inp\n          class=\"po-input po-datepicker\"\n          [class.po-input-icon-right]=\"clean && inp.value\"\n          type=\"text\"\n          [attr.name]=\"name\"\n          [autocomplete]=\"autocomplete\"\n          [disabled]=\"disabled\"\n          [id]=\"id\"\n          [placeholder]=\"disabled ? '' : placeholder\"\n          [readonly]=\"readonly\"\n          [required]=\"required\"\n          (blur)=\"eventOnBlur($event)\"\n          (click)=\"eventOnClick($event)\"\n        />\n        <div class=\"po-field-icon-container-right\">\n          <po-clean\n            class=\"po-icon-input\"\n            *ngIf=\"clean && !disabled && !readonly\"\n            [p-element-ref]=\"inputEl\"\n            (p-change-event)=\"clear()\"\n          >\n          </po-clean>\n        </div>\n      </div>\n      <po-button\n        #iconDatepicker\n        class=\"po-datepicker-button\"\n        p-icon=\"ICON_CALENDAR\"\n        p-kind=\"tertiary\"\n        [p-disabled]=\"disabled || readonly\"\n        (keydown)=\"onKeyPress($event)\"\n        (p-click)=\"togglePicker()\"\n      >\n      </po-button>\n    </div>\n\n    <ng-container *ngIf=\"appendBox; then dropdownCDK; else dropdownDefault\"> </ng-container>\n\n    <ng-template #sharedCalendarContent>\n      <div #dialogPicker [class.po-datepicker-popup-calendar]=\"!verifyMobile()\">\n        <div *ngIf=\"verifyMobile()\" class=\"po-datepicker-calendar-overlay\"></div>\n        <po-calendar\n          [class.po-datepicker-calendar-mobile]=\"verifyMobile()\"\n          #calendar\n          [(ngModel)]=\"date\"\n          [p-max-date]=\"maxDate\"\n          [p-min-date]=\"minDate\"\n          [p-locale]=\"locale\"\n          (p-change)=\"dateSelected()\"\n        ></po-calendar>\n      </div>\n    </ng-template>\n\n    <ng-template #dropdownDefault>\n      <ng-container *ngTemplateOutlet=\"sharedCalendarContent\"></ng-container>\n    </ng-template>\n\n    <ng-template #dropdownCDK>\n      <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"true\">\n        <ng-container *ngTemplateOutlet=\"sharedCalendarContent\"></ng-container>\n      </ng-template>\n    </ng-template>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n    [p-error-limit]=\"errorLimit\"\n    [p-append-in-body]=\"errorAppendBox\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
     }], () => [{ type: PoLanguageService }, { type: i0.ChangeDetectorRef }, { type: PoControlPositionService }, { type: i0.Renderer2 }, { type: i0.ElementRef }], { calendar: [{
             type: ViewChild,
             args: ['calendar', { static: true }]
@@ -18086,6 +18153,25 @@ var PoProgressStatus;
     PoProgressStatus["Success"] = "success";
 })(PoProgressStatus || (PoProgressStatus = {}));
 
+const poProgressLiterals = {
+    en: {
+        cancel: 'Cancel',
+        retry: 'Retry'
+    },
+    es: {
+        cancel: 'Cancelar',
+        retry: 'Procesar de nuevo'
+    },
+    pt: {
+        cancel: 'Cancelar',
+        retry: 'Tentar Novamente'
+    },
+    ru: {
+        cancel: 'Отмена',
+        retry: 'Повторить попытку'
+    }
+};
+
 /**
  * @usedBy PoProgressComponent
  *
@@ -18178,6 +18264,85 @@ class PoProgressBaseComponent {
      * Texto principal que aparecerá abaixo da barra de progresso no lado esquerdo.
      */
     text;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Permite definir uma ação personalizada no componente `po-progress`, exibindo um botão no canto inferior direito
+     * da barra de progresso. A ação deve implementar a interface **PoProgressAction**, possibilitando configurar:
+     *
+     * - **`label`**: Texto exibido no botão (opcional).
+     * - **`icon`**: Ícone exibido no botão (opcional).
+     * - **`type`**: Tipo do botão (`default` ou `danger`) para indicar a intenção da ação (opcional).
+     * - **`disabled`**: Indica se o botão deve estar desabilitado (opcional).
+     * - **`visible`**: Determina se o botão será exibido. Pode ser um valor booleano ou uma função que retorna um booleano (opcional).
+     *
+     * @example
+     * **Exemplo de uso:**
+     * ```html
+     * <po-progress
+     *  [p-value]="50"
+     *  [p-custom-action]="customAction"
+     *  (p-custom-action-click)="onCustomActionClick()"
+     * ></po-progress>
+     * ```
+     *
+     * ```typescript
+     * customAction: PoProgressAction = {
+     *   label: 'Baixar',
+     *   icon: 'ph ph-download',
+     *   type: 'default',
+     *   visible: () => true
+     * };
+     *
+     * onCustomActionClick() {
+     *   console.log('Custom action triggered!');
+     * }
+     * ```
+     *
+     * **Cenários comuns:**
+     * 1. **Download de Arquivos**: Exibir um botão para realizar o download de um arquivo associado à barra de progresso.
+     * 2. **Cancelamento Personalizado**: Adicionar uma ação para interromper ou reverter uma operação em andamento.
+     */
+    customAction;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento emitido quando o botão definido em `p-custom-action` é clicado. Este evento retorna informações
+     * relacionadas à barra de progresso ou ao arquivo/processo associado, permitindo executar ações específicas.
+     *
+     * @example
+     * **Exemplo de uso:**
+     *
+     * ```html
+     * <po-progress
+     *  [p-value]="50"
+     *  [p-custom-action]="customAction"
+     *  (p-custom-action-click)="onCustomActionClick()"
+     * ></po-progress>
+     * ```
+     *
+     * ```typescript
+     * customAction: PoProgressAction = {
+     *   label: 'Cancelar',
+     *   icon: 'ph ph-x',
+     *   type: 'danger',
+     *   visible: true
+     * };
+     *
+     * onCustomActionClick() {
+     *   console.log('Custom action triggered!');
+     * }
+     * ```
+     *
+     * **Cenários comuns:**
+     * 1. **Botão de Download**: Disparar o download do arquivo associado à barra de progresso.
+     * 2. **Ação Condicional**: Realizar uma validação ou chamada de API antes de prosseguir com a ação.
+     */
+    customActionClick = new EventEmitter();
     /**
      * @optional
      *
@@ -18276,7 +18441,7 @@ class PoProgressBaseComponent {
         return value >= poProgressMinValue && value <= poProgressMaxValue;
     }
     static ɵfac = function PoProgressBaseComponent_Factory(t) { return new (t || PoProgressBaseComponent)(); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoProgressBaseComponent, inputs: { disabledCancel: [2, "p-disabled-cancel", "disabledCancel", convertToBoolean], info: [0, "p-info", "info"], infoIcon: [0, "p-info-icon", "infoIcon"], status: [0, "p-status", "status"], text: [0, "p-text", "text"], indeterminate: [0, "p-indeterminate", "indeterminate"], value: [0, "p-value", "value"], size: [0, "p-size", "size"], showPercentage: [2, "p-show-percentage", "showPercentage", convertToBoolean] }, outputs: { cancel: "p-cancel", retry: "p-retry" }, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoProgressBaseComponent, inputs: { disabledCancel: [2, "p-disabled-cancel", "disabledCancel", convertToBoolean], info: [0, "p-info", "info"], infoIcon: [0, "p-info-icon", "infoIcon"], status: [0, "p-status", "status"], text: [0, "p-text", "text"], customAction: [0, "p-custom-action", "customAction"], indeterminate: [0, "p-indeterminate", "indeterminate"], value: [0, "p-value", "value"], size: [0, "p-size", "size"], showPercentage: [2, "p-show-percentage", "showPercentage", convertToBoolean] }, outputs: { customActionClick: "p-custom-action-click", cancel: "p-cancel", retry: "p-retry" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoProgressBaseComponent, [{
         type: Directive
@@ -18295,6 +18460,12 @@ class PoProgressBaseComponent {
         }], text: [{
             type: Input,
             args: ['p-text']
+        }], customAction: [{
+            type: Input,
+            args: ['p-custom-action']
+        }], customActionClick: [{
+            type: Output,
+            args: ['p-custom-action-click']
         }], cancel: [{
             type: Output,
             args: ['p-cancel']
@@ -18315,28 +18486,9 @@ class PoProgressBaseComponent {
             args: [{ alias: 'p-show-percentage', transform: convertToBoolean }]
         }] }); })();
 
-const poProgressLiterals = {
-    en: {
-        cancel: 'Cancel',
-        retry: 'Retry'
-    },
-    es: {
-        cancel: 'Cancelar',
-        retry: 'Procesar de nuevo'
-    },
-    pt: {
-        cancel: 'Cancelar',
-        retry: 'Tentar Novamente'
-    },
-    ru: {
-        cancel: 'Отмена',
-        retry: 'Повторить попытку'
-    }
-};
-
 function PoProgressComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵelement(1, "po-label", 13);
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelement(1, "po-label", 14);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -18344,17 +18496,17 @@ function PoProgressComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("p-label", ctx_r0.text);
 } }
 function PoProgressComponent_po_icon_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "po-icon", 14);
+    i0.ɵɵelement(0, "po-icon", 15);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("po-progress-info-icon-error", ctx_r0.status === "error");
     i0.ɵɵproperty("p-icon", ctx_r0.infoIcon);
 } }
 function PoProgressComponent_po_icon_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "po-icon", 15);
+    i0.ɵɵelement(0, "po-icon", 16);
 } }
 function PoProgressComponent_span_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 16);
+    i0.ɵɵelementStart(0, "span", 17);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -18374,7 +18526,7 @@ function PoProgressComponent_span_9_Template(rf, ctx) { if (rf & 1) {
 } }
 function PoProgressComponent_po_button_10_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "po-button", 17);
+    i0.ɵɵelementStart(0, "po-button", 18);
     i0.ɵɵlistener("p-click", function PoProgressComponent_po_button_10_Template_po_button_p_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.emitRetry()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -18383,8 +18535,17 @@ function PoProgressComponent_po_button_10_Template(rf, ctx) { if (rf & 1) {
 } }
 function PoProgressComponent_po_button_11_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "po-button", 18);
-    i0.ɵɵlistener("p-click", function PoProgressComponent_po_button_11_Template_po_button_p_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.emitCancellation()); });
+    i0.ɵɵelementStart(0, "po-button", 19);
+    i0.ɵɵlistener("p-click", function PoProgressComponent_po_button_11_Template_po_button_p_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.callAction()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("p-danger", ctx_r0.customAction.type === "danger")("p-disabled", ctx_r0.actionIsDisabled(ctx_r0.customAction))("p-label", ctx_r0.customAction.label || "")("p-icon", ctx_r0.customAction.icon);
+} }
+function PoProgressComponent_po_button_12_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "po-button", 20);
+    i0.ɵɵlistener("p-click", function PoProgressComponent_po_button_12_Template_po_button_p_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.emitCancellation()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -18431,6 +18592,7 @@ class PoProgressComponent extends PoProgressBaseComponent {
         return 'po-progress-default';
     }
     poLanguageService = inject(PoLanguageService);
+    router = inject(Router);
     ngOnInit() {
         this.language = this.poLanguageService.getShortLanguage();
         this.literals = {
@@ -18443,8 +18605,23 @@ class PoProgressComponent extends PoProgressBaseComponent {
     emitRetry() {
         this.retry.emit();
     }
+    actionIsDisabled(action) {
+        return isTypeof(action.disabled, 'function') ? action.disabled(action) : action.disabled;
+    }
+    callAction() {
+        this.customActionClick.emit();
+    }
+    isActionVisible(action) {
+        if (action && (action.label || action.icon)) {
+            return action.visible !== undefined
+                ? isTypeof(action.visible, 'function')
+                    ? action.visible()
+                    : !!action.visible
+                : true;
+        }
+    }
     static ɵfac = /*@__PURE__*/ (() => { let ɵPoProgressComponent_BaseFactory; return function PoProgressComponent_Factory(t) { return (ɵPoProgressComponent_BaseFactory || (ɵPoProgressComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PoProgressComponent)))(t || PoProgressComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoProgressComponent, selectors: [["po-progress"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 13, consts: [[1, "po-progress", 3, "ngClass"], ["class", "po-progress-description", 4, "ngIf"], [3, "p-indeterminate", "p-value"], [1, "po-progress-info"], [1, "po-progress-info-left"], [3, "p-icon", "po-progress-info-icon-error", 4, "ngIf"], ["p-icon", "ICON_EXCLAMATION", "class", "po-progress-info-icon-error", 4, "ngIf"], ["class", "po-progress-info-text", 3, "po-progress-info-text-error", 4, "ngIf"], [1, "po-progress-info-right"], [4, "ngIf"], ["p-icon", "ICON_REFRESH", "p-kind", "tertiary", 3, "p-aria-label", "p-click", 4, "ngIf"], ["p-icon", "ICON_CLOSE", "p-kind", "secondary", 3, "p-disabled", "p-aria-label", "p-danger", "p-click", 4, "ngIf"], [1, "po-progress-description"], [3, "p-label"], [3, "p-icon"], ["p-icon", "ICON_EXCLAMATION", 1, "po-progress-info-icon-error"], [1, "po-progress-info-text"], ["p-icon", "ICON_REFRESH", "p-kind", "tertiary", 3, "p-click", "p-aria-label"], ["p-icon", "ICON_CLOSE", "p-kind", "secondary", 3, "p-click", "p-disabled", "p-aria-label", "p-danger"]], template: function PoProgressComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoProgressComponent, selectors: [["po-progress"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 13, vars: 14, consts: [[1, "po-progress", 3, "ngClass"], ["class", "po-progress-description", 4, "ngIf"], [3, "p-indeterminate", "p-value"], [1, "po-progress-info"], [1, "po-progress-info-left"], [3, "p-icon", "po-progress-info-icon-error", 4, "ngIf"], ["p-icon", "ICON_EXCLAMATION", "class", "po-progress-info-icon-error", 4, "ngIf"], ["class", "po-progress-info-text", 3, "po-progress-info-text-error", 4, "ngIf"], [1, "po-progress-info-right"], [4, "ngIf"], ["p-icon", "ICON_REFRESH", "p-kind", "tertiary", 3, "p-aria-label", "p-click", 4, "ngIf"], ["class", "po-progress-custom-button", 3, "p-danger", "p-disabled", "p-label", "p-icon", "p-click", 4, "ngIf"], ["p-icon", "ICON_CLOSE", "p-kind", "secondary", 3, "p-disabled", "p-aria-label", "p-danger", "p-click", 4, "ngIf"], [1, "po-progress-description"], [3, "p-label"], [3, "p-icon"], ["p-icon", "ICON_EXCLAMATION", 1, "po-progress-info-icon-error"], [1, "po-progress-info-text"], ["p-icon", "ICON_REFRESH", "p-kind", "tertiary", 3, "p-click", "p-aria-label"], [1, "po-progress-custom-button", 3, "p-click", "p-danger", "p-disabled", "p-label", "p-icon"], ["p-icon", "ICON_CLOSE", "p-kind", "secondary", 3, "p-click", "p-disabled", "p-aria-label", "p-danger"]], template: function PoProgressComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, PoProgressComponent_div_1_Template, 2, 1, "div", 1);
             i0.ɵɵelement(2, "po-progress-bar", 2);
@@ -18452,7 +18629,7 @@ class PoProgressComponent extends PoProgressBaseComponent {
             i0.ɵɵtemplate(5, PoProgressComponent_po_icon_5_Template, 1, 3, "po-icon", 5)(6, PoProgressComponent_po_icon_6_Template, 1, 0, "po-icon", 6)(7, PoProgressComponent_span_7_Template, 2, 3, "span", 7);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(8, "div", 8);
-            i0.ɵɵtemplate(9, PoProgressComponent_span_9_Template, 2, 1, "span", 9)(10, PoProgressComponent_po_button_10_Template, 1, 1, "po-button", 10)(11, PoProgressComponent_po_button_11_Template, 1, 3, "po-button", 11);
+            i0.ɵɵtemplate(9, PoProgressComponent_span_9_Template, 2, 1, "span", 9)(10, PoProgressComponent_po_button_10_Template, 1, 1, "po-button", 10)(11, PoProgressComponent_po_button_11_Template, 1, 4, "po-button", 11)(12, PoProgressComponent_po_button_12_Template, 1, 3, "po-button", 12);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.statusClass);
@@ -18472,14 +18649,16 @@ class PoProgressComponent extends PoProgressBaseComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.isAllowRetry);
             i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.isActionVisible(ctx.customAction));
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.isAllowCancel);
         } }, dependencies: [i1.NgClass, i1.NgIf, PoButtonComponent, PoIconComponent, PoLabelComponent, PoProgressBarComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoProgressComponent, [{
         type: Component,
-        args: [{ selector: 'po-progress', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"po-progress\" [ngClass]=\"statusClass\">\n  <div *ngIf=\"text\" class=\"po-progress-description\">\n    <po-label [p-label]=\"text\"></po-label>\n  </div>\n\n  <po-progress-bar\n    class=\"po-progress-bar po-progress-bar-{{ size }}\"\n    [p-indeterminate]=\"indeterminate\"\n    [p-value]=\"value\"\n  >\n  </po-progress-bar>\n\n  <div class=\"po-progress-info\">\n    <div class=\"po-progress-info-left\">\n      <po-icon *ngIf=\"infoIcon\" [p-icon]=\"infoIcon\" [class.po-progress-info-icon-error]=\"status === 'error'\"></po-icon>\n      <po-icon *ngIf=\"isAllowInfoError\" p-icon=\"ICON_EXCLAMATION\" class=\"po-progress-info-icon-error\"></po-icon>\n      <span *ngIf=\"info\" class=\"po-progress-info-text\" [class.po-progress-info-text-error]=\"status === 'error'\">{{\n        info\n      }}</span>\n    </div>\n    <div class=\"po-progress-info-right\">\n      <span *ngIf=\"showPercentage && !indeterminate\">{{ value }}%</span>\n      <po-button\n        *ngIf=\"isAllowRetry\"\n        p-icon=\"ICON_REFRESH\"\n        (p-click)=\"emitRetry()\"\n        [p-aria-label]=\"literals.retry\"\n        p-kind=\"tertiary\"\n      ></po-button>\n\n      <po-button\n        *ngIf=\"isAllowCancel\"\n        p-icon=\"ICON_CLOSE\"\n        (p-click)=\"emitCancellation()\"\n        p-kind=\"secondary\"\n        [p-disabled]=\"disabledCancel\"\n        [p-aria-label]=\"literals.cancel\"\n        [p-danger]=\"true\"\n      ></po-button>\n    </div>\n  </div>\n</div>\n" }]
+        args: [{ selector: 'po-progress', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"po-progress\" [ngClass]=\"statusClass\">\n  <div *ngIf=\"text\" class=\"po-progress-description\">\n    <po-label [p-label]=\"text\"></po-label>\n  </div>\n\n  <po-progress-bar\n    class=\"po-progress-bar po-progress-bar-{{ size }}\"\n    [p-indeterminate]=\"indeterminate\"\n    [p-value]=\"value\"\n  >\n  </po-progress-bar>\n\n  <div class=\"po-progress-info\">\n    <div class=\"po-progress-info-left\">\n      <po-icon *ngIf=\"infoIcon\" [p-icon]=\"infoIcon\" [class.po-progress-info-icon-error]=\"status === 'error'\"></po-icon>\n      <po-icon *ngIf=\"isAllowInfoError\" p-icon=\"ICON_EXCLAMATION\" class=\"po-progress-info-icon-error\"></po-icon>\n      <span *ngIf=\"info\" class=\"po-progress-info-text\" [class.po-progress-info-text-error]=\"status === 'error'\">{{\n        info\n      }}</span>\n    </div>\n    <div class=\"po-progress-info-right\">\n      <span *ngIf=\"showPercentage && !indeterminate\">{{ value }}%</span>\n\n      <po-button\n        *ngIf=\"isAllowRetry\"\n        p-icon=\"ICON_REFRESH\"\n        (p-click)=\"emitRetry()\"\n        [p-aria-label]=\"literals.retry\"\n        p-kind=\"tertiary\"\n      ></po-button>\n\n      <po-button\n        *ngIf=\"isActionVisible(customAction)\"\n        class=\"po-progress-custom-button\"\n        [p-danger]=\"customAction.type === 'danger'\"\n        [p-disabled]=\"actionIsDisabled(customAction)\"\n        [p-label]=\"customAction.label || ''\"\n        [p-icon]=\"customAction.icon\"\n        (p-click)=\"callAction()\"\n      >\n      </po-button>\n\n      <po-button\n        *ngIf=\"isAllowCancel\"\n        p-icon=\"ICON_CLOSE\"\n        (p-click)=\"emitCancellation()\"\n        p-kind=\"secondary\"\n        [p-disabled]=\"disabledCancel\"\n        [p-aria-label]=\"literals.cancel\"\n        [p-danger]=\"true\"\n      ></po-button>\n    </div>\n  </div>\n</div>\n" }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoProgressComponent, { className: "PoProgressComponent", filePath: "lib/components/po-progress/po-progress.component.ts", lineNumber: 32 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoProgressComponent, { className: "PoProgressComponent", filePath: "lib/components/po-progress/po-progress.component.ts", lineNumber: 34 }); })();
 
 /**
  * @description
@@ -28274,6 +28453,20 @@ class PoComboBaseComponent {
      *
      */
     fieldErrorMessage;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
+     *
+     * > Caso essa propriedade seja definida como `true`, a mensagem de erro será limitada a duas linhas
+     * e um tooltip será exibido ao passar o mouse sobre a mensagem para mostrar o conteúdo completo.
+     *
+     * @default `false`
+     */
+    errorLimit = false;
+    errorAppendBox = false;
     /**
      * @optional
      *
@@ -29023,7 +29216,7 @@ class PoComboBaseComponent {
         }
     }
     static ɵfac = function PoComboBaseComponent_Factory(t) { return new (t || PoComboBaseComponent)(i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoComboBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], label: [0, "p-label", "label"], help: [0, "p-help", "help"], name: "name", filterService: [0, "p-filter-service", "filterService"], infiniteScroll: [0, "p-infinite-scroll", "infiniteScroll"], infiniteScrollDistance: [0, "p-infinite-scroll-distance", "infiniteScrollDistance"], icon: [0, "p-icon", "icon"], optional: [0, "p-optional", "optional"], clean: [2, "p-clean", "clean", convertToBoolean], emitObjectValue: [2, "p-emit-object-value", "emitObjectValue", convertToBoolean], disabledTabFilter: [2, "p-disabled-tab-filter", "disabledTabFilter", convertToBoolean], removeInitialFilter: [0, "p-remove-initial-filter", "removeInitialFilter"], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], placeholder: [0, "p-placeholder", "placeholder"], debounceTime: [0, "p-debounce-time", "debounceTime"], disabledInitFilter: [0, "p-disabled-init-filter", "disabledInitFilter"], fieldValue: [0, "p-field-value", "fieldValue"], fieldLabel: [0, "p-field-label", "fieldLabel"], filterMinlength: [0, "p-filter-minlength", "filterMinlength"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], changeOnEnter: [0, "p-change-on-enter", "changeOnEnter"], disabled: [0, "p-disabled", "disabled"], sort: [0, "p-sort", "sort"], options: [0, "p-options", "options"], filterMode: [0, "p-filter-mode", "filterMode"], filterParams: [0, "p-filter-params", "filterParams"], literals: [0, "p-literals", "literals"], cache: [2, "p-cache", "cache", convertToBoolean], appendBox: [2, "p-append-in-body", "appendBox", convertToBoolean] }, outputs: { change: "p-change", ngModelChange: "ngModelChange", inputChange: "p-input-change" }, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoComboBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], label: [0, "p-label", "label"], help: [0, "p-help", "help"], name: "name", filterService: [0, "p-filter-service", "filterService"], infiniteScroll: [0, "p-infinite-scroll", "infiniteScroll"], infiniteScrollDistance: [0, "p-infinite-scroll-distance", "infiniteScrollDistance"], icon: [0, "p-icon", "icon"], optional: [0, "p-optional", "optional"], clean: [2, "p-clean", "clean", convertToBoolean], emitObjectValue: [2, "p-emit-object-value", "emitObjectValue", convertToBoolean], disabledTabFilter: [2, "p-disabled-tab-filter", "disabledTabFilter", convertToBoolean], removeInitialFilter: [0, "p-remove-initial-filter", "removeInitialFilter"], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], errorLimit: [0, "p-error-limit", "errorLimit"], errorAppendBox: [2, "p-error-append-in-body", "errorAppendBox", convertToBoolean], placeholder: [0, "p-placeholder", "placeholder"], debounceTime: [0, "p-debounce-time", "debounceTime"], disabledInitFilter: [0, "p-disabled-init-filter", "disabledInitFilter"], fieldValue: [0, "p-field-value", "fieldValue"], fieldLabel: [0, "p-field-label", "fieldLabel"], filterMinlength: [0, "p-filter-minlength", "filterMinlength"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], changeOnEnter: [0, "p-change-on-enter", "changeOnEnter"], disabled: [0, "p-disabled", "disabled"], sort: [0, "p-sort", "sort"], options: [0, "p-options", "options"], filterMode: [0, "p-filter-mode", "filterMode"], filterParams: [0, "p-filter-params", "filterParams"], literals: [0, "p-literals", "literals"], cache: [2, "p-cache", "cache", convertToBoolean], appendBox: [2, "p-append-in-body", "appendBox", convertToBoolean] }, outputs: { change: "p-change", ngModelChange: "ngModelChange", inputChange: "p-input-change" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoComboBaseComponent, [{
         type: Directive
@@ -29069,6 +29262,12 @@ class PoComboBaseComponent {
         }], fieldErrorMessage: [{
             type: Input,
             args: ['p-field-error-message']
+        }], errorLimit: [{
+            type: Input,
+            args: ['p-error-limit']
+        }], errorAppendBox: [{
+            type: Input,
+            args: [{ alias: 'p-error-append-in-body', transform: convertToBoolean }]
         }], change: [{
             type: Output,
             args: ['p-change']
@@ -29852,7 +30051,7 @@ class PoComboComponent extends PoComboBaseComponent {
                     useExisting: forwardRef(() => PoComboComponent),
                     multi: true
                 }
-            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 23, vars: 31, consts: [["outerContainer", ""], ["searchContainer", "", "trigger", "cdkOverlayOrigin"], ["inp", ""], ["iconArrow", ""], ["dropdownDefault", ""], ["dropdownCDK", ""], ["dropdownListbox", ""], ["containerElement", ""], ["poListbox", "", "contentElement", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], ["cdkOverlayOrigin", "", 1, "po-field-container-content", "po-combo-container-content"], [1, "po-combo-container-wrapper"], ["class", "po-field-icon-container-left", 4, "ngIf"], ["autocomplete", "off", "type", "text", 1, "po-combo-input", 3, "click", "keyup", "blur", "keydown", "ngClass", "disabled", "id", "placeholder", "required"], [1, "po-field-icon-container-right"], ["tabindex", "0", "role", "button", "class", "po-combo-clean po-icon-input", 3, "p-element-ref", "p-change-event", "click", "keydown.enter", 4, "ngIf"], [1, "po-combo-arrow", "po-field-icon", 3, "click"], [3, "p-icon"], [4, "ngIf", "ngIfThen", "ngIfElse"], [3, "p-help", "p-disabled", "p-error-pattern"], [1, "po-field-icon-container-left"], [1, "po-field-icon", "po-icon-input", 3, "p-icon"], ["tabindex", "0", "role", "button", 1, "po-combo-clean", "po-icon-input", 3, "p-change-event", "click", "keydown.enter", "p-element-ref"], [4, "ngTemplateOutlet"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen"], [1, "po-combo-container", 3, "hidden"], ["p-type", "option", 3, "p-selectcombo-item", "p-update-infinite-scroll", "p-close", "p-items", "p-field-value", "p-field-label", "p-template", "p-search-value", "p-infinite-loading", "p-infinite-scroll", "p-filtering", "p-cache", "p-filter-mode", "p-visible", "p-is-searching", "p-should-mark-letter", "p-compare-cache", "p-combo-service", "p-infinite-scroll-distance", "p-container-width"]], template: function PoComboComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 23, vars: 33, consts: [["outerContainer", ""], ["searchContainer", "", "trigger", "cdkOverlayOrigin"], ["inp", ""], ["iconArrow", ""], ["dropdownDefault", ""], ["dropdownCDK", ""], ["dropdownListbox", ""], ["containerElement", ""], ["poListbox", "", "contentElement", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], ["cdkOverlayOrigin", "", 1, "po-field-container-content", "po-combo-container-content"], [1, "po-combo-container-wrapper"], ["class", "po-field-icon-container-left", 4, "ngIf"], ["autocomplete", "off", "type", "text", 1, "po-combo-input", 3, "click", "keyup", "blur", "keydown", "ngClass", "disabled", "id", "placeholder", "required"], [1, "po-field-icon-container-right"], ["tabindex", "0", "role", "button", "class", "po-combo-clean po-icon-input", 3, "p-element-ref", "p-change-event", "click", "keydown.enter", 4, "ngIf"], [1, "po-combo-arrow", "po-field-icon", 3, "click"], [3, "p-icon"], [4, "ngIf", "ngIfThen", "ngIfElse"], [3, "p-help", "p-disabled", "p-error-pattern", "p-error-limit", "p-append-in-body"], [1, "po-field-icon-container-left"], [1, "po-field-icon", "po-icon-input", 3, "p-icon"], ["tabindex", "0", "role", "button", 1, "po-combo-clean", "po-icon-input", 3, "p-change-event", "click", "keydown.enter", "p-element-ref"], [4, "ngTemplateOutlet"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen"], [1, "po-combo-container", 3, "hidden"], ["p-type", "option", 3, "p-selectcombo-item", "p-update-infinite-scroll", "p-close", "p-items", "p-field-value", "p-field-label", "p-template", "p-search-value", "p-infinite-loading", "p-infinite-scroll", "p-filtering", "p-cache", "p-filter-mode", "p-visible", "p-is-searching", "p-should-mark-letter", "p-compare-cache", "p-combo-service", "p-infinite-scroll-distance", "p-container-width"]], template: function PoComboComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", null, 0)(2, "po-field-container", 9)(3, "div", 10, 1)(6, "div", 11);
             i0.ɵɵtemplate(7, PoComboComponent_div_7_Template, 2, 3, "div", 12);
@@ -29892,7 +30091,7 @@ class PoComboComponent extends PoComboBaseComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.appendBox)("ngIfThen", dropdownCDK_r9)("ngIfElse", dropdownDefault_r8);
             i0.ɵɵadvance(5);
-            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern());
+            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern())("p-error-limit", ctx.errorLimit)("p-append-in-body", ctx.errorAppendBox);
         } }, dependencies: [i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i7.CdkConnectedOverlay, i7.CdkOverlayOrigin, PoCleanComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoIconComponent, PoListBoxComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoComboComponent, [{
@@ -29910,7 +30109,7 @@ class PoComboComponent extends PoComboBaseComponent {
                         useExisting: forwardRef(() => PoComboComponent),
                         multi: true
                     }
-                ], template: "<div #outerContainer>\n  <po-field-container\n    [p-disabled]=\"disabled\"\n    [p-id]=\"id\"\n    [p-label]=\"label\"\n    [p-optional]=\"optional\"\n    [p-required]=\"required\"\n    [p-show-required]=\"showRequired\"\n  >\n    <div\n      #searchContainer\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      class=\"po-field-container-content po-combo-container-content\"\n    >\n      <div class=\"po-combo-container-wrapper\">\n        <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n          <po-icon\n            class=\"po-field-icon po-icon-input\"\n            [class.po-field-icon-disabled]=\"disabled\"\n            [p-icon]=\"icon\"\n          ></po-icon>\n        </div>\n\n        <input\n          #inp\n          class=\"po-combo-input\"\n          [ngClass]=\"clean && inp.value ? 'po-input-double-icon-right' : 'po-input-icon-right'\"\n          [class.po-input-icon-left]=\"icon\"\n          autocomplete=\"off\"\n          type=\"text\"\n          [attr.name]=\"name\"\n          [disabled]=\"disabled\"\n          [id]=\"id\"\n          [placeholder]=\"disabled ? '' : placeholder\"\n          [required]=\"required\"\n          (click)=\"toggleComboVisibility()\"\n          (keyup)=\"onKeyUp($event)\"\n          (blur)=\"onBlur()\"\n          (keyup)=\"searchOnEnterOrArrow($event, $event.target.value)\"\n          (keydown)=\"onKeyDown($event)\"\n        />\n\n        <div class=\"po-field-icon-container-right\">\n          <po-clean\n            tabindex=\"0\"\n            role=\"button\"\n            [attr.aria-label]=\"literals.clean\"\n            class=\"po-combo-clean po-icon-input\"\n            *ngIf=\"clean && !disabled && inp.value\"\n            [p-element-ref]=\"inputEl\"\n            (p-change-event)=\"clear($event)\"\n            (click)=\"clear(null); $event.preventDefault()\"\n            (keydown.enter)=\"clearAndFocus(); $event.preventDefault()\"\n          >\n          </po-clean>\n\n          <div\n            #iconArrow\n            class=\"po-combo-arrow po-field-icon\"\n            [class.po-field-icon-disabled]=\"disabled\"\n            (click)=\"toggleComboVisibility(true)\"\n          >\n            <po-icon\n              [p-icon]=\"comboOpen ? 'ICON_ARROW_UP po-icon-input' : 'ICON_ARROW_DOWN po-icon-input'\"\n              [class.po-field-icon]=\"!disabled\"\n              [class.po-combo-default-border]=\"!disabled && inp.value\"\n              [class.po-combo-background-arrow-up]=\"!disabled && comboOpen\"\n            ></po-icon>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <ng-container *ngIf=\"appendBox; then dropdownCDK; else dropdownDefault\"> </ng-container>\n\n    <ng-template #dropdownDefault>\n      <ng-container *ngTemplateOutlet=\"dropdownListbox\"> </ng-container>\n    </ng-template>\n\n    <ng-template #dropdownCDK>\n      <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"true\">\n        <ng-container *ngTemplateOutlet=\"dropdownListbox\"></ng-container>\n      </ng-template>\n    </ng-template>\n\n    <po-field-container-bottom\n      [p-help]=\"help\"\n      [p-disabled]=\"disabled\"\n      [p-error-pattern]=\"getErrorPattern()\"\n    ></po-field-container-bottom>\n  </po-field-container>\n\n  <ng-template #dropdownListbox>\n    <div #containerElement class=\"po-combo-container\" [hidden]=\"!comboOpen && !isServerSearching\">\n      <po-listbox\n        #poListbox\n        #contentElement\n        p-type=\"option\"\n        [p-items]=\"visibleOptions\"\n        [p-field-value]=\"dynamicValue\"\n        [p-field-label]=\"dynamicLabel\"\n        [p-template]=\"comboOptionTemplate\"\n        [p-search-value]=\"getInputValue()\"\n        [p-infinite-loading]=\"infiniteLoading\"\n        [p-infinite-scroll]=\"infiniteScroll\"\n        [p-filtering]=\"isFiltering\"\n        [p-cache]=\"cache\"\n        (p-selectcombo-item)=\"onOptionClick($event, $event.event)\"\n        [p-filter-mode]=\"filterMode\"\n        [p-visible]=\"comboOpen\"\n        [p-is-searching]=\"isServerSearching\"\n        [p-should-mark-letter]=\"shouldMarkLetters\"\n        [p-compare-cache]=\"compareObjects(cacheOptions, visibleOptions)\"\n        [p-combo-service]=\"service\"\n        [p-infinite-scroll-distance]=\"infiniteScrollDistance\"\n        (p-update-infinite-scroll)=\"showMoreInfiniteScroll()\"\n        (p-close)=\"onCloseCombo()\"\n        [p-container-width]=\"containerWidth\"\n      ></po-listbox>\n    </div>\n  </ng-template>\n</div>\n" }]
+                ], template: "<div #outerContainer>\n  <po-field-container\n    [p-disabled]=\"disabled\"\n    [p-id]=\"id\"\n    [p-label]=\"label\"\n    [p-optional]=\"optional\"\n    [p-required]=\"required\"\n    [p-show-required]=\"showRequired\"\n  >\n    <div\n      #searchContainer\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      class=\"po-field-container-content po-combo-container-content\"\n    >\n      <div class=\"po-combo-container-wrapper\">\n        <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n          <po-icon\n            class=\"po-field-icon po-icon-input\"\n            [class.po-field-icon-disabled]=\"disabled\"\n            [p-icon]=\"icon\"\n          ></po-icon>\n        </div>\n\n        <input\n          #inp\n          class=\"po-combo-input\"\n          [ngClass]=\"clean && inp.value ? 'po-input-double-icon-right' : 'po-input-icon-right'\"\n          [class.po-input-icon-left]=\"icon\"\n          autocomplete=\"off\"\n          type=\"text\"\n          [attr.name]=\"name\"\n          [disabled]=\"disabled\"\n          [id]=\"id\"\n          [placeholder]=\"disabled ? '' : placeholder\"\n          [required]=\"required\"\n          (click)=\"toggleComboVisibility()\"\n          (keyup)=\"onKeyUp($event)\"\n          (blur)=\"onBlur()\"\n          (keyup)=\"searchOnEnterOrArrow($event, $event.target.value)\"\n          (keydown)=\"onKeyDown($event)\"\n        />\n\n        <div class=\"po-field-icon-container-right\">\n          <po-clean\n            tabindex=\"0\"\n            role=\"button\"\n            [attr.aria-label]=\"literals.clean\"\n            class=\"po-combo-clean po-icon-input\"\n            *ngIf=\"clean && !disabled && inp.value\"\n            [p-element-ref]=\"inputEl\"\n            (p-change-event)=\"clear($event)\"\n            (click)=\"clear(null); $event.preventDefault()\"\n            (keydown.enter)=\"clearAndFocus(); $event.preventDefault()\"\n          >\n          </po-clean>\n\n          <div\n            #iconArrow\n            class=\"po-combo-arrow po-field-icon\"\n            [class.po-field-icon-disabled]=\"disabled\"\n            (click)=\"toggleComboVisibility(true)\"\n          >\n            <po-icon\n              [p-icon]=\"comboOpen ? 'ICON_ARROW_UP po-icon-input' : 'ICON_ARROW_DOWN po-icon-input'\"\n              [class.po-field-icon]=\"!disabled\"\n              [class.po-combo-default-border]=\"!disabled && inp.value\"\n              [class.po-combo-background-arrow-up]=\"!disabled && comboOpen\"\n            ></po-icon>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <ng-container *ngIf=\"appendBox; then dropdownCDK; else dropdownDefault\"> </ng-container>\n\n    <ng-template #dropdownDefault>\n      <ng-container *ngTemplateOutlet=\"dropdownListbox\"> </ng-container>\n    </ng-template>\n\n    <ng-template #dropdownCDK>\n      <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"true\">\n        <ng-container *ngTemplateOutlet=\"dropdownListbox\"></ng-container>\n      </ng-template>\n    </ng-template>\n\n    <po-field-container-bottom\n      [p-help]=\"help\"\n      [p-disabled]=\"disabled\"\n      [p-error-pattern]=\"getErrorPattern()\"\n      [p-error-limit]=\"errorLimit\"\n      [p-append-in-body]=\"errorAppendBox\"\n    ></po-field-container-bottom>\n  </po-field-container>\n\n  <ng-template #dropdownListbox>\n    <div #containerElement class=\"po-combo-container\" [hidden]=\"!comboOpen && !isServerSearching\">\n      <po-listbox\n        #poListbox\n        #contentElement\n        p-type=\"option\"\n        [p-items]=\"visibleOptions\"\n        [p-field-value]=\"dynamicValue\"\n        [p-field-label]=\"dynamicLabel\"\n        [p-template]=\"comboOptionTemplate\"\n        [p-search-value]=\"getInputValue()\"\n        [p-infinite-loading]=\"infiniteLoading\"\n        [p-infinite-scroll]=\"infiniteScroll\"\n        [p-filtering]=\"isFiltering\"\n        [p-cache]=\"cache\"\n        (p-selectcombo-item)=\"onOptionClick($event, $event.event)\"\n        [p-filter-mode]=\"filterMode\"\n        [p-visible]=\"comboOpen\"\n        [p-is-searching]=\"isServerSearching\"\n        [p-should-mark-letter]=\"shouldMarkLetters\"\n        [p-compare-cache]=\"compareObjects(cacheOptions, visibleOptions)\"\n        [p-combo-service]=\"service\"\n        [p-infinite-scroll-distance]=\"infiniteScrollDistance\"\n        (p-update-infinite-scroll)=\"showMoreInfiniteScroll()\"\n        (p-close)=\"onCloseCombo()\"\n        [p-container-width]=\"containerWidth\"\n      ></po-listbox>\n    </div>\n  </ng-template>\n</div>\n" }]
     }], () => [{ type: i0.ElementRef }, { type: i0.IterableDiffers }, { type: PoComboFilterService }, { type: i0.Renderer2 }, { type: PoControlPositionService }, { type: i0.ChangeDetectorRef }, { type: PoLanguageService }], { comboOptionTemplate: [{
             type: ContentChild,
             args: [PoComboOptionTemplateDirective, { static: true }]
@@ -30060,6 +30259,19 @@ class PoDatepickerRangeBaseComponent {
      *
      */
     fieldErrorMessage;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
+     *
+     * > Caso essa propriedade seja definida como `true`, a mensagem de erro será limitada a duas linhas
+     * e um tooltip será exibido ao passar o mouse sobre a mensagem para mostrar o conteúdo completo.
+     *
+     * @default `false`
+     */
+    errorLimit = false;
     /**
      * @optional
      *
@@ -30518,7 +30730,7 @@ class PoDatepickerRangeBaseComponent {
         }
     }
     static ɵfac = function PoDatepickerRangeBaseComponent_Factory(t) { return new (t || PoDatepickerRangeBaseComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PoDateService), i0.ɵɵdirectiveInject(PoLanguageService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoDatepickerRangeBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], help: [0, "p-help", "help"], label: [0, "p-label", "label"], optional: [0, "p-optional", "optional"], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], clean: [0, "p-clean", "clean"], disabled: [0, "p-disabled", "disabled"], endDate: [0, "p-end-date", "endDate"], literals: [0, "p-literals", "literals"], minDate: [0, "p-min-date", "minDate"], maxDate: [0, "p-max-date", "maxDate"], noAutocomplete: [0, "p-no-autocomplete", "noAutocomplete"], readonly: [0, "p-readonly", "readonly"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], startDate: [0, "p-start-date", "startDate"], locale: [0, "p-locale", "locale"] }, outputs: { onChange: "p-change" }, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoDatepickerRangeBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], help: [0, "p-help", "help"], label: [0, "p-label", "label"], optional: [0, "p-optional", "optional"], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], errorLimit: [0, "p-error-limit", "errorLimit"], clean: [0, "p-clean", "clean"], disabled: [0, "p-disabled", "disabled"], endDate: [0, "p-end-date", "endDate"], literals: [0, "p-literals", "literals"], minDate: [0, "p-min-date", "minDate"], maxDate: [0, "p-max-date", "maxDate"], noAutocomplete: [0, "p-no-autocomplete", "noAutocomplete"], readonly: [0, "p-readonly", "readonly"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], startDate: [0, "p-start-date", "startDate"], locale: [0, "p-locale", "locale"] }, outputs: { onChange: "p-change" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoDatepickerRangeBaseComponent, [{
         type: Directive
@@ -30537,6 +30749,9 @@ class PoDatepickerRangeBaseComponent {
         }], fieldErrorMessage: [{
             type: Input,
             args: ['p-field-error-message']
+        }], errorLimit: [{
+            type: Input,
+            args: ['p-error-limit']
         }], onChange: [{
             type: Output,
             args: ['p-change']
@@ -31038,7 +31253,7 @@ class PoDatepickerRangeComponent extends PoDatepickerRangeBaseComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.startDateInput = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.iconCalendar = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.calendarPicker = _t.first);
-        } }, features: [i0.ɵɵProvidersFeature(providers$5), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 20, vars: 30, consts: [["dateRangeField", ""], ["startDateInput", ""], ["endDateInput", ""], ["iconCalendar", ""], ["calendarPicker", ""], [3, "p-disabled", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], [1, "po-field-container-input"], [1, "po-datepicker-range-field", "po-input"], [1, "po-datepicker-range-start-date"], ["maxlength", "10", "type", "text", 1, "po-datepicker-range-input", 3, "blur", "focus", "keydown", "keyup", "click", "autocomplete", "disabled", "name", "readonly"], [1, "po-datepicker-range-separator"], [1, "po-datepicker-range-end-date"], [1, "po-datepicker-range-icon"], ["class", "po-icon-input", 3, "p-change-event", 4, "ngIf"], [3, "click", "p-icon"], [3, "p-help", "p-disabled", "p-error-pattern"], [4, "ngIf"], [1, "po-icon-input", 3, "p-change-event"], [1, "po-calendar-range-picker"], ["p-mode", "range", 3, "ngModelChange", "ngModel", "p-max-date", "p-min-date", "p-locale"]], template: function PoDatepickerRangeComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, features: [i0.ɵɵProvidersFeature(providers$5), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 20, vars: 31, consts: [["dateRangeField", ""], ["startDateInput", ""], ["endDateInput", ""], ["iconCalendar", ""], ["calendarPicker", ""], [3, "p-disabled", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], [1, "po-field-container-input"], [1, "po-datepicker-range-field", "po-input"], [1, "po-datepicker-range-start-date"], ["maxlength", "10", "type", "text", 1, "po-datepicker-range-input", 3, "blur", "focus", "keydown", "keyup", "click", "autocomplete", "disabled", "name", "readonly"], [1, "po-datepicker-range-separator"], [1, "po-datepicker-range-end-date"], [1, "po-datepicker-range-icon"], ["class", "po-icon-input", 3, "p-change-event", 4, "ngIf"], [3, "click", "p-icon"], [3, "p-help", "p-disabled", "p-error-pattern", "p-error-limit"], [4, "ngIf"], [1, "po-icon-input", 3, "p-change-event"], [1, "po-calendar-range-picker"], ["p-mode", "range", 3, "ngModelChange", "ngModel", "p-max-date", "p-min-date", "p-locale"]], template: function PoDatepickerRangeComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "po-field-container", 5)(1, "div", 6)(2, "div", 7)(3, "div", 8, 0)(5, "div", 9)(6, "input", 10, 1);
             i0.ɵɵlistener("blur", function PoDatepickerRangeComponent_Template_input_blur_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onBlur($event)); })("focus", function PoDatepickerRangeComponent_Template_input_focus_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onFocus($event)); })("keydown", function PoDatepickerRangeComponent_Template_input_keydown_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onKeydown($event)); })("keyup", function PoDatepickerRangeComponent_Template_input_keyup_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onKeyup($event)); })("click", function PoDatepickerRangeComponent_Template_input_click_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.eventOnClick($event)); });
@@ -31076,14 +31291,14 @@ class PoDatepickerRangeComponent extends PoDatepickerRangeBaseComponent {
             i0.ɵɵclassProp("po-field-icon-disabled", ctx.disabled || ctx.readonly);
             i0.ɵɵproperty("p-icon", !ctx.disabled || !ctx.readonly ? "ICON_CALENDAR po-clickable" : "ICON_CALENDAR");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorMessage);
+            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorMessage)("p-error-limit", ctx.errorLimit);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.isCalendarVisible);
         } }, dependencies: [i1.NgIf, i2$1.NgControlStatus, i2$1.NgModel, PoCleanComponent, PoCalendarComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoIconComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoDatepickerRangeComponent, [{
         type: Component,
-        args: [{ selector: 'po-datepicker-range', providers: providers$5, changeDetection: ChangeDetectionStrategy.OnPush, template: "<po-field-container\n  [class.po-date-picker-container-disabled]=\"disabled\"\n  [p-disabled]=\"disabled\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div class=\"po-field-container-input\">\n      <div\n        #dateRangeField\n        class=\"po-datepicker-range-field po-input\"\n        [class.po-datepicker-range-field-disabled]=\"disabled\"\n        [attr.disabled]=\"disabled\"\n      >\n        <div class=\"po-datepicker-range-start-date\">\n          <input\n            #startDateInput\n            class=\"po-datepicker-range-input\"\n            maxlength=\"10\"\n            type=\"text\"\n            [attr.aria-label]=\"label\"\n            [autocomplete]=\"autocomplete\"\n            [disabled]=\"disabled\"\n            [name]=\"startDateInputName\"\n            [readonly]=\"readonly\"\n            (blur)=\"onBlur($event)\"\n            (focus)=\"onFocus($event)\"\n            (keydown)=\"onKeydown($event)\"\n            (keyup)=\"onKeyup($event)\"\n            (click)=\"eventOnClick($event)\"\n          />\n        </div>\n\n        <div class=\"po-datepicker-range-separator\">-</div>\n\n        <div class=\"po-datepicker-range-end-date\">\n          <input\n            #endDateInput\n            class=\"po-datepicker-range-input\"\n            maxlength=\"10\"\n            type=\"text\"\n            [autocomplete]=\"autocomplete\"\n            [disabled]=\"disabled\"\n            [name]=\"endDateInputName\"\n            [readonly]=\"readonly\"\n            (blur)=\"onBlur($event)\"\n            (focus)=\"onFocus($event)\"\n            (keydown)=\"onKeydown($event)\"\n            (keyup)=\"onKeyup($event)\"\n            (click)=\"eventOnClick($event)\"\n          />\n        </div>\n\n        <div class=\"po-datepicker-range-icon\">\n          <po-clean class=\"po-icon-input\" *ngIf=\"enableCleaner\" (p-change-event)=\"clear()\"></po-clean>\n        </div>\n\n        <div class=\"po-datepicker-range-icon\">\n          <po-icon\n            #iconCalendar\n            [p-icon]=\"!disabled || !readonly ? 'ICON_CALENDAR po-clickable' : 'ICON_CALENDAR'\"\n            class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n            [class.po-field-icon-disabled]=\"disabled || readonly\"\n            (click)=\"toggleCalendar()\"\n          >\n          </po-icon>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorMessage\"\n  ></po-field-container-bottom>\n</po-field-container>\n\n<ng-container *ngIf=\"isCalendarVisible\">\n  <div #calendarPicker class=\"po-calendar-range-picker\">\n    <po-calendar\n      p-mode=\"range\"\n      [ngModel]=\"dateRange\"\n      [p-max-date]=\"maxDate\"\n      [p-min-date]=\"minDate\"\n      [p-locale]=\"locale\"\n      (ngModelChange)=\"onCalendarChange($event)\"\n    ></po-calendar>\n  </div>\n</ng-container>\n" }]
+        args: [{ selector: 'po-datepicker-range', providers: providers$5, changeDetection: ChangeDetectionStrategy.OnPush, template: "<po-field-container\n  [class.po-date-picker-container-disabled]=\"disabled\"\n  [p-disabled]=\"disabled\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div class=\"po-field-container-input\">\n      <div\n        #dateRangeField\n        class=\"po-datepicker-range-field po-input\"\n        [class.po-datepicker-range-field-disabled]=\"disabled\"\n        [attr.disabled]=\"disabled\"\n      >\n        <div class=\"po-datepicker-range-start-date\">\n          <input\n            #startDateInput\n            class=\"po-datepicker-range-input\"\n            maxlength=\"10\"\n            type=\"text\"\n            [attr.aria-label]=\"label\"\n            [autocomplete]=\"autocomplete\"\n            [disabled]=\"disabled\"\n            [name]=\"startDateInputName\"\n            [readonly]=\"readonly\"\n            (blur)=\"onBlur($event)\"\n            (focus)=\"onFocus($event)\"\n            (keydown)=\"onKeydown($event)\"\n            (keyup)=\"onKeyup($event)\"\n            (click)=\"eventOnClick($event)\"\n          />\n        </div>\n\n        <div class=\"po-datepicker-range-separator\">-</div>\n\n        <div class=\"po-datepicker-range-end-date\">\n          <input\n            #endDateInput\n            class=\"po-datepicker-range-input\"\n            maxlength=\"10\"\n            type=\"text\"\n            [autocomplete]=\"autocomplete\"\n            [disabled]=\"disabled\"\n            [name]=\"endDateInputName\"\n            [readonly]=\"readonly\"\n            (blur)=\"onBlur($event)\"\n            (focus)=\"onFocus($event)\"\n            (keydown)=\"onKeydown($event)\"\n            (keyup)=\"onKeyup($event)\"\n            (click)=\"eventOnClick($event)\"\n          />\n        </div>\n\n        <div class=\"po-datepicker-range-icon\">\n          <po-clean class=\"po-icon-input\" *ngIf=\"enableCleaner\" (p-change-event)=\"clear()\"></po-clean>\n        </div>\n\n        <div class=\"po-datepicker-range-icon\">\n          <po-icon\n            #iconCalendar\n            [p-icon]=\"!disabled || !readonly ? 'ICON_CALENDAR po-clickable' : 'ICON_CALENDAR'\"\n            class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n            [class.po-field-icon-disabled]=\"disabled || readonly\"\n            (click)=\"toggleCalendar()\"\n          >\n          </po-icon>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorMessage\"\n    [p-error-limit]=\"errorLimit\"\n  ></po-field-container-bottom>\n</po-field-container>\n\n<ng-container *ngIf=\"isCalendarVisible\">\n  <div #calendarPicker class=\"po-calendar-range-picker\">\n    <po-calendar\n      p-mode=\"range\"\n      [ngModel]=\"dateRange\"\n      [p-max-date]=\"maxDate\"\n      [p-min-date]=\"minDate\"\n      [p-locale]=\"locale\"\n      (ngModelChange)=\"onCalendarChange($event)\"\n    ></po-calendar>\n  </div>\n</ng-container>\n" }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: PoControlPositionService }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: PoLanguageService }, { type: PoDateService }, { type: i0.ElementRef }], { dateRangeField: [{
             type: ViewChild,
             args: ['dateRangeField', { read: ElementRef, static: true }]
@@ -31224,6 +31439,20 @@ class PoInputBaseComponent {
      * Para exibir a mensagem com o campo vazio, utilize a propriedade `p-required-field-error-message` em conjunto.
      */
     errorPattern = '';
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
+     *
+     * > Caso essa propriedade seja definida como `true`, a mensagem de erro será limitada a duas linhas
+     * e um tooltip será exibido ao passar o mouse sobre a mensagem para mostrar o conteúdo completo.
+     *
+     * @default `false`
+     */
+    errorLimit = false;
+    errorAppendBox = false;
     /**
      * @optional
      *
@@ -31618,7 +31847,7 @@ class PoInputBaseComponent {
         }
     }
     static ɵfac = function PoInputBaseComponent_Factory(t) { return new (t || PoInputBaseComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoInputBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], icon: [0, "p-icon", "icon"], emitAllChanges: [2, "p-emit-all-changes", "emitAllChanges", convertToBoolean], label: [0, "p-label", "label"], help: [0, "p-help", "help"], name: "name", errorAsyncProperties: [0, "p-error-async-properties", "errorAsyncProperties"], errorPattern: [0, "p-error-pattern", "errorPattern"], optional: [0, "p-optional", "optional"], showErrorMessageRequired: [0, "p-required-field-error-message", "showErrorMessageRequired"], upperCase: [2, "p-upper-case", "upperCase", convertToBoolean], maskNoLengthValidation: [0, "p-mask-no-length-validation", "maskNoLengthValidation"], noAutocomplete: [0, "p-no-autocomplete", "noAutocomplete"], placeholder: [0, "p-placeholder", "placeholder"], setDisabled: [0, "p-disabled", "setDisabled"], setReadonly: [0, "p-readonly", "setReadonly"], setRequired: [0, "p-required", "setRequired"], showRequired: [0, "p-show-required", "showRequired"], setClean: [0, "p-clean", "setClean"], setPattern: [0, "p-pattern", "setPattern"], maxlength: [0, "p-maxlength", "maxlength"], minlength: [0, "p-minlength", "minlength"], setMask: [0, "p-mask", "setMask"], setMaskFormatModel: [0, "p-mask-format-model", "setMaskFormatModel"] }, outputs: { blur: "p-blur", enter: "p-enter", change: "p-change", changeModel: "p-change-model" }, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoInputBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], icon: [0, "p-icon", "icon"], emitAllChanges: [2, "p-emit-all-changes", "emitAllChanges", convertToBoolean], label: [0, "p-label", "label"], help: [0, "p-help", "help"], name: "name", errorAsyncProperties: [0, "p-error-async-properties", "errorAsyncProperties"], errorPattern: [0, "p-error-pattern", "errorPattern"], errorLimit: [0, "p-error-limit", "errorLimit"], errorAppendBox: [2, "p-error-append-in-body", "errorAppendBox", convertToBoolean], optional: [0, "p-optional", "optional"], showErrorMessageRequired: [0, "p-required-field-error-message", "showErrorMessageRequired"], upperCase: [2, "p-upper-case", "upperCase", convertToBoolean], maskNoLengthValidation: [0, "p-mask-no-length-validation", "maskNoLengthValidation"], noAutocomplete: [0, "p-no-autocomplete", "noAutocomplete"], placeholder: [0, "p-placeholder", "placeholder"], setDisabled: [0, "p-disabled", "setDisabled"], setReadonly: [0, "p-readonly", "setReadonly"], setRequired: [0, "p-required", "setRequired"], showRequired: [0, "p-show-required", "showRequired"], setClean: [0, "p-clean", "setClean"], setPattern: [0, "p-pattern", "setPattern"], maxlength: [0, "p-maxlength", "maxlength"], minlength: [0, "p-minlength", "minlength"], setMask: [0, "p-mask", "setMask"], setMaskFormatModel: [0, "p-mask-format-model", "setMaskFormatModel"] }, outputs: { blur: "p-blur", enter: "p-enter", change: "p-change", changeModel: "p-change-model" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoInputBaseComponent, [{
         type: Directive
@@ -31646,6 +31875,12 @@ class PoInputBaseComponent {
         }], errorPattern: [{
             type: Input,
             args: ['p-error-pattern']
+        }], errorLimit: [{
+            type: Input,
+            args: ['p-error-limit']
+        }], errorAppendBox: [{
+            type: Input,
+            args: [{ alias: 'p-error-append-in-body', transform: convertToBoolean }]
         }], optional: [{
             type: Input,
             args: ['p-optional']
@@ -32374,7 +32609,7 @@ class PoDecimalComponent extends PoInputBaseComponent {
                     useExisting: forwardRef(() => PoDecimalComponent),
                     multi: true
                 }
-            ]), i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 24, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], ["class", "po-field-icon-container-left", 4, "ngIf"], ["inputmode", "decimal", "type", "text", 1, "po-input", 3, "blur", "focus", "input", "keypress", "autocomplete", "disabled", "id", "placeholder", "readonly", "required"], [1, "po-field-icon-container-right"], ["class", "po-icon-input", 3, "p-element-ref", "p-change-event", 4, "ngIf"], [3, "p-help", "p-disabled", "p-error-pattern"], [1, "po-field-icon-container-left"], [1, "po-field-icon", "po-icon-input", 3, "p-icon"], [1, "po-icon-input", 3, "p-change-event", "p-element-ref"]], template: function PoDecimalComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 26, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], ["class", "po-field-icon-container-left", 4, "ngIf"], ["inputmode", "decimal", "type", "text", 1, "po-input", 3, "blur", "focus", "input", "keypress", "autocomplete", "disabled", "id", "placeholder", "readonly", "required"], [1, "po-field-icon-container-right"], ["class", "po-icon-input", 3, "p-element-ref", "p-change-event", 4, "ngIf"], [3, "p-help", "p-disabled", "p-error-limit", "p-error-pattern", "p-append-in-body"], [1, "po-field-icon-container-left"], [1, "po-field-icon", "po-icon-input", 3, "p-icon"], [1, "po-icon-input", 3, "p-change-event", "p-element-ref"]], template: function PoDecimalComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "po-field-container", 1)(1, "div", 2);
             i0.ɵɵtemplate(2, PoDecimalComponent_div_2_Template, 2, 3, "div", 3);
@@ -32397,7 +32632,7 @@ class PoDecimalComponent extends PoInputBaseComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.clean && !ctx.disabled && !ctx.readonly);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPatternMessage());
+            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-limit", ctx.errorLimit)("p-error-pattern", ctx.getErrorPatternMessage())("p-append-in-body", ctx.errorAppendBox);
         } }, dependencies: [i1.NgIf, PoCleanComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoIconComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoDecimalComponent, [{
@@ -32413,7 +32648,7 @@ class PoDecimalComponent extends PoInputBaseComponent {
                         useExisting: forwardRef(() => PoDecimalComponent),
                         multi: true
                     }
-                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n      <po-icon class=\"po-field-icon po-icon-input\" [class.po-field-icon-disabled]=\"disabled\" [p-icon]=\"icon\"></po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input\"\n      [attr.max]=\"max\"\n      [attr.min]=\"min\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-left]=\"icon\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      inputmode=\"decimal\"\n      type=\"text\"\n      (blur)=\"onBlur($event)\"\n      (focus)=\"onFocus($event)\"\n      (input)=\"onInput($event)\"\n      (keypress)=\"onKeyPress($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean\n        class=\"po-icon-input\"\n        *ngIf=\"clean && !disabled && !readonly\"\n        [p-element-ref]=\"inputEl\"\n        (p-change-event)=\"clear($event)\"\n      >\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom [p-help]=\"help\" [p-disabled]=\"disabled\" [p-error-pattern]=\"getErrorPatternMessage()\">\n  </po-field-container-bottom>\n</po-field-container>\n" }]
+                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n      <po-icon class=\"po-field-icon po-icon-input\" [class.po-field-icon-disabled]=\"disabled\" [p-icon]=\"icon\"></po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input\"\n      [attr.max]=\"max\"\n      [attr.min]=\"min\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-left]=\"icon\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      inputmode=\"decimal\"\n      type=\"text\"\n      (blur)=\"onBlur($event)\"\n      (focus)=\"onFocus($event)\"\n      (input)=\"onInput($event)\"\n      (keypress)=\"onKeyPress($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean\n        class=\"po-icon-input\"\n        *ngIf=\"clean && !disabled && !readonly\"\n        [p-element-ref]=\"inputEl\"\n        (p-change-event)=\"clear($event)\"\n      >\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-limit]=\"errorLimit\"\n    [p-error-pattern]=\"getErrorPatternMessage()\"\n    [p-append-in-body]=\"errorAppendBox\"\n  >\n  </po-field-container-bottom>\n</po-field-container>\n" }]
     }], () => [{ type: i0.ElementRef }, { type: PoLanguageService }, { type: i0.ChangeDetectorRef }], { inputEl: [{
             type: ViewChild,
             args: ['inp', { read: ElementRef, static: true }]
@@ -32812,7 +33047,7 @@ class PoEmailComponent extends PoInputGeneric {
         return null;
     }
     static ɵfac = function PoEmailComponent_Factory(t) { return new (t || PoEmailComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoEmailComponent, selectors: [["po-email"]], features: [i0.ɵɵProvidersFeature(providers$4), i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 23, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], ["class", "po-field-icon-container-left", 4, "ngIf"], [1, "po-input", 3, "blur", "click", "focus", "input", "autocomplete", "disabled", "id", "placeholder", "readonly", "required", "type"], [1, "po-field-icon-container-right"], [3, "class", "p-element-ref", "p-change-event", 4, "ngIf"], [3, "p-help", "p-disabled", "p-error-pattern"], [1, "po-field-icon-container-left"], [3, "p-icon"], [3, "p-change-event", "p-element-ref"]], template: function PoEmailComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoEmailComponent, selectors: [["po-email"]], features: [i0.ɵɵProvidersFeature(providers$4), i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 25, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], ["class", "po-field-icon-container-left", 4, "ngIf"], [1, "po-input", 3, "blur", "click", "focus", "input", "autocomplete", "disabled", "id", "placeholder", "readonly", "required", "type"], [1, "po-field-icon-container-right"], [3, "class", "p-element-ref", "p-change-event", 4, "ngIf"], [3, "p-help", "p-disabled", "p-error-pattern", "p-error-limit", "p-append-in-body"], [1, "po-field-icon-container-left"], [3, "p-icon"], [3, "p-change-event", "p-element-ref"]], template: function PoEmailComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "po-field-container", 1)(1, "div", 2);
             i0.ɵɵtemplate(2, PoEmailComponent_div_2_Template, 2, 6, "div", 3);
@@ -32835,12 +33070,12 @@ class PoEmailComponent extends PoInputGeneric {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.clean && !ctx.disabled && !ctx.readonly);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern());
+            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern())("p-error-limit", ctx.errorLimit)("p-append-in-body", ctx.errorAppendBox);
         } }, dependencies: [i1.NgIf, PoCleanComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoIconComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoEmailComponent, [{
         type: Component,
-        args: [{ selector: 'po-email', changeDetection: ChangeDetectionStrategy.OnPush, providers: providers$4, template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n      <po-icon\n        class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        [class.po-field-icon-disabled]=\"disabled\"\n        [p-icon]=\"icon\"\n      ></po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-left]=\"icon\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean\n        class=\"{{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        *ngIf=\"clean && !disabled && !readonly\"\n        [p-element-ref]=\"inputEl\"\n        (p-change-event)=\"clear($event)\"\n      >\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
+        args: [{ selector: 'po-email', changeDetection: ChangeDetectionStrategy.OnPush, providers: providers$4, template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n      <po-icon\n        class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        [class.po-field-icon-disabled]=\"disabled\"\n        [p-icon]=\"icon\"\n      ></po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-left]=\"icon\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean\n        class=\"{{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        *ngIf=\"clean && !disabled && !readonly\"\n        [p-element-ref]=\"inputEl\"\n        (p-change-event)=\"clear($event)\"\n      >\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n    [p-error-limit]=\"errorLimit\"\n    [p-append-in-body]=\"errorAppendBox\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
     }], () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoEmailComponent, { className: "PoEmailComponent", filePath: "lib/components/po-field/po-email/po-email.component.ts", lineNumber: 63 }); })();
 
@@ -32913,7 +33148,7 @@ class PoInputComponent extends PoInputGeneric {
                     useExisting: forwardRef(() => PoInputComponent),
                     multi: true
                 }
-            ]), i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 23, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], ["class", "po-field-icon-container-left", 4, "ngIf"], [1, "po-input", 3, "blur", "click", "focus", "input", "autocomplete", "disabled", "id", "placeholder", "readonly", "required", "type"], [1, "po-field-icon-container-right"], [3, "class", "p-element-ref", "p-change-event", 4, "ngIf"], [3, "p-help", "p-disabled", "p-error-pattern"], [1, "po-field-icon-container-left"], [3, "p-icon"], [3, "p-change-event", "p-element-ref"]], template: function PoInputComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 25, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], ["class", "po-field-icon-container-left", 4, "ngIf"], [1, "po-input", 3, "blur", "click", "focus", "input", "autocomplete", "disabled", "id", "placeholder", "readonly", "required", "type"], [1, "po-field-icon-container-right"], [3, "class", "p-element-ref", "p-change-event", 4, "ngIf"], [3, "p-help", "p-disabled", "p-error-pattern", "p-error-limit", "p-append-in-body"], [1, "po-field-icon-container-left"], [3, "p-icon"], [3, "p-change-event", "p-element-ref"]], template: function PoInputComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "po-field-container", 1)(1, "div", 2);
             i0.ɵɵtemplate(2, PoInputComponent_div_2_Template, 2, 6, "div", 3);
@@ -32936,7 +33171,7 @@ class PoInputComponent extends PoInputGeneric {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.clean && !ctx.disabled && !ctx.readonly);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern());
+            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern())("p-error-limit", ctx.errorLimit)("p-append-in-body", ctx.errorAppendBox);
         } }, dependencies: [i1.NgIf, PoCleanComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoIconComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoInputComponent, [{
@@ -32952,7 +33187,7 @@ class PoInputComponent extends PoInputGeneric {
                         useExisting: forwardRef(() => PoInputComponent),
                         multi: true
                     }
-                ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n      <po-icon\n        class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        [class.po-field-icon-disabled]=\"disabled\"\n        [p-icon]=\"icon\"\n      ></po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-left]=\"icon\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean\n        class=\"{{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        *ngIf=\"clean && !disabled && !readonly\"\n        [p-element-ref]=\"inputEl\"\n        (p-change-event)=\"clear($event)\"\n      >\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
+                ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n      <po-icon\n        class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        [class.po-field-icon-disabled]=\"disabled\"\n        [p-icon]=\"icon\"\n      ></po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-left]=\"icon\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean\n        class=\"{{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        *ngIf=\"clean && !disabled && !readonly\"\n        [p-element-ref]=\"inputEl\"\n        (p-change-event)=\"clear($event)\"\n      >\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n    [p-error-limit]=\"errorLimit\"\n    [p-append-in-body]=\"errorAppendBox\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
     }], () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], { inp: [{
             type: ViewChild,
             args: ['inp', { static: true }]
@@ -33028,7 +33263,7 @@ class PoLoginComponent extends PoInputGeneric {
         return null;
     }
     static ɵfac = function PoLoginComponent_Factory(t) { return new (t || PoLoginComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoLoginComponent, selectors: [["po-login"]], inputs: { noAutocomplete: [0, "p-no-autocomplete", "noAutocomplete"] }, features: [i0.ɵɵProvidersFeature(providers$3), i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 25, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], [1, "po-field-icon-container-left"], ["p-icon", "ICON_USER"], [1, "po-input", "po-input-icon-left", 3, "blur", "click", "focus", "input", "autocomplete", "disabled", "id", "placeholder", "readonly", "required", "type"], [1, "po-field-icon-container-right"], ["class", "po-icon-input", 3, "p-element-ref", "p-change-event", 4, "ngIf"], [3, "p-help", "p-disabled", "p-error-pattern"], [1, "po-icon-input", 3, "p-change-event", "p-element-ref"]], template: function PoLoginComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoLoginComponent, selectors: [["po-login"]], inputs: { noAutocomplete: [0, "p-no-autocomplete", "noAutocomplete"] }, features: [i0.ɵɵProvidersFeature(providers$3), i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 26, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], [1, "po-field-icon-container-left"], ["p-icon", "ICON_USER"], [1, "po-input", "po-input-icon-left", 3, "blur", "click", "focus", "input", "autocomplete", "disabled", "id", "placeholder", "readonly", "required", "type"], [1, "po-field-icon-container-right"], ["class", "po-icon-input", 3, "p-element-ref", "p-change-event", 4, "ngIf"], [3, "p-help", "p-disabled", "p-error-pattern", "p-error-limit"], [1, "po-icon-input", 3, "p-change-event", "p-element-ref"]], template: function PoLoginComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "po-field-container", 1)(1, "div", 2)(2, "div", 3);
             i0.ɵɵelement(3, "po-icon", 4);
@@ -33053,12 +33288,12 @@ class PoLoginComponent extends PoInputGeneric {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.clean && !ctx.disabled && !ctx.readonly);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern());
+            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern())("p-error-limit", ctx.errorLimit);
         } }, dependencies: [i1.NgIf, PoCleanComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoIconComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoLoginComponent, [{
         type: Component,
-        args: [{ selector: 'po-login', changeDetection: ChangeDetectionStrategy.OnPush, providers: providers$3, template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div class=\"po-field-icon-container-left\">\n      <po-icon\n        p-icon=\"ICON_USER\"\n        class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        [class.po-field-icon-disabled]=\"disabled\"\n      ></po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input po-input-icon-left\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean\n        class=\"po-icon-input\"\n        *ngIf=\"clean && !disabled && !readonly\"\n        [p-element-ref]=\"inputEl\"\n        (p-change-event)=\"clear($event)\"\n      >\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom [p-help]=\"help\" [p-disabled]=\"disabled\" [p-error-pattern]=\"getErrorPattern()\">\n  </po-field-container-bottom>\n</po-field-container>\n" }]
+        args: [{ selector: 'po-login', changeDetection: ChangeDetectionStrategy.OnPush, providers: providers$3, template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div class=\"po-field-icon-container-left\">\n      <po-icon\n        p-icon=\"ICON_USER\"\n        class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        [class.po-field-icon-disabled]=\"disabled\"\n      ></po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input po-input-icon-left\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean\n        class=\"po-icon-input\"\n        *ngIf=\"clean && !disabled && !readonly\"\n        [p-element-ref]=\"inputEl\"\n        (p-change-event)=\"clear($event)\"\n      >\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n    [p-error-limit]=\"errorLimit\"\n  >\n  </po-field-container-bottom>\n</po-field-container>\n" }]
     }], () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], { noAutocomplete: [{
             type: Input,
             args: ['p-no-autocomplete']
@@ -34758,6 +34993,20 @@ class PoLookupBaseComponent {
      *
      */
     fieldErrorMessage;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
+     *
+     * > Caso essa propriedade seja definida como `true`, a mensagem de erro será limitada a duas linhas
+     * e um tooltip será exibido ao passar o mouse sobre a mensagem para mostrar o conteúdo completo.
+     *
+     * @default `false`
+     */
+    errorLimit = false;
+    errorAppendBox = false;
     /**
      * @optional
      *
@@ -35172,7 +35421,7 @@ class PoLookupBaseComponent {
         }
     }
     static ɵfac = function PoLookupBaseComponent_Factory(t) { return new (t || PoLookupBaseComponent)(i0.ɵɵdirectiveInject(PoLookupFilterService), i0.ɵɵdirectiveInject(Injector), i0.ɵɵdirectiveInject(PoLookupModalService), i0.ɵɵdirectiveInject(PoLanguageService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoLookupBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], label: [0, "p-label", "label"], literals: [0, "p-literals", "literals"], help: [0, "p-help", "help"], placeholder: [0, "p-placeholder", "placeholder"], name: "name", fieldValue: [0, "p-field-value", "fieldValue"], fieldLabel: [0, "p-field-label", "fieldLabel"], filterParams: [0, "p-filter-params", "filterParams"], fieldFormat: [0, "p-field-format", "fieldFormat"], columns: [0, "p-columns", "columns"], optional: [0, "p-optional", "optional"], advancedFilters: [0, "p-advanced-filters", "advancedFilters"], hideColumnsManager: [2, "p-hide-columns-manager", "hideColumnsManager", convertToBoolean], infiniteScroll: [2, "p-infinite-scroll", "infiniteScroll", convertToBoolean], clean: [2, "p-clean", "clean", convertToBoolean], multiple: [2, "p-multiple", "multiple", convertToBoolean], autoHeight: [2, "p-auto-height", "autoHeight", convertToBoolean], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], spacing: [0, "p-spacing", "spacing"], textWrap: [2, "p-text-wrap", "textWrap", convertToBoolean], virtualScroll: [2, "p-virtual-scroll", "virtualScroll", convertToBoolean], filterService: [0, "p-filter-service", "filterService"], noAutocomplete: [0, "p-no-autocomplete", "noAutocomplete"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], disabled: [0, "p-disabled", "disabled"] }, outputs: { onError: "p-error", selected: "p-selected", change: "p-change", changeVisibleColumns: "p-change-visible-columns", columnRestoreManager: "p-restore-column-manager" }, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵNgOnChangesFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoLookupBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], label: [0, "p-label", "label"], literals: [0, "p-literals", "literals"], help: [0, "p-help", "help"], placeholder: [0, "p-placeholder", "placeholder"], name: "name", fieldValue: [0, "p-field-value", "fieldValue"], fieldLabel: [0, "p-field-label", "fieldLabel"], filterParams: [0, "p-filter-params", "filterParams"], fieldFormat: [0, "p-field-format", "fieldFormat"], columns: [0, "p-columns", "columns"], optional: [0, "p-optional", "optional"], advancedFilters: [0, "p-advanced-filters", "advancedFilters"], hideColumnsManager: [2, "p-hide-columns-manager", "hideColumnsManager", convertToBoolean], infiniteScroll: [2, "p-infinite-scroll", "infiniteScroll", convertToBoolean], clean: [2, "p-clean", "clean", convertToBoolean], multiple: [2, "p-multiple", "multiple", convertToBoolean], autoHeight: [2, "p-auto-height", "autoHeight", convertToBoolean], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], errorLimit: [0, "p-error-limit", "errorLimit"], errorAppendBox: [2, "p-error-append-in-body", "errorAppendBox", convertToBoolean], spacing: [0, "p-spacing", "spacing"], textWrap: [2, "p-text-wrap", "textWrap", convertToBoolean], virtualScroll: [2, "p-virtual-scroll", "virtualScroll", convertToBoolean], filterService: [0, "p-filter-service", "filterService"], noAutocomplete: [0, "p-no-autocomplete", "noAutocomplete"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], disabled: [0, "p-disabled", "disabled"] }, outputs: { onError: "p-error", selected: "p-selected", change: "p-change", changeVisibleColumns: "p-change-visible-columns", columnRestoreManager: "p-restore-column-manager" }, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵNgOnChangesFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoLookupBaseComponent, [{
         type: Directive
@@ -35236,6 +35485,12 @@ class PoLookupBaseComponent {
         }], fieldErrorMessage: [{
             type: Input,
             args: ['p-field-error-message']
+        }], errorLimit: [{
+            type: Input,
+            args: ['p-error-limit']
+        }], errorAppendBox: [{
+            type: Input,
+            args: [{ alias: 'p-error-append-in-body', transform: convertToBoolean }]
         }], spacing: [{
             type: Input,
             args: ['p-spacing']
@@ -35755,7 +36010,7 @@ class PoLookupComponent extends PoLookupBaseComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputEl = _t.first);
-        } }, features: [i0.ɵɵProvidersFeature(providers$2), i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 11, consts: [["disclaimersTemplate", ""], ["inp", ""], ["iconLookup", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], ["class", "po-field-container-content po-lookup", 3, "po-lookup-disabled", 4, "ngIf", "ngIfElse"], [3, "p-help", "p-disabled", "p-error-pattern"], [1, "po-field-container-content", "po-lookup"], [1, "po-search-container-wrapper"], ["type", "text", 1, "po-lookup-input", "po-lookup-input-trigger", 3, "blur", "ngClass", "id", "autocomplete", "disabled", "placeholder", "required"], [1, "po-field-icon-container-right", "po-lookup-buttons"], ["tabindex", "0", "role", "button", "class", "po-lookup-button po-lookup-button-clean", 3, "p-element-ref", "p-change-event", "click", "keydown.enter", 4, "ngIf"], ["tabindex", "0", "role", "button", 1, "po-lookup-button", "po-lookup-button-trigger", "po-field-icon", 3, "p-change-event", "click", "keydown.enter", "ariaLabel"], ["p-icon", "ICON_SEARCH"], ["tabindex", "0", "role", "button", 1, "po-lookup-button", "po-lookup-button-clean", 3, "p-change-event", "click", "keydown.enter", "p-element-ref"], [1, "po-lookup"], [1, "po-lookup-input", "po-input-icon-right", "po-lookup-input", "po-icon-input", 3, "tabindex", "ngClass"], ["class", "po-lookup-input-placeholder", 4, "ngIf"], ["class", "po-lookup-input-disclaimer", 3, "p-label", "p-value", "p-hide-close", "po-clickable", "p-close-action", 4, "ngFor", "ngForOf"], [1, "po-lookup-input-placeholder"], [1, "po-lookup-input-disclaimer", 3, "p-close-action", "p-label", "p-value", "p-hide-close"]], template: function PoLookupComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, features: [i0.ɵɵProvidersFeature(providers$2), i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 13, consts: [["disclaimersTemplate", ""], ["inp", ""], ["iconLookup", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], ["class", "po-field-container-content po-lookup", 3, "po-lookup-disabled", 4, "ngIf", "ngIfElse"], [3, "p-help", "p-disabled", "p-error-pattern", "p-error-limit", "p-append-in-body"], [1, "po-field-container-content", "po-lookup"], [1, "po-search-container-wrapper"], ["type", "text", 1, "po-lookup-input", "po-lookup-input-trigger", 3, "blur", "ngClass", "id", "autocomplete", "disabled", "placeholder", "required"], [1, "po-field-icon-container-right", "po-lookup-buttons"], ["tabindex", "0", "role", "button", "class", "po-lookup-button po-lookup-button-clean", 3, "p-element-ref", "p-change-event", "click", "keydown.enter", 4, "ngIf"], ["tabindex", "0", "role", "button", 1, "po-lookup-button", "po-lookup-button-trigger", "po-field-icon", 3, "p-change-event", "click", "keydown.enter", "ariaLabel"], ["p-icon", "ICON_SEARCH"], ["tabindex", "0", "role", "button", 1, "po-lookup-button", "po-lookup-button-clean", 3, "p-change-event", "click", "keydown.enter", "p-element-ref"], [1, "po-lookup"], [1, "po-lookup-input", "po-input-icon-right", "po-lookup-input", "po-icon-input", 3, "tabindex", "ngClass"], ["class", "po-lookup-input-placeholder", 4, "ngIf"], ["class", "po-lookup-input-disclaimer", 3, "p-label", "p-value", "p-hide-close", "po-clickable", "p-close-action", 4, "ngFor", "ngForOf"], [1, "po-lookup-input-placeholder"], [1, "po-lookup-input-disclaimer", 3, "p-close-action", "p-label", "p-value", "p-hide-close"]], template: function PoLookupComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "po-field-container", 3);
             i0.ɵɵtemplate(1, PoLookupComponent_div_1_Template, 9, 14, "div", 4);
             i0.ɵɵelement(2, "po-field-container-bottom", 5);
@@ -35767,12 +36022,12 @@ class PoLookupComponent extends PoLookupBaseComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.disclaimers.length)("ngIfElse", disclaimersTemplate_r10);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern());
+            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern())("p-error-limit", ctx.errorLimit)("p-append-in-body", ctx.errorAppendBox);
         } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, PoCleanComponent, PoDisclaimerComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoIconComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoLookupComponent, [{
         type: Component,
-        args: [{ selector: 'po-lookup', changeDetection: ChangeDetectionStrategy.OnPush, providers: providers$2, template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div\n    class=\"po-field-container-content po-lookup\"\n    [class.po-lookup-disabled]=\"disabled\"\n    *ngIf=\"!disclaimers.length; else disclaimersTemplate\"\n  >\n    <div class=\"po-search-container-wrapper\">\n      <input\n        #inp\n        class=\"po-lookup-input po-lookup-input-trigger\"\n        [ngClass]=\"clean && inp.value ? 'po-input-double-icon-right' : 'po-input-icon-right'\"\n        [id]=\"id\"\n        type=\"text\"\n        [autocomplete]=\"autocomplete\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        (blur)=\"searchEvent()\"\n      />\n\n      <div class=\"po-field-icon-container-right po-lookup-buttons\">\n        <po-clean\n          *ngIf=\"clean && !disabled && !!inp.value\"\n          tabindex=\"0\"\n          role=\"button\"\n          [attr.aria-label]=\"literals.clean\"\n          class=\"po-icon-input po-lookup-button po-lookup-button-clean\"\n          class=\"po-lookup-button po-lookup-button-clean\"\n          [p-element-ref]=\"inp\"\n          (p-change-event)=\"cleanModel()\"\n          (click)=\"cleanModel(); $event.preventDefault()\"\n          (keydown.enter)=\"cleanModel(); $event.preventDefault()\"\n        >\n        </po-clean>\n        <div\n          #iconLookup\n          tabindex=\"0\"\n          role=\"button\"\n          class=\"po-lookup-button po-lookup-button-trigger po-field-icon\"\n          [class.po-field-icon-disabled]=\"disabled\"\n          [ariaLabel]=\"literals.search\"\n          (p-change-event)=\"openLookup()\"\n          (click)=\"openLookup(); $event.preventDefault()\"\n          (keydown.enter)=\"openLookup(); $event.preventDefault()\"\n        >\n          <po-icon p-icon=\"ICON_SEARCH\" [class.po-field-icon]=\"!disabled\"></po-icon>\n        </div>\n      </div>\n    </div>\n  </div>\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n  ></po-field-container-bottom>\n</po-field-container>\n\n<ng-template #disclaimersTemplate>\n  <div class=\"po-lookup\" [class.po-lookup-disabled]=\"disabled\">\n    <div\n      #inp\n      [tabindex]=\"disabled ? -1 : 0\"\n      class=\"po-lookup-input po-input-icon-right po-lookup-input po-icon-input\"\n      [ngClass]=\"clean && inp.value ? 'po-input-double-icon-right' : 'po-input-icon-right'\"\n      [class.po-lookup-input-auto]=\"autoHeight\"\n      [class.po-lookup-input-static]=\"!autoHeight\"\n      [class.po-lookup-input-padding-button-clean]=\"clean\"\n      [class.po-lookup-input-disabled]=\"disabled\"\n    >\n      <span *ngIf=\"placeholder && !disclaimers?.length\" class=\"po-lookup-input-placeholder\">\n        {{ placeholder }}\n      </span>\n\n      <po-disclaimer\n        *ngFor=\"let disclaimer of visibleDisclaimers\"\n        class=\"po-lookup-input-disclaimer\"\n        [p-label]=\"disclaimer.label\"\n        [p-value]=\"disclaimer.value\"\n        [p-hide-close]=\"disclaimer.value === '' || disabled\"\n        [class.po-clickable]=\"disclaimer.value === '' && !disabled\"\n        (p-close-action)=\"closeDisclaimer(disclaimer.value)\"\n      >\n      </po-disclaimer>\n    </div>\n    <div class=\"po-field-icon-container-right po-lookup-buttons\">\n      <po-clean\n        *ngIf=\"clean && !disabled && !!inp.value\"\n        tabindex=\"0\"\n        role=\"button\"\n        [attr.aria-label]=\"literals.clean\"\n        class=\"po-lookup-button po-lookup-button-clean\"\n        [p-element-ref]=\"inp\"\n        (p-change-event)=\"cleanModel()\"\n        (click)=\"cleanModel(); $event.preventDefault()\"\n        (keydown.enter)=\"cleanModel(); $event.preventDefault()\"\n      >\n      </po-clean>\n      <div\n        #iconLookup\n        tabindex=\"0\"\n        role=\"button\"\n        class=\"po-lookup-button po-lookup-button-trigger po-field-icon\"\n        [class.po-field-icon-disabled]=\"disabled\"\n        [ariaLabel]=\"literals.search\"\n        (p-change-event)=\"openLookup()\"\n        (click)=\"openLookup(); $event.preventDefault()\"\n        (keydown.enter)=\"openLookup(); $event.preventDefault()\"\n      >\n        <po-icon p-icon=\"ICON_SEARCH\" [class.po-field-icon]=\"!disabled\"></po-icon>\n      </div>\n    </div>\n  </div>\n</ng-template>\n" }]
+        args: [{ selector: 'po-lookup', changeDetection: ChangeDetectionStrategy.OnPush, providers: providers$2, template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div\n    class=\"po-field-container-content po-lookup\"\n    [class.po-lookup-disabled]=\"disabled\"\n    *ngIf=\"!disclaimers.length; else disclaimersTemplate\"\n  >\n    <div class=\"po-search-container-wrapper\">\n      <input\n        #inp\n        class=\"po-lookup-input po-lookup-input-trigger\"\n        [ngClass]=\"clean && inp.value ? 'po-input-double-icon-right' : 'po-input-icon-right'\"\n        [id]=\"id\"\n        type=\"text\"\n        [autocomplete]=\"autocomplete\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [required]=\"required\"\n        (blur)=\"searchEvent()\"\n      />\n\n      <div class=\"po-field-icon-container-right po-lookup-buttons\">\n        <po-clean\n          *ngIf=\"clean && !disabled && !!inp.value\"\n          tabindex=\"0\"\n          role=\"button\"\n          [attr.aria-label]=\"literals.clean\"\n          class=\"po-icon-input po-lookup-button po-lookup-button-clean\"\n          class=\"po-lookup-button po-lookup-button-clean\"\n          [p-element-ref]=\"inp\"\n          (p-change-event)=\"cleanModel()\"\n          (click)=\"cleanModel(); $event.preventDefault()\"\n          (keydown.enter)=\"cleanModel(); $event.preventDefault()\"\n        >\n        </po-clean>\n        <div\n          #iconLookup\n          tabindex=\"0\"\n          role=\"button\"\n          class=\"po-lookup-button po-lookup-button-trigger po-field-icon\"\n          [class.po-field-icon-disabled]=\"disabled\"\n          [ariaLabel]=\"literals.search\"\n          (p-change-event)=\"openLookup()\"\n          (click)=\"openLookup(); $event.preventDefault()\"\n          (keydown.enter)=\"openLookup(); $event.preventDefault()\"\n        >\n          <po-icon p-icon=\"ICON_SEARCH\" [class.po-field-icon]=\"!disabled\"></po-icon>\n        </div>\n      </div>\n    </div>\n  </div>\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n    [p-error-limit]=\"errorLimit\"\n    [p-append-in-body]=\"errorAppendBox\"\n  ></po-field-container-bottom>\n</po-field-container>\n\n<ng-template #disclaimersTemplate>\n  <div class=\"po-lookup\" [class.po-lookup-disabled]=\"disabled\">\n    <div\n      #inp\n      [tabindex]=\"disabled ? -1 : 0\"\n      class=\"po-lookup-input po-input-icon-right po-lookup-input po-icon-input\"\n      [ngClass]=\"clean && inp.value ? 'po-input-double-icon-right' : 'po-input-icon-right'\"\n      [class.po-lookup-input-auto]=\"autoHeight\"\n      [class.po-lookup-input-static]=\"!autoHeight\"\n      [class.po-lookup-input-padding-button-clean]=\"clean\"\n      [class.po-lookup-input-disabled]=\"disabled\"\n    >\n      <span *ngIf=\"placeholder && !disclaimers?.length\" class=\"po-lookup-input-placeholder\">\n        {{ placeholder }}\n      </span>\n\n      <po-disclaimer\n        *ngFor=\"let disclaimer of visibleDisclaimers\"\n        class=\"po-lookup-input-disclaimer\"\n        [p-label]=\"disclaimer.label\"\n        [p-value]=\"disclaimer.value\"\n        [p-hide-close]=\"disclaimer.value === '' || disabled\"\n        [class.po-clickable]=\"disclaimer.value === '' && !disabled\"\n        (p-close-action)=\"closeDisclaimer(disclaimer.value)\"\n      >\n      </po-disclaimer>\n    </div>\n    <div class=\"po-field-icon-container-right po-lookup-buttons\">\n      <po-clean\n        *ngIf=\"clean && !disabled && !!inp.value\"\n        tabindex=\"0\"\n        role=\"button\"\n        [attr.aria-label]=\"literals.clean\"\n        class=\"po-lookup-button po-lookup-button-clean\"\n        [p-element-ref]=\"inp\"\n        (p-change-event)=\"cleanModel()\"\n        (click)=\"cleanModel(); $event.preventDefault()\"\n        (keydown.enter)=\"cleanModel(); $event.preventDefault()\"\n      >\n      </po-clean>\n      <div\n        #iconLookup\n        tabindex=\"0\"\n        role=\"button\"\n        class=\"po-lookup-button po-lookup-button-trigger po-field-icon\"\n        [class.po-field-icon-disabled]=\"disabled\"\n        [ariaLabel]=\"literals.search\"\n        (p-change-event)=\"openLookup()\"\n        (click)=\"openLookup(); $event.preventDefault()\"\n        (keydown.enter)=\"openLookup(); $event.preventDefault()\"\n      >\n        <po-icon p-icon=\"ICON_SEARCH\" [class.po-field-icon]=\"!disabled\"></po-icon>\n      </div>\n    </div>\n  </div>\n</ng-template>\n" }]
     }], () => [{ type: PoLanguageService }, { type: i0.Renderer2 }, { type: PoLookupFilterService }, { type: PoLookupModalService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Injector }], { inputEl: [{
             type: ViewChild,
             args: ['inp', { read: ElementRef, static: false }]
@@ -35996,6 +36251,19 @@ class PoMultiselectBaseComponent {
      *
      */
     fieldErrorMessage;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
+     *
+     * > Caso essa propriedade seja definida como `true`, a mensagem de erro será limitada a duas linhas
+     * e um tooltip será exibido ao passar o mouse sobre a mensagem para mostrar o conteúdo completo.
+     *
+     * @default `false`
+     */
+    errorLimit = false;
     /**
      * @optional
      *
@@ -36017,6 +36285,7 @@ class PoMultiselectBaseComponent {
      * @default `false`
      */
     appendBox = false;
+    errorAppendBox = false;
     selectedOptions = [];
     visibleOptionsDropdown = [];
     visibleTags = [];
@@ -36520,7 +36789,7 @@ class PoMultiselectBaseComponent {
         }
     }
     static ɵfac = function PoMultiselectBaseComponent_Factory(t) { return new (t || PoMultiselectBaseComponent)(i0.ɵɵdirectiveInject(PoLanguageService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoMultiselectBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], label: [0, "p-label", "label"], help: [0, "p-help", "help"], optional: [0, "p-optional", "optional"], placeholder: [0, "p-placeholder", "placeholder"], placeholderSearch: [0, "p-placeholder-search", "placeholderSearch"], name: "name", hideSelectAll: [2, "p-hide-select-all", "hideSelectAll", convertToBoolean], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], appendBox: [2, "p-append-in-body", "appendBox", convertToBoolean], filterService: [0, "p-filter-service", "filterService"], autoHeight: [2, "p-auto-height", "autoHeight", convertToBoolean], debounceTime: [0, "p-debounce-time", "debounceTime"], literals: [0, "p-literals", "literals"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], disabled: [0, "p-disabled", "disabled"], hideSearch: [0, "p-hide-search", "hideSearch"], options: [0, "p-options", "options"], sort: [0, "p-sort", "sort"], filterMode: [0, "p-filter-mode", "filterMode"], fieldLabel: [0, "p-field-label", "fieldLabel"], fieldValue: [0, "p-field-value", "fieldValue"] }, outputs: { change: "p-change" }, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoMultiselectBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], label: [0, "p-label", "label"], help: [0, "p-help", "help"], optional: [0, "p-optional", "optional"], placeholder: [0, "p-placeholder", "placeholder"], placeholderSearch: [0, "p-placeholder-search", "placeholderSearch"], name: "name", hideSelectAll: [2, "p-hide-select-all", "hideSelectAll", convertToBoolean], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], errorLimit: [0, "p-error-limit", "errorLimit"], appendBox: [2, "p-append-in-body", "appendBox", convertToBoolean], errorAppendBox: [2, "p-error-append-in-body", "errorAppendBox", convertToBoolean], filterService: [0, "p-filter-service", "filterService"], autoHeight: [2, "p-auto-height", "autoHeight", convertToBoolean], debounceTime: [0, "p-debounce-time", "debounceTime"], literals: [0, "p-literals", "literals"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], disabled: [0, "p-disabled", "disabled"], hideSearch: [0, "p-hide-search", "hideSearch"], options: [0, "p-options", "options"], sort: [0, "p-sort", "sort"], filterMode: [0, "p-filter-mode", "filterMode"], fieldLabel: [0, "p-field-label", "fieldLabel"], fieldValue: [0, "p-field-value", "fieldValue"] }, outputs: { change: "p-change" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoMultiselectBaseComponent, [{
         type: Directive
@@ -36551,12 +36820,18 @@ class PoMultiselectBaseComponent {
         }], fieldErrorMessage: [{
             type: Input,
             args: ['p-field-error-message']
+        }], errorLimit: [{
+            type: Input,
+            args: ['p-error-limit']
         }], change: [{
             type: Output,
             args: ['p-change']
         }], appendBox: [{
             type: Input,
             args: [{ alias: 'p-append-in-body', transform: convertToBoolean }]
+        }], errorAppendBox: [{
+            type: Input,
+            args: [{ alias: 'p-error-append-in-body', transform: convertToBoolean }]
         }], filterService: [{
             type: Input,
             args: ['p-filter-service']
@@ -37269,7 +37544,7 @@ class PoMultiselectComponent extends PoMultiselectBaseComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.iconElement = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputElement = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.outerContainer = _t.first);
-        } }, features: [i0.ɵɵProvidersFeature(providers$1), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 20, vars: 31, consts: [["outerContainer", ""], ["trigger", "cdkOverlayOrigin"], ["inputElement", ""], ["iconElement", ""], ["dropdownDefault", ""], ["dropdownCDK", ""], ["dropdownListbox", ""], ["dropdownElement", ""], [3, "p-disabled", "p-label", "p-optional", "p-required", "p-show-required"], ["cdkOverlayOrigin", "", 1, "po-field-container-content"], [1, "po-input-icon-right", "po-multiselect-input", 3, "keydown", "click", "blur", "tabindex"], ["class", "po-multiselect-input-placeholder", "aria-hidden", "true", 4, "ngIf"], [3, "p-value", "p-literals", "p-removable", "po-clickable", "p-disabled", "p-close", 4, "ngFor", "ngForOf"], [1, "po-field-icon-container-right"], [3, "p-icon", "ngClass"], [4, "ngIf", "ngIfThen", "ngIfElse"], [3, "p-help", "p-disabled", "p-error-pattern"], ["aria-hidden", "true", 1, "po-multiselect-input-placeholder"], [3, "p-close", "p-value", "p-literals", "p-removable", "p-disabled"], [4, "ngTemplateOutlet"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen"], [3, "p-change", "p-change-search", "p-close-dropdown", "keydown", "p-searching", "p-hide-search", "p-hide-select-all", "p-literals", "p-options", "p-visible-options", "p-selected-options", "p-placeholder-search", "p-field-value", "p-field-label", "p-multiselect-template", "p-container-width"]], template: function PoMultiselectComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, features: [i0.ɵɵProvidersFeature(providers$1), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 20, vars: 33, consts: [["outerContainer", ""], ["trigger", "cdkOverlayOrigin"], ["inputElement", ""], ["iconElement", ""], ["dropdownDefault", ""], ["dropdownCDK", ""], ["dropdownListbox", ""], ["dropdownElement", ""], [3, "p-disabled", "p-label", "p-optional", "p-required", "p-show-required"], ["cdkOverlayOrigin", "", 1, "po-field-container-content"], [1, "po-input-icon-right", "po-multiselect-input", 3, "keydown", "click", "blur", "tabindex"], ["class", "po-multiselect-input-placeholder", "aria-hidden", "true", 4, "ngIf"], [3, "p-value", "p-literals", "p-removable", "po-clickable", "p-disabled", "p-close", 4, "ngFor", "ngForOf"], [1, "po-field-icon-container-right"], [3, "p-icon", "ngClass"], [4, "ngIf", "ngIfThen", "ngIfElse"], [3, "p-help", "p-disabled", "p-error-pattern", "p-error-limit", "p-append-in-body"], ["aria-hidden", "true", 1, "po-multiselect-input-placeholder"], [3, "p-close", "p-value", "p-literals", "p-removable", "p-disabled"], [4, "ngTemplateOutlet"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen"], [3, "p-change", "p-change-search", "p-close-dropdown", "keydown", "p-searching", "p-hide-search", "p-hide-select-all", "p-literals", "p-options", "p-visible-options", "p-selected-options", "p-placeholder-search", "p-field-value", "p-field-label", "p-multiselect-template", "p-container-width"]], template: function PoMultiselectComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", null, 0)(2, "po-field-container", 8)(3, "div", 9, 1)(5, "div", 10, 2);
             i0.ɵɵlistener("keydown", function PoMultiselectComponent_Template_div_keydown_5_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onKeyDown($event)); })("click", function PoMultiselectComponent_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.toggleDropdownVisibility()); })("blur", function PoMultiselectComponent_Template_div_blur_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onBlur()); });
@@ -37304,12 +37579,12 @@ class PoMultiselectComponent extends PoMultiselectBaseComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.appendBox)("ngIfThen", dropdownCDK_r10)("ngIfElse", dropdownDefault_r9);
             i0.ɵɵadvance(5);
-            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern());
+            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern())("p-error-limit", ctx.errorLimit)("p-append-in-body", ctx.errorAppendBox);
         } }, encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoMultiselectComponent, [{
         type: Component,
-        args: [{ selector: 'po-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, providers: providers$1, template: "<div #outerContainer>\n  <po-field-container\n    [p-disabled]=\"disabled\"\n    [p-label]=\"label\"\n    [p-optional]=\"optional\"\n    [p-required]=\"required\"\n    [p-show-required]=\"showRequired\"\n  >\n    <div\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      class=\"po-field-container-content\"\n      [class.po-multiselect-show]=\"dropdownOpen\"\n    >\n      <div\n        #inputElement\n        [tabindex]=\"disabled ? -1 : 0\"\n        [attr.disabled]=\"disabled\"\n        [attr.aria-label]=\"label\"\n        class=\"po-input-icon-right po-multiselect-input\"\n        [class.po-multiselect-input-auto]=\"autoHeight\"\n        [class.po-multiselect-input-static]=\"!autoHeight\"\n        [class.po-multiselect-input-disabled]=\"disabled\"\n        [class.po-multiselect-input-font]=\"!disabled && !visibleTags?.length\"\n        (keydown)=\"onKeyDown($event)\"\n        (click)=\"toggleDropdownVisibility()\"\n        (blur)=\"onBlur()\"\n      >\n        <span *ngIf=\"!disabled && !visibleTags?.length\" class=\"po-multiselect-input-placeholder\" aria-hidden=\"true\">\n          {{ placeholder ? placeholder : literals.selectItem }}\n        </span>\n\n        <po-tag\n          *ngFor=\"let tag of visibleTags; index as i\"\n          [p-value]=\"tag[fieldLabel]\"\n          [p-literals]=\"i + 1 === visibleTags.length && hasMoreTag ? literalsTag : undefined\"\n          [p-removable]=\"true\"\n          [class.po-clickable]=\"tag[fieldValue] === '' && !disabled\"\n          [p-disabled]=\"disabled\"\n          (p-close)=\"closeTag(tag[fieldValue], $event)\"\n        ></po-tag>\n\n        <div class=\"po-field-icon-container-right\">\n          <po-icon\n            p-icon=\"{{ dropdownIcon }}\"\n            #iconElement\n            class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n            [ngClass]=\"disabled ? 'po-field-icon-disabled' : ''\"\n          >\n          </po-icon>\n        </div>\n      </div>\n    </div>\n\n    <ng-container *ngIf=\"appendBox; then dropdownCDK; else dropdownDefault\"> </ng-container>\n\n    <ng-template #dropdownDefault>\n      <ng-container *ngTemplateOutlet=\"dropdownListbox\"> </ng-container>\n    </ng-template>\n\n    <ng-template #dropdownCDK>\n      <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"true\">\n        <ng-container *ngTemplateOutlet=\"dropdownListbox\"></ng-container>\n      </ng-template>\n    </ng-template>\n\n    <po-field-container-bottom\n      [p-help]=\"help\"\n      [p-disabled]=\"disabled\"\n      [p-error-pattern]=\"getErrorPattern()\"\n    ></po-field-container-bottom>\n  </po-field-container>\n\n  <ng-template #dropdownListbox>\n    <po-multiselect-dropdown\n      #dropdownElement\n      [p-searching]=\"isServerSearching\"\n      [p-hide-search]=\"hideSearch\"\n      [p-hide-select-all]=\"hideSelectAll\"\n      [p-literals]=\"literals\"\n      [p-options]=\"options\"\n      [p-visible-options]=\"visibleOptionsDropdown\"\n      [p-selected-options]=\"selectedOptions\"\n      [p-placeholder-search]=\"placeholderSearch\"\n      [p-field-value]=\"fieldValue\"\n      [p-field-label]=\"fieldLabel\"\n      [p-multiselect-template]=\"multiselectOptionTemplate\"\n      (p-change)=\"changeItems($event)\"\n      (p-change-search)=\"changeSearch($event)\"\n      (p-close-dropdown)=\"controlDropdownVisibility(false)\"\n      (keydown)=\"onKeyDownDropdown($event, 0)\"\n      [p-container-width]=\"containerWidth\"\n    >\n    </po-multiselect-dropdown>\n  </ng-template>\n</div>\n" }]
+        args: [{ selector: 'po-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, providers: providers$1, template: "<div #outerContainer>\n  <po-field-container\n    [p-disabled]=\"disabled\"\n    [p-label]=\"label\"\n    [p-optional]=\"optional\"\n    [p-required]=\"required\"\n    [p-show-required]=\"showRequired\"\n  >\n    <div\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      class=\"po-field-container-content\"\n      [class.po-multiselect-show]=\"dropdownOpen\"\n    >\n      <div\n        #inputElement\n        [tabindex]=\"disabled ? -1 : 0\"\n        [attr.disabled]=\"disabled\"\n        [attr.aria-label]=\"label\"\n        class=\"po-input-icon-right po-multiselect-input\"\n        [class.po-multiselect-input-auto]=\"autoHeight\"\n        [class.po-multiselect-input-static]=\"!autoHeight\"\n        [class.po-multiselect-input-disabled]=\"disabled\"\n        [class.po-multiselect-input-font]=\"!disabled && !visibleTags?.length\"\n        (keydown)=\"onKeyDown($event)\"\n        (click)=\"toggleDropdownVisibility()\"\n        (blur)=\"onBlur()\"\n      >\n        <span *ngIf=\"!disabled && !visibleTags?.length\" class=\"po-multiselect-input-placeholder\" aria-hidden=\"true\">\n          {{ placeholder ? placeholder : literals.selectItem }}\n        </span>\n\n        <po-tag\n          *ngFor=\"let tag of visibleTags; index as i\"\n          [p-value]=\"tag[fieldLabel]\"\n          [p-literals]=\"i + 1 === visibleTags.length && hasMoreTag ? literalsTag : undefined\"\n          [p-removable]=\"true\"\n          [class.po-clickable]=\"tag[fieldValue] === '' && !disabled\"\n          [p-disabled]=\"disabled\"\n          (p-close)=\"closeTag(tag[fieldValue], $event)\"\n        ></po-tag>\n\n        <div class=\"po-field-icon-container-right\">\n          <po-icon\n            p-icon=\"{{ dropdownIcon }}\"\n            #iconElement\n            class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n            [ngClass]=\"disabled ? 'po-field-icon-disabled' : ''\"\n          >\n          </po-icon>\n        </div>\n      </div>\n    </div>\n\n    <ng-container *ngIf=\"appendBox; then dropdownCDK; else dropdownDefault\"> </ng-container>\n\n    <ng-template #dropdownDefault>\n      <ng-container *ngTemplateOutlet=\"dropdownListbox\"> </ng-container>\n    </ng-template>\n\n    <ng-template #dropdownCDK>\n      <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"true\">\n        <ng-container *ngTemplateOutlet=\"dropdownListbox\"></ng-container>\n      </ng-template>\n    </ng-template>\n\n    <po-field-container-bottom\n      [p-help]=\"help\"\n      [p-disabled]=\"disabled\"\n      [p-error-pattern]=\"getErrorPattern()\"\n      [p-error-limit]=\"errorLimit\"\n      [p-append-in-body]=\"errorAppendBox\"\n    ></po-field-container-bottom>\n  </po-field-container>\n\n  <ng-template #dropdownListbox>\n    <po-multiselect-dropdown\n      #dropdownElement\n      [p-searching]=\"isServerSearching\"\n      [p-hide-search]=\"hideSearch\"\n      [p-hide-select-all]=\"hideSelectAll\"\n      [p-literals]=\"literals\"\n      [p-options]=\"options\"\n      [p-visible-options]=\"visibleOptionsDropdown\"\n      [p-selected-options]=\"selectedOptions\"\n      [p-placeholder-search]=\"placeholderSearch\"\n      [p-field-value]=\"fieldValue\"\n      [p-field-label]=\"fieldLabel\"\n      [p-multiselect-template]=\"multiselectOptionTemplate\"\n      (p-change)=\"changeItems($event)\"\n      (p-change-search)=\"changeSearch($event)\"\n      (p-close-dropdown)=\"controlDropdownVisibility(false)\"\n      (keydown)=\"onKeyDownDropdown($event, 0)\"\n      [p-container-width]=\"containerWidth\"\n    >\n    </po-multiselect-dropdown>\n  </ng-template>\n</div>\n" }]
     }], () => [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: PoControlPositionService }, { type: PoMultiselectFilterService }, { type: PoLanguageService }], { multiselectOptionTemplate: [{
             type: ContentChild,
             args: [PoMultiselectOptionTemplateDirective, { static: true }]
@@ -37581,7 +37856,7 @@ class PoNumberComponent extends PoNumberBaseComponent {
                     useExisting: forwardRef(() => PoNumberComponent),
                     multi: true
                 }
-            ]), i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 26, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], ["class", "po-field-icon-container-left", 4, "ngIf"], ["type", "number", 1, "po-input", 3, "blur", "focus", "input", "keydown", "autocomplete", "disabled", "id", "placeholder", "readonly", "required", "tabindex"], [1, "po-field-icon-container-right"], ["class", "po-icon-input", 3, "p-default-value", "p-element-ref", "p-change-event", 4, "ngIf"], [3, "p-help", "p-disabled", "p-error-pattern"], [1, "po-field-icon-container-left"], [1, "po-field-icon", "po-icon-input", 3, "p-icon"], [1, "po-icon-input", 3, "p-change-event", "p-default-value", "p-element-ref"]], template: function PoNumberComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 28, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], ["class", "po-field-icon-container-left", 4, "ngIf"], ["type", "number", 1, "po-input", 3, "blur", "focus", "input", "keydown", "autocomplete", "disabled", "id", "placeholder", "readonly", "required", "tabindex"], [1, "po-field-icon-container-right"], ["class", "po-icon-input", 3, "p-default-value", "p-element-ref", "p-change-event", 4, "ngIf"], [3, "p-help", "p-disabled", "p-error-limit", "p-error-pattern", "p-append-in-body"], [1, "po-field-icon-container-left"], [1, "po-field-icon", "po-icon-input", 3, "p-icon"], [1, "po-icon-input", 3, "p-change-event", "p-default-value", "p-element-ref"]], template: function PoNumberComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "po-field-container", 1)(1, "div", 2);
             i0.ɵɵtemplate(2, PoNumberComponent_div_2_Template, 2, 3, "div", 3);
@@ -37604,7 +37879,7 @@ class PoNumberComponent extends PoNumberBaseComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.clean && !ctx.disabled && !ctx.readonly);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPatternMessage());
+            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-limit", ctx.errorLimit)("p-error-pattern", ctx.getErrorPatternMessage())("p-append-in-body", ctx.errorAppendBox);
         } }, dependencies: [i1.NgIf, PoCleanComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoIconComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoNumberComponent, [{
@@ -37620,7 +37895,7 @@ class PoNumberComponent extends PoNumberBaseComponent {
                         useExisting: forwardRef(() => PoNumberComponent),
                         multi: true
                     }
-                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n      <po-icon class=\"po-field-icon po-icon-input\" [class.po-field-icon-disabled]=\"disabled\" [p-icon]=\"icon\"></po-icon>\n    </div>\n    <input\n      #inp\n      class=\"po-input\"\n      type=\"number\"\n      [attr.max]=\"max\"\n      [attr.min]=\"min\"\n      [attr.name]=\"name\"\n      [attr.step]=\"step\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-left]=\"icon\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [tabindex]=\"disabled ? -1 : 0\"\n      (blur)=\"onBlur($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n      (keydown)=\"onKeyDown($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean\n        class=\"po-icon-input\"\n        *ngIf=\"clean && !disabled && !readonly\"\n        [p-default-value]=\"null\"\n        [p-element-ref]=\"inputEl\"\n        (p-change-event)=\"clear($event)\"\n      >\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom [p-help]=\"help\" [p-disabled]=\"disabled\" [p-error-pattern]=\"getErrorPatternMessage()\">\n  </po-field-container-bottom>\n</po-field-container>\n" }]
+                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n      <po-icon class=\"po-field-icon po-icon-input\" [class.po-field-icon-disabled]=\"disabled\" [p-icon]=\"icon\"></po-icon>\n    </div>\n    <input\n      #inp\n      class=\"po-input\"\n      type=\"number\"\n      [attr.max]=\"max\"\n      [attr.min]=\"min\"\n      [attr.name]=\"name\"\n      [attr.step]=\"step\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-left]=\"icon\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [tabindex]=\"disabled ? -1 : 0\"\n      (blur)=\"onBlur($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n      (keydown)=\"onKeyDown($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean\n        class=\"po-icon-input\"\n        *ngIf=\"clean && !disabled && !readonly\"\n        [p-default-value]=\"null\"\n        [p-element-ref]=\"inputEl\"\n        (p-change-event)=\"clear($event)\"\n      >\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-limit]=\"errorLimit\"\n    [p-error-pattern]=\"getErrorPatternMessage()\"\n    [p-append-in-body]=\"errorAppendBox\"\n  >\n  </po-field-container-bottom>\n</po-field-container>\n" }]
     }], () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], { step: [{
             type: Input,
             args: ['p-step']
@@ -37734,7 +38009,7 @@ class PoPasswordComponent extends PoInputGeneric {
                     useExisting: forwardRef(() => PoPasswordComponent),
                     multi: true
                 }
-            ]), i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 28, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], [1, "po-field-icon-container-left"], ["p-icon", "ICON_LOCK"], [1, "po-input", "po-input-icon-left", 3, "blur", "click", "focus", "input", "autocomplete", "disabled", "id", "placeholder", "readonly", "required", "type"], [1, "po-field-icon-container-right"], ["class", "po-icon-input", 3, "p-element-ref", "p-change-event", 4, "ngIf"], ["class", "po-field-icon po-icon-input", 3, "p-icon", "ngClass", "click", 4, "ngIf"], [3, "p-help", "p-disabled", "p-error-pattern"], [1, "po-icon-input", 3, "p-change-event", "p-element-ref"], [1, "po-field-icon", "po-icon-input", 3, "click", "p-icon", "ngClass"]], template: function PoPasswordComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 29, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], [1, "po-field-icon-container-left"], ["p-icon", "ICON_LOCK"], [1, "po-input", "po-input-icon-left", 3, "blur", "click", "focus", "input", "autocomplete", "disabled", "id", "placeholder", "readonly", "required", "type"], [1, "po-field-icon-container-right"], ["class", "po-icon-input", 3, "p-element-ref", "p-change-event", 4, "ngIf"], ["class", "po-field-icon po-icon-input", 3, "p-icon", "ngClass", "click", 4, "ngIf"], [3, "p-help", "p-disabled", "p-error-pattern", "p-error-limit"], [1, "po-icon-input", 3, "p-change-event", "p-element-ref"], [1, "po-field-icon", "po-icon-input", 3, "click", "p-icon", "ngClass"]], template: function PoPasswordComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "po-field-container", 1)(1, "div", 2)(2, "div", 3);
             i0.ɵɵelement(3, "po-icon", 4);
@@ -37762,7 +38037,7 @@ class PoPasswordComponent extends PoInputGeneric {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.hidePasswordPeek && !ctx.disabled);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern());
+            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern())("p-error-limit", ctx.errorLimit);
         } }, dependencies: [i1.NgClass, i1.NgIf, PoCleanComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoIconComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPasswordComponent, [{
@@ -37778,7 +38053,7 @@ class PoPasswordComponent extends PoInputGeneric {
                         useExisting: forwardRef(() => PoPasswordComponent),
                         multi: true
                     }
-                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div class=\"po-field-icon-container-left\">\n      <po-icon\n        p-icon=\"ICON_LOCK\"\n        class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        [class.po-field-icon-disabled]=\"disabled\"\n      >\n      </po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input po-input-icon-left\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-double-icon-right]=\"clean && inp.value && !hidePasswordPeek\"\n      [class.po-input-icon-right]=\"clean || !hidePasswordPeek\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"disabled ? 'password' : type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean\n        class=\"po-icon-input\"\n        *ngIf=\"clean && !disabled && !readonly\"\n        [p-element-ref]=\"inputEl\"\n        (p-change-event)=\"clear($event)\"\n      >\n      </po-clean>\n\n      <po-icon\n        *ngIf=\"!hidePasswordPeek && !disabled\"\n        [p-icon]=\"visiblePassword ? 'ICON_EYE' : 'ICON_EYE_OFF po-field-icon-disabled'\"\n        class=\"po-field-icon po-icon-input\"\n        [ngClass]=\"!visiblePassword ? 'po-field-icon-disabled' : ''\"\n        (click)=\"showPassword()\"\n      >\n      </po-icon>\n    </div>\n  </div>\n\n  <po-field-container-bottom [p-help]=\"help\" [p-disabled]=\"disabled\" [p-error-pattern]=\"getErrorPattern()\">\n  </po-field-container-bottom>\n</po-field-container>\n" }]
+                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div class=\"po-field-icon-container-left\">\n      <po-icon\n        p-icon=\"ICON_LOCK\"\n        class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        [class.po-field-icon-disabled]=\"disabled\"\n      >\n      </po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input po-input-icon-left\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-double-icon-right]=\"clean && inp.value && !hidePasswordPeek\"\n      [class.po-input-icon-right]=\"clean || !hidePasswordPeek\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"disabled ? 'password' : type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean\n        class=\"po-icon-input\"\n        *ngIf=\"clean && !disabled && !readonly\"\n        [p-element-ref]=\"inputEl\"\n        (p-change-event)=\"clear($event)\"\n      >\n      </po-clean>\n\n      <po-icon\n        *ngIf=\"!hidePasswordPeek && !disabled\"\n        [p-icon]=\"visiblePassword ? 'ICON_EYE' : 'ICON_EYE_OFF po-field-icon-disabled'\"\n        class=\"po-field-icon po-icon-input\"\n        [ngClass]=\"!visiblePassword ? 'po-field-icon-disabled' : ''\"\n        (click)=\"showPassword()\"\n      >\n      </po-icon>\n    </div>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n    [p-error-limit]=\"errorLimit\"\n  >\n  </po-field-container-bottom>\n</po-field-container>\n" }]
     }], () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], { hidePasswordPeek: [{
             type: Input,
             args: ['p-hide-password-peek']
@@ -37878,6 +38153,19 @@ class PoRichTextBaseComponent {
      * Mensagem que será apresentada quando a propriedade required estiver habilitada e o campo for limpo após algo ser digitado.
      */
     errorMessage = '';
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
+     *
+     * > Caso essa propriedade seja definida como `true`, a mensagem de erro será limitada a duas linhas
+     * e um tooltip será exibido ao passar o mouse sobre a mensagem para mostrar o conteúdo completo.
+     *
+     * @default `false`
+     */
+    errorLimit = false;
     /**
      * @optional
      *
@@ -38074,7 +38362,7 @@ class PoRichTextBaseComponent {
         }
     }
     static ɵfac = function PoRichTextBaseComponent_Factory(t) { return new (t || PoRichTextBaseComponent)(i0.ɵɵdirectiveInject(PoRichTextService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoRichTextBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], disabledTextAlign: [2, "p-disabled-text-align", "disabledTextAlign", convertToBoolean], errorMessage: [0, "p-error-message", "errorMessage"], help: [0, "p-help", "help"], label: [0, "p-label", "label"], name: "name", optional: [0, "p-optional", "optional"], hideToolbarActions: [0, "p-hide-toolbar-actions", "hideToolbarActions"], height: [0, "p-height", "height"], placeholder: [0, "p-placeholder", "placeholder"], readonly: [0, "p-readonly", "readonly"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"] }, outputs: { change: "p-change", changeModel: "p-change-model" }, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoRichTextBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], disabledTextAlign: [2, "p-disabled-text-align", "disabledTextAlign", convertToBoolean], errorMessage: [0, "p-error-message", "errorMessage"], errorLimit: [0, "p-error-limit", "errorLimit"], help: [0, "p-help", "help"], label: [0, "p-label", "label"], name: "name", optional: [0, "p-optional", "optional"], hideToolbarActions: [0, "p-hide-toolbar-actions", "hideToolbarActions"], height: [0, "p-height", "height"], placeholder: [0, "p-placeholder", "placeholder"], readonly: [0, "p-readonly", "readonly"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"] }, outputs: { change: "p-change", changeModel: "p-change-model" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoRichTextBaseComponent, [{
         type: Directive
@@ -38087,6 +38375,9 @@ class PoRichTextBaseComponent {
         }], errorMessage: [{
             type: Input,
             args: ['p-error-message']
+        }], errorLimit: [{
+            type: Input,
+            args: ['p-error-limit']
         }], help: [{
             type: Input,
             args: ['p-help']
@@ -38943,6 +39234,84 @@ class PoUploadBaseComponent {
      * @default `true`
      */
     requiredUrl = true;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define uma ação personalizada no componente `po-upload`, adicionando um botão no canto inferior direito
+     * de cada barra de progresso associada aos arquivos enviados ou em envio.
+     *
+     * A ação deve implementar a interface **PoProgressAction**, permitindo configurar propriedades como:
+     * - `label`: Texto do botão.
+     * - `icon`: Ícone a ser exibido no botão.
+     * - `type`: Tipo de botão (ex.: `danger` ou `default`).
+     * - `disabled`: Indica se o botão deve estar desabilitado.
+     * - `visible`: Indica se o botão deve estar visível.
+     *
+     * **Exemplo de uso:**
+     *
+     * ```html
+     * <po-upload
+     *  [p-custom-action]="customAction"
+     *  (p-custom-action-click)="onCustomActionClick($event)">
+     * </po-upload>
+     * ```
+     *
+     * ```typescript
+     * customAction: PoProgressAction = {
+     *   label: 'Baixar',
+     *   icon: 'ph ph-download',
+     *   type: 'default',
+     *   visible: true
+     * };
+     *
+     * onCustomActionClick(file: PoUploadFile) {
+     *   console.log(`Ação personalizada clicada para o arquivo: ${file.name}`);
+     * }
+     * ```
+     */
+    customAction;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento emitido ao clicar na ação personalizada configurada no `p-custom-action`.
+     *
+     * O evento retorna o arquivo associado à barra de progresso onde a ação foi clicada,
+     * permitindo executar operações específicas para aquele arquivo.
+     *
+     * **Exemplo de uso:**
+     *
+     * ```html
+     * <po-upload
+     *  [p-custom-action]="customAction"
+     *  (p-custom-action-click)="onCustomActionClick($event)">
+     * </po-upload>
+     * ```
+     *
+     * ```typescript
+     * customAction: PoProgressAction = {
+     *   label: 'Baixar',
+     *   icon: 'ph ph-download',
+     *   type: 'default',
+     *   visible: true
+     * };
+     *
+     * onCustomActionClick(file: PoUploadFile) {
+     *   console.log(`Ação personalizada clicada para o arquivo: ${file.name}`);
+     *   // Lógica para download do arquivo
+     *   this.downloadFile(file);
+     * }
+     *
+     * downloadFile(file: PoUploadFile) {
+     *   // Exemplo de download
+     *   console.log(`Iniciando o download do arquivo: ${file.name}`);
+     * }
+     * ```
+     */
+    customActionClick = new EventEmitter();
     /**
      * @optional
      *
@@ -39369,7 +39738,7 @@ class PoUploadBaseComponent {
     static ɵfac = function PoUploadBaseComponent_Factory(t) { return new (t || PoUploadBaseComponent)(i0.ɵɵdirectiveInject(PoUploadService), i0.ɵɵdirectiveInject(PoLanguageService)); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoUploadBaseComponent, hostVars: 1, hostBindings: function PoUploadBaseComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("p-required-url", ctx.requiredUrl);
-        } }, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], dragDropHeight: [0, "p-drag-drop-height", "dragDropHeight"], label: [0, "p-label", "label"], help: [0, "p-help", "help"], url: [0, "p-url", "url"], name: "name", autoUpload: [0, "p-auto-upload", "autoUpload"], disabledRemoveFile: [2, "p-disabled-remove-file", "disabledRemoveFile", convertToBoolean], optional: [0, "p-optional", "optional"], headers: [0, "p-headers", "headers"], requiredUrl: [2, "p-required-url", "requiredUrl", convertToBoolean], directory: [0, "p-directory", "directory"], dragDrop: [0, "p-drag-drop", "dragDrop"], hideRestrictionsInfo: [0, "p-hide-restrictions-info", "hideRestrictionsInfo"], hideSelectButton: [0, "p-hide-select-button", "hideSelectButton"], hideSendButton: [0, "p-hide-send-button", "hideSendButton"], literals: [0, "p-literals", "literals"], fileRestrictions: [0, "p-restrictions", "fileRestrictions"], formField: [0, "p-form-field", "formField"], disabled: [0, "p-disabled", "disabled"], isMultiple: [0, "p-multiple", "isMultiple"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"] }, outputs: { onUpload: "p-upload", onError: "p-error", onSuccess: "p-success", ngModelChange: "ngModelChange" }, features: [i0.ɵɵInputTransformsFeature] });
+        } }, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], dragDropHeight: [0, "p-drag-drop-height", "dragDropHeight"], label: [0, "p-label", "label"], help: [0, "p-help", "help"], url: [0, "p-url", "url"], name: "name", autoUpload: [0, "p-auto-upload", "autoUpload"], disabledRemoveFile: [2, "p-disabled-remove-file", "disabledRemoveFile", convertToBoolean], optional: [0, "p-optional", "optional"], headers: [0, "p-headers", "headers"], requiredUrl: [2, "p-required-url", "requiredUrl", convertToBoolean], customAction: [0, "p-custom-action", "customAction"], directory: [0, "p-directory", "directory"], dragDrop: [0, "p-drag-drop", "dragDrop"], hideRestrictionsInfo: [0, "p-hide-restrictions-info", "hideRestrictionsInfo"], hideSelectButton: [0, "p-hide-select-button", "hideSelectButton"], hideSendButton: [0, "p-hide-send-button", "hideSendButton"], literals: [0, "p-literals", "literals"], fileRestrictions: [0, "p-restrictions", "fileRestrictions"], formField: [0, "p-form-field", "formField"], disabled: [0, "p-disabled", "disabled"], isMultiple: [0, "p-multiple", "isMultiple"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"] }, outputs: { customActionClick: "p-custom-action-click", onUpload: "p-upload", onError: "p-error", onSuccess: "p-success", ngModelChange: "ngModelChange" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoUploadBaseComponent, [{
         type: Directive
@@ -39409,6 +39778,12 @@ class PoUploadBaseComponent {
         }, {
             type: Input,
             args: [{ alias: 'p-required-url', transform: convertToBoolean }]
+        }], customAction: [{
+            type: Input,
+            args: ['p-custom-action']
+        }], customActionClick: [{
+            type: Output,
+            args: ['p-custom-action-click']
         }], onUpload: [{
             type: Output,
             args: ['p-upload']
@@ -40082,16 +40457,16 @@ function PoUploadComponent_po_upload_file_restrictions_7_Template(rf, ctx) { if
 function PoUploadComponent_div_8_po_progress_3_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-progress", 19);
-    i0.ɵɵlistener("p-cancel", function PoUploadComponent_div_8_po_progress_3_Template_po_progress_p_cancel_0_listener() { const file_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.cancel(file_r6)); })("p-retry", function PoUploadComponent_div_8_po_progress_3_Template_po_progress_p_retry_0_listener() { const file_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.uploadFiles([file_r6])); });
+    i0.ɵɵlistener("p-custom-action-click", function PoUploadComponent_div_8_po_progress_3_Template_po_progress_p_custom_action_click_0_listener() { const file_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.customClick(file_r6)); })("p-cancel", function PoUploadComponent_div_8_po_progress_3_Template_po_progress_p_cancel_0_listener() { const file_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.cancel(file_r6)); })("p-retry", function PoUploadComponent_div_8_po_progress_3_Template_po_progress_p_retry_0_listener() { const file_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.uploadFiles([file_r6])); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const file_r6 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("p-disabled-cancel", ctx_r2.disabledRemoveFile)("p-info", ctx_r2.infoByUploadStatus[file_r6.status] == null ? null : ctx_r2.infoByUploadStatus[file_r6.status].text(file_r6.percent))("p-info-icon", ctx_r2.infoByUploadStatus[file_r6.status] == null ? null : ctx_r2.infoByUploadStatus[file_r6.status].icon)("p-status", ctx_r2.progressStatusByFileStatus[file_r6.status])("p-text", file_r6.displayName)("p-value", file_r6.percent);
+    i0.ɵɵproperty("p-disabled-cancel", ctx_r2.disabledRemoveFile)("p-info", ctx_r2.infoByUploadStatus[file_r6.status] == null ? null : ctx_r2.infoByUploadStatus[file_r6.status].text(file_r6.percent))("p-info-icon", ctx_r2.infoByUploadStatus[file_r6.status] == null ? null : ctx_r2.infoByUploadStatus[file_r6.status].icon)("p-status", ctx_r2.progressStatusByFileStatus[file_r6.status])("p-text", file_r6.displayName)("p-value", file_r6.percent)("p-custom-action", ctx_r2.customAction);
 } }
 function PoUploadComponent_div_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15)(1, "po-container", 16)(2, "div", 17);
-    i0.ɵɵtemplate(3, PoUploadComponent_div_8_po_progress_3_Template, 1, 6, "po-progress", 18);
+    i0.ɵɵtemplate(3, PoUploadComponent_div_8_po_progress_3_Template, 1, 7, "po-progress", 18);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -40136,6 +40511,11 @@ function PoUploadComponent_po_button_9_Template(rf, ctx) { if (rf & 1) {
  *   <file name="sample-po-upload-rs/sample-po-upload-rs.component.html"> </file>
  *   <file name="sample-po-upload-rs/sample-po-upload-rs.component.ts"> </file>
  * </example>
+ *
+ * <example name="po-upload-download" title="PO Upload - with Download Button">
+ *   <file name="sample-po-upload-download/sample-po-upload-download.component.html"> </file>
+ *   <file name="sample-po-upload-download/sample-po-upload-download.component.ts"> </file>
+ * </example>
  */
 class PoUploadComponent extends PoUploadBaseComponent {
     renderer;
@@ -40362,6 +40742,11 @@ class PoUploadComponent extends PoUploadBaseComponent {
             this.onError.emit(eventError);
         });
     }
+    customClick(file) {
+        if (this.customAction) {
+            this.customActionClick.emit(file);
+        }
+    }
     cleanInputValue() {
         this.calledByCleanInputValue = true;
         this.inputFile.nativeElement.value = '';
@@ -40433,7 +40818,7 @@ class PoUploadComponent extends PoUploadBaseComponent {
                     useExisting: forwardRef(() => PoUploadComponent),
                     multi: true
                 }
-            ]), i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 19, consts: [["inputFile", ""], ["uploadButton", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], [1, "po-upload"], ["type", "file", 1, "po-upload-input", 3, "change", "accept", "id", "disabled", "multiple", "required"], [3, "p-directory-compatible", "p-disabled", "p-drag-drop-height", "p-literals", "p-file-change", "p-select-files", 4, "ngIf"], ["class", "po-upload-button", "for", "file", 3, "p-disabled", "p-label", "p-click", 4, "ngIf"], ["class", "po-upload-file-restrictions", 3, "ngClass", "p-allowed-extensions", "p-max-files", "p-max-file-size", "p-min-file-size", 4, "ngIf"], ["class", "po-upload-progress-container", 4, "ngIf"], ["class", "po-upload-send-button", "p-kind", "primary", 3, "po-mt-3", "p-disabled", "p-label", "p-click", 4, "ngIf"], [3, "p-help", "p-disabled"], [3, "p-file-change", "p-select-files", "p-directory-compatible", "p-disabled", "p-drag-drop-height", "p-literals"], ["for", "file", 1, "po-upload-button", 3, "p-click", "p-disabled", "p-label"], [1, "po-upload-file-restrictions", 3, "ngClass", "p-allowed-extensions", "p-max-files", "p-max-file-size", "p-min-file-size"], [1, "po-upload-progress-container"], [3, "p-height", "p-no-border", "p-no-padding"], [3, "ngClass"], [3, "p-disabled-cancel", "p-info", "p-info-icon", "p-status", "p-text", "p-value", "p-cancel", "p-retry", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "p-cancel", "p-retry", "p-disabled-cancel", "p-info", "p-info-icon", "p-status", "p-text", "p-value"], ["p-kind", "primary", 1, "po-upload-send-button", 3, "p-click", "p-disabled", "p-label"]], template: function PoUploadComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 19, consts: [["inputFile", ""], ["uploadButton", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], [1, "po-upload"], ["type", "file", 1, "po-upload-input", 3, "change", "accept", "id", "disabled", "multiple", "required"], [3, "p-directory-compatible", "p-disabled", "p-drag-drop-height", "p-literals", "p-file-change", "p-select-files", 4, "ngIf"], ["class", "po-upload-button", "for", "file", 3, "p-disabled", "p-label", "p-click", 4, "ngIf"], ["class", "po-upload-file-restrictions", 3, "ngClass", "p-allowed-extensions", "p-max-files", "p-max-file-size", "p-min-file-size", 4, "ngIf"], ["class", "po-upload-progress-container", 4, "ngIf"], ["class", "po-upload-send-button", "p-kind", "primary", 3, "po-mt-3", "p-disabled", "p-label", "p-click", 4, "ngIf"], [3, "p-help", "p-disabled"], [3, "p-file-change", "p-select-files", "p-directory-compatible", "p-disabled", "p-drag-drop-height", "p-literals"], ["for", "file", 1, "po-upload-button", 3, "p-click", "p-disabled", "p-label"], [1, "po-upload-file-restrictions", 3, "ngClass", "p-allowed-extensions", "p-max-files", "p-max-file-size", "p-min-file-size"], [1, "po-upload-progress-container"], [3, "p-height", "p-no-border", "p-no-padding"], [3, "ngClass"], [3, "p-disabled-cancel", "p-info", "p-info-icon", "p-status", "p-text", "p-value", "p-custom-action", "p-custom-action-click", "p-cancel", "p-retry", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "p-custom-action-click", "p-cancel", "p-retry", "p-disabled-cancel", "p-info", "p-info-icon", "p-status", "p-text", "p-value", "p-custom-action"], ["p-kind", "primary", 1, "po-upload-send-button", 3, "p-click", "p-disabled", "p-label"]], template: function PoUploadComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "po-field-container", 2)(1, "div", 3)(2, "div", 4)(3, "input", 5, 0);
             i0.ɵɵlistener("change", function PoUploadComponent_Template_input_change_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onFileChange($event)); });
@@ -40476,7 +40861,7 @@ class PoUploadComponent extends PoUploadBaseComponent {
                         useExisting: forwardRef(() => PoUploadComponent),
                         multi: true
                     }
-                ], template: "<po-field-container\n  [p-disabled]=\"isDisabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div class=\"po-upload\">\n      <input\n        #inputFile\n        class=\"po-upload-input\"\n        type=\"file\"\n        [accept]=\"allowedExtensions\"\n        [attr.name]=\"name\"\n        [id]=\"id\"\n        [disabled]=\"isDisabled\"\n        [multiple]=\"isMultiple\"\n        [required]=\"required\"\n        (change)=\"onFileChange($event)\"\n      />\n\n      <po-upload-drag-drop\n        *ngIf=\"displayDragDrop\"\n        [p-directory-compatible]=\"canHandleDirectory\"\n        [p-disabled]=\"isDisabled\"\n        [p-drag-drop-height]=\"dragDropHeight\"\n        [p-literals]=\"literals\"\n        (p-file-change)=\"onFileChangeDragDrop($event)\"\n        (p-select-files)=\"selectFiles()\"\n      >\n      </po-upload-drag-drop>\n\n      <po-button\n        *ngIf=\"!hideSelectButton && !displayDragDrop\"\n        #uploadButton\n        class=\"po-upload-button\"\n        for=\"file\"\n        [p-disabled]=\"isDisabled\"\n        [p-label]=\"selectFileButtonLabel\"\n        (p-click)=\"selectFiles()\"\n      >\n      </po-button>\n\n      <po-upload-file-restrictions\n        *ngIf=\"fileRestrictions && !hideRestrictionsInfo\"\n        class=\"po-upload-file-restrictions\"\n        [ngClass]=\"{ 'po-upload-file-restrictions-drag-drop': displayDragDrop }\"\n        [p-allowed-extensions]=\"fileRestrictions?.allowedExtensions\"\n        [p-max-files]=\"maxFiles\"\n        [p-max-file-size]=\"fileRestrictions?.maxFileSize\"\n        [p-min-file-size]=\"fileRestrictions?.minFileSize\"\n      >\n      </po-upload-file-restrictions>\n\n      <div *ngIf=\"currentFiles && currentFiles.length\" class=\"po-upload-progress-container\">\n        <po-container\n          [p-height]=\"hasMoreThanFourItems ? 280 : 'auto'\"\n          [p-no-border]=\"!hasMoreThanFourItems\"\n          [p-no-padding]=\"!hasMoreThanFourItems\"\n        >\n          <div [ngClass]=\"{ 'po-upload-progress-container-area po-pt-2 po-pl-1': hasMoreThanFourItems }\">\n            <po-progress\n              *ngFor=\"let file of currentFiles; trackBy: trackByFn\"\n              [p-disabled-cancel]=\"disabledRemoveFile\"\n              [p-info]=\"infoByUploadStatus[file.status]?.text(file.percent)\"\n              [p-info-icon]=\"infoByUploadStatus[file.status]?.icon\"\n              [p-status]=\"progressStatusByFileStatus[file.status]\"\n              [p-text]=\"file.displayName\"\n              [p-value]=\"file.percent\"\n              (p-cancel)=\"cancel(file)\"\n              (p-retry)=\"uploadFiles([file])\"\n            >\n            </po-progress>\n          </div>\n        </po-container>\n      </div>\n\n      <po-button\n        *ngIf=\"displaySendButton\"\n        class=\"po-upload-send-button\"\n        [class.po-mt-3]=\"hasMoreThanFourItems\"\n        p-kind=\"primary\"\n        [p-disabled]=\"hasAnyFileUploading(currentFiles)\"\n        [p-label]=\"literals.startSending\"\n        (p-click)=\"uploadFiles(currentFiles)\"\n      ></po-button>\n    </div>\n  </div>\n  <po-field-container-bottom [p-help]=\"help\" [p-disabled]=\"disabled\"></po-field-container-bottom>\n</po-field-container>\n" }]
+                ], template: "<po-field-container\n  [p-disabled]=\"isDisabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div class=\"po-upload\">\n      <input\n        #inputFile\n        class=\"po-upload-input\"\n        type=\"file\"\n        [accept]=\"allowedExtensions\"\n        [attr.name]=\"name\"\n        [id]=\"id\"\n        [disabled]=\"isDisabled\"\n        [multiple]=\"isMultiple\"\n        [required]=\"required\"\n        (change)=\"onFileChange($event)\"\n      />\n\n      <po-upload-drag-drop\n        *ngIf=\"displayDragDrop\"\n        [p-directory-compatible]=\"canHandleDirectory\"\n        [p-disabled]=\"isDisabled\"\n        [p-drag-drop-height]=\"dragDropHeight\"\n        [p-literals]=\"literals\"\n        (p-file-change)=\"onFileChangeDragDrop($event)\"\n        (p-select-files)=\"selectFiles()\"\n      >\n      </po-upload-drag-drop>\n\n      <po-button\n        *ngIf=\"!hideSelectButton && !displayDragDrop\"\n        #uploadButton\n        class=\"po-upload-button\"\n        for=\"file\"\n        [p-disabled]=\"isDisabled\"\n        [p-label]=\"selectFileButtonLabel\"\n        (p-click)=\"selectFiles()\"\n      >\n      </po-button>\n\n      <po-upload-file-restrictions\n        *ngIf=\"fileRestrictions && !hideRestrictionsInfo\"\n        class=\"po-upload-file-restrictions\"\n        [ngClass]=\"{ 'po-upload-file-restrictions-drag-drop': displayDragDrop }\"\n        [p-allowed-extensions]=\"fileRestrictions?.allowedExtensions\"\n        [p-max-files]=\"maxFiles\"\n        [p-max-file-size]=\"fileRestrictions?.maxFileSize\"\n        [p-min-file-size]=\"fileRestrictions?.minFileSize\"\n      >\n      </po-upload-file-restrictions>\n\n      <div *ngIf=\"currentFiles && currentFiles.length\" class=\"po-upload-progress-container\">\n        <po-container\n          [p-height]=\"hasMoreThanFourItems ? 280 : 'auto'\"\n          [p-no-border]=\"!hasMoreThanFourItems\"\n          [p-no-padding]=\"!hasMoreThanFourItems\"\n        >\n          <div [ngClass]=\"{ 'po-upload-progress-container-area po-pt-2 po-pl-1': hasMoreThanFourItems }\">\n            <po-progress\n              *ngFor=\"let file of currentFiles; trackBy: trackByFn\"\n              [p-disabled-cancel]=\"disabledRemoveFile\"\n              [p-info]=\"infoByUploadStatus[file.status]?.text(file.percent)\"\n              [p-info-icon]=\"infoByUploadStatus[file.status]?.icon\"\n              [p-status]=\"progressStatusByFileStatus[file.status]\"\n              [p-text]=\"file.displayName\"\n              [p-value]=\"file.percent\"\n              [p-custom-action]=\"customAction\"\n              (p-custom-action-click)=\"customClick(file)\"\n              (p-cancel)=\"cancel(file)\"\n              (p-retry)=\"uploadFiles([file])\"\n            >\n            </po-progress>\n          </div>\n        </po-container>\n      </div>\n\n      <po-button\n        *ngIf=\"displaySendButton\"\n        class=\"po-upload-send-button\"\n        [class.po-mt-3]=\"hasMoreThanFourItems\"\n        p-kind=\"primary\"\n        [p-disabled]=\"hasAnyFileUploading(currentFiles)\"\n        [p-label]=\"literals.startSending\"\n        (p-click)=\"uploadFiles(currentFiles)\"\n      ></po-button>\n    </div>\n  </div>\n  <po-field-container-bottom [p-help]=\"help\" [p-disabled]=\"disabled\"></po-field-container-bottom>\n</po-field-container>\n" }]
     }], () => [{ type: PoUploadService }, { type: i0.Renderer2 }, { type: PoI18nPipe }, { type: PoNotificationService }, { type: i0.ChangeDetectorRef }, { type: PoLanguageService }], { inputFile: [{
             type: ViewChild,
             args: ['inputFile', { read: ElementRef, static: true }]
@@ -40487,7 +40872,7 @@ class PoUploadComponent extends PoUploadBaseComponent {
             type: ViewChild,
             args: ['uploadButton']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoUploadComponent, { className: "PoUploadComponent", filePath: "lib/components/po-field/po-upload/po-upload.component.ts", lineNumber: 70 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoUploadComponent, { className: "PoUploadComponent", filePath: "lib/components/po-field/po-upload/po-upload.component.ts", lineNumber: 75 }); })();
 
 function PoUrlComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
@@ -40581,7 +40966,7 @@ class PoUrlComponent extends PoInputGeneric {
                     useExisting: forwardRef(() => PoUrlComponent),
                     multi: true
                 }
-            ]), i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 23, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], ["class", "po-field-icon-container-left", 4, "ngIf"], [1, "po-input", 3, "blur", "click", "focus", "input", "autocomplete", "disabled", "id", "placeholder", "readonly", "required", "type"], [1, "po-field-icon-container-right"], [3, "class", "p-element-ref", "p-change-event", 4, "ngIf"], [3, "p-help", "p-disabled", "p-error-pattern"], [1, "po-field-icon-container-left"], [3, "p-icon"], [3, "p-change-event", "p-element-ref"]], template: function PoUrlComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 25, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], ["class", "po-field-icon-container-left", 4, "ngIf"], [1, "po-input", 3, "blur", "click", "focus", "input", "autocomplete", "disabled", "id", "placeholder", "readonly", "required", "type"], [1, "po-field-icon-container-right"], [3, "class", "p-element-ref", "p-change-event", 4, "ngIf"], [3, "p-help", "p-disabled", "p-error-pattern", "p-error-limit", "p-append-in-body"], [1, "po-field-icon-container-left"], [3, "p-icon"], [3, "p-change-event", "p-element-ref"]], template: function PoUrlComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "po-field-container", 1)(1, "div", 2);
             i0.ɵɵtemplate(2, PoUrlComponent_div_2_Template, 2, 6, "div", 3);
@@ -40604,7 +40989,7 @@ class PoUrlComponent extends PoInputGeneric {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.clean && !ctx.disabled && !ctx.readonly);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern());
+            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern())("p-error-limit", ctx.errorLimit)("p-append-in-body", ctx.errorAppendBox);
         } }, dependencies: [i1.NgIf, PoCleanComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoIconComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoUrlComponent, [{
@@ -40620,7 +41005,7 @@ class PoUrlComponent extends PoInputGeneric {
                         useExisting: forwardRef(() => PoUrlComponent),
                         multi: true
                     }
-                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n      <po-icon\n        class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        [class.po-field-icon-disabled]=\"disabled\"\n        [p-icon]=\"icon\"\n      ></po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-left]=\"icon\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean\n        class=\"{{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        *ngIf=\"clean && !disabled && !readonly\"\n        [p-element-ref]=\"inputEl\"\n        (p-change-event)=\"clear($event)\"\n      >\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
+                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n      <po-icon\n        class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        [class.po-field-icon-disabled]=\"disabled\"\n        [p-icon]=\"icon\"\n      ></po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-left]=\"icon\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean\n        class=\"{{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n        *ngIf=\"clean && !disabled && !readonly\"\n        [p-element-ref]=\"inputEl\"\n        (p-change-event)=\"clear($event)\"\n      >\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n    [p-error-limit]=\"errorLimit\"\n    [p-append-in-body]=\"errorAppendBox\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
     }], () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoUrlComponent, { className: "PoUrlComponent", filePath: "lib/components/po-field/po-url/po-url.component.ts", lineNumber: 57 }); })();
 
@@ -41438,7 +41823,7 @@ class PoRichTextComponent extends PoRichTextBaseComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.bodyElement = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.richTextToolbar = _t.first);
-        } }, features: [i0.ɵɵProvidersFeature(providers), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 6, vars: 12, consts: [["richTextBody", ""], ["richTextToolbar", ""], [3, "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], [3, "p-change", "p-commands", "p-selected-link", "p-shortcut-command", "p-value", "p-blur", "p-height", "p-label", "p-model-value", "p-placeholder", "p-readonly"], [3, "p-readonly", "p-hide-toolbar-actions", "p-link-editing", "p-command", 4, "ngIf"], [3, "p-help", "p-error-pattern"], [3, "p-link-editing", "p-command", "p-readonly", "p-hide-toolbar-actions"]], template: function PoRichTextComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, features: [i0.ɵɵProvidersFeature(providers), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 6, vars: 13, consts: [["richTextBody", ""], ["richTextToolbar", ""], [3, "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], [3, "p-change", "p-commands", "p-selected-link", "p-shortcut-command", "p-value", "p-blur", "p-height", "p-label", "p-model-value", "p-placeholder", "p-readonly"], [3, "p-readonly", "p-hide-toolbar-actions", "p-link-editing", "p-command", 4, "ngIf"], [3, "p-help", "p-error-pattern", "p-error-limit"], [3, "p-link-editing", "p-command", "p-readonly", "p-hide-toolbar-actions"]], template: function PoRichTextComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "po-field-container", 2)(1, "div", 3)(2, "po-rich-text-body", 4, 0);
             i0.ɵɵlistener("p-change", function PoRichTextComponent_Template_po_rich_text_body_p_change_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onChangeValue($event)); })("p-commands", function PoRichTextComponent_Template_po_rich_text_body_p_commands_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.richTextToolbar == null ? null : ctx.richTextToolbar.setButtonsStates($event)); })("p-selected-link", function PoRichTextComponent_Template_po_rich_text_body_p_selected_link_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.richTextToolbar == null ? null : ctx.richTextToolbar.selectedLink($event)); })("p-shortcut-command", function PoRichTextComponent_Template_po_rich_text_body_p_shortcut_command_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.richTextToolbar == null ? null : ctx.richTextToolbar.shortcutTrigger()); })("p-value", function PoRichTextComponent_Template_po_rich_text_body_p_value_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.updateValue($event)); })("p-blur", function PoRichTextComponent_Template_po_rich_text_body_p_blur_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onBlur()); });
@@ -41454,12 +41839,12 @@ class PoRichTextComponent extends PoRichTextBaseComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", !ctx.isAllActionsHidden());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-help", ctx.help)("p-error-pattern", ctx.errorMsg);
+            i0.ɵɵproperty("p-help", ctx.help)("p-error-pattern", ctx.errorMsg)("p-error-limit", ctx.errorLimit);
         } }, dependencies: [i1.NgIf, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoRichTextBodyComponent, PoRichTextToolbarComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoRichTextComponent, [{
         type: Component,
-        args: [{ selector: 'po-rich-text', providers: providers, changeDetection: ChangeDetectionStrategy.OnPush, template: "<po-field-container [p-label]=\"label\" [p-optional]=\"optional\" [p-required]=\"required\" [p-show-required]=\"showRequired\">\n  <div class=\"po-field-container-content\">\n    <po-rich-text-body\n      #richTextBody\n      [p-height]=\"height\"\n      [p-label]=\"label\"\n      [p-model-value]=\"value\"\n      [p-placeholder]=\"placeholder\"\n      [p-readonly]=\"readonly\"\n      (p-change)=\"onChangeValue($event)\"\n      (p-commands)=\"richTextToolbar?.setButtonsStates($event)\"\n      (p-selected-link)=\"richTextToolbar?.selectedLink($event)\"\n      (p-shortcut-command)=\"richTextToolbar?.shortcutTrigger()\"\n      (p-value)=\"updateValue($event)\"\n      (p-blur)=\"onBlur()\"\n    >\n    </po-rich-text-body>\n\n    <po-rich-text-toolbar\n      #richTextToolbar\n      *ngIf=\"!isAllActionsHidden()\"\n      [p-readonly]=\"readonly\"\n      [p-hide-toolbar-actions]=\"toolbarActions\"\n      (p-link-editing)=\"richTextBody.linkEditing($event)\"\n      (p-command)=\"richTextBody.executeCommand($event)\"\n    >\n    </po-rich-text-toolbar>\n  </div>\n\n  <po-field-container-bottom [p-help]=\"help\" [p-error-pattern]=\"errorMsg\"></po-field-container-bottom>\n</po-field-container>\n" }]
+        args: [{ selector: 'po-rich-text', providers: providers, changeDetection: ChangeDetectionStrategy.OnPush, template: "<po-field-container [p-label]=\"label\" [p-optional]=\"optional\" [p-required]=\"required\" [p-show-required]=\"showRequired\">\n  <div class=\"po-field-container-content\">\n    <po-rich-text-body\n      #richTextBody\n      [p-height]=\"height\"\n      [p-label]=\"label\"\n      [p-model-value]=\"value\"\n      [p-placeholder]=\"placeholder\"\n      [p-readonly]=\"readonly\"\n      (p-change)=\"onChangeValue($event)\"\n      (p-commands)=\"richTextToolbar?.setButtonsStates($event)\"\n      (p-selected-link)=\"richTextToolbar?.selectedLink($event)\"\n      (p-shortcut-command)=\"richTextToolbar?.shortcutTrigger()\"\n      (p-value)=\"updateValue($event)\"\n      (p-blur)=\"onBlur()\"\n    >\n    </po-rich-text-body>\n\n    <po-rich-text-toolbar\n      #richTextToolbar\n      *ngIf=\"!isAllActionsHidden()\"\n      [p-readonly]=\"readonly\"\n      [p-hide-toolbar-actions]=\"toolbarActions\"\n      (p-link-editing)=\"richTextBody.linkEditing($event)\"\n      (p-command)=\"richTextBody.executeCommand($event)\"\n    >\n    </po-rich-text-toolbar>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-error-pattern]=\"errorMsg\"\n    [p-error-limit]=\"errorLimit\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
     }], () => [{ type: i0.ElementRef }, { type: PoRichTextService }], { bodyElement: [{
             type: ViewChild,
             args: [PoRichTextBodyComponent, { static: true }]
@@ -41509,6 +41894,20 @@ class PoFieldValidateModel extends PoFieldModel {
      *
      */
     fieldErrorMessage;
+    errorAppendBox = false;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
+     *
+     * > Caso essa propriedade seja definida como `true`, a mensagem de erro será limitada a duas linhas
+     * e um tooltip será exibido ao passar o mouse sobre a mensagem para mostrar o conteúdo completo.
+     *
+     * @default `false`
+     */
+    errorLimit = false;
     /**
      *  Define se a indicação de campo obrigatório será exibida.
      *
@@ -41545,7 +41944,7 @@ class PoFieldValidateModel extends PoFieldModel {
         }
     }
     static ɵfac = function PoFieldValidateModel_Factory(t) { return new (t || PoFieldValidateModel)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoFieldValidateModel, inputs: { optional: [2, "p-optional", "optional", convertToBoolean], required: [2, "p-required", "required", convertToBoolean], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], showRequired: [0, "p-show-required", "showRequired"] }, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoFieldValidateModel, inputs: { optional: [2, "p-optional", "optional", convertToBoolean], required: [2, "p-required", "required", convertToBoolean], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], errorAppendBox: [2, "p-error-append-in-body", "errorAppendBox", convertToBoolean], errorLimit: [0, "p-error-limit", "errorLimit"], showRequired: [0, "p-show-required", "showRequired"] }, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoFieldValidateModel, [{
         type: Directive
@@ -41558,6 +41957,12 @@ class PoFieldValidateModel extends PoFieldModel {
         }], fieldErrorMessage: [{
             type: Input,
             args: ['p-field-error-message']
+        }], errorAppendBox: [{
+            type: Input,
+            args: [{ alias: 'p-error-append-in-body', transform: convertToBoolean }]
+        }], errorLimit: [{
+            type: Input,
+            args: ['p-error-limit']
         }], showRequired: [{
             type: Input,
             args: ['p-show-required']
@@ -42035,7 +42440,7 @@ class PoSelectComponent extends PoFieldValidateModel {
                     useExisting: forwardRef(() => PoSelectComponent),
                     multi: true
                 }
-            ]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 9, vars: 20, consts: [["select", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], [1, "po-select", 3, "change", "ngClass", "disabled", "id", "required"], [4, "ngIf"], [3, "p-help", "p-disabled", "p-error-pattern"], [3, "disabled", "hidden", "selected", "value", 4, "ngIf"], [3, "hidden"], [3, "disabled", "hidden", "selected", "value"], [3, "disabled", "value", 4, "ngFor", "ngForOf"], [3, "disabled", "value"], [4, "ngFor", "ngForOf"], [3, "label", "disabled", 4, "ngIf"], [3, "label", "disabled"], [3, "value", "disabled", 4, "ngFor", "ngForOf"], [3, "value", "disabled"]], template: function PoSelectComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 9, vars: 22, consts: [["select", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], [1, "po-select", 3, "change", "ngClass", "disabled", "id", "required"], [4, "ngIf"], [3, "p-help", "p-disabled", "p-error-pattern", "p-error-limit", "p-append-in-body"], [3, "disabled", "hidden", "selected", "value", 4, "ngIf"], [3, "hidden"], [3, "disabled", "hidden", "selected", "value"], [3, "disabled", "value", 4, "ngFor", "ngForOf"], [3, "disabled", "value"], [4, "ngFor", "ngForOf"], [3, "label", "disabled", 4, "ngIf"], [3, "label", "disabled"], [3, "value", "disabled", 4, "ngFor", "ngForOf"], [3, "value", "disabled"]], template: function PoSelectComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "po-field-container", 1)(1, "div", 2)(2, "select", 3, 0);
             i0.ɵɵlistener("change", function PoSelectComponent_Template_select_change_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSelectChange($event.target.value)); });
@@ -42058,7 +42463,7 @@ class PoSelectComponent extends PoFieldValidateModel {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.listGroupOptions.length > 0);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern());
+            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern())("p-error-limit", ctx.errorLimit)("p-append-in-body", ctx.errorAppendBox);
         } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i2$1.NgSelectOption, i2$1.ɵNgSelectMultipleOption, PoFieldContainerBottomComponent, PoFieldContainerComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoSelectComponent, [{
@@ -42074,7 +42479,7 @@ class PoSelectComponent extends PoFieldValidateModel {
                         useExisting: forwardRef(() => PoSelectComponent),
                         multi: true
                     }
-                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <select\n      #select\n      class=\"po-select\"\n      [ngClass]=\"iconNameLib === 'PhosphorIcon' ? 'po-select-phosphor' : 'po-select-poicon'\"\n      [attr.name]=\"name\"\n      [class.po-select-placeholder]=\"!selectedValue?.toString() && !!placeholder\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [required]=\"required\"\n      (change)=\"onSelectChange($event.target.value)\"\n    >\n      <ng-container *ngIf=\"!isSafari\">\n        <option\n          *ngIf=\"!selectedValue?.toString() || !!placeholder\"\n          [disabled]=\"!!placeholder\"\n          [hidden]=\"!selectedValue?.toString() && !placeholder\"\n          [selected]=\"!selectedValue?.toString()\"\n          [value]=\"placeholder ?? ''\"\n        >\n          {{ placeholder }}\n        </option>\n        <option [hidden]=\"true\">{{ displayValue }}</option>\n      </ng-container>\n\n      <ng-container *ngIf=\"isSafari\">\n        <option>{{ displayValue || placeholder }}</option>\n      </ng-container>\n\n      <ng-container *ngIf=\"optionWithoutGroup.length > 0\">\n        <option *ngFor=\"let item of optionWithoutGroup\" [disabled]=\"readonly\" [value]=\"item?.[this.fieldValue]\">\n          {{ item?.[this.fieldLabel] }}\n        </option>\n      </ng-container>\n      <ng-container *ngIf=\"listGroupOptions.length > 0\">\n        <ng-container *ngFor=\"let item of listGroupOptions\">\n          <optgroup *ngIf=\"item?.options.length > 0\" label=\"{{ item?.label }}\" [disabled]=\"readonly\">\n            <option *ngFor=\"let subItem of item.options\" [value]=\"subItem?.[this.fieldValue]\" [disabled]=\"readonly\">\n              {{ subItem?.[this.fieldLabel] }}\n            </option>\n          </optgroup>\n        </ng-container>\n      </ng-container>\n    </select>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
+                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <select\n      #select\n      class=\"po-select\"\n      [ngClass]=\"iconNameLib === 'PhosphorIcon' ? 'po-select-phosphor' : 'po-select-poicon'\"\n      [attr.name]=\"name\"\n      [class.po-select-placeholder]=\"!selectedValue?.toString() && !!placeholder\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [required]=\"required\"\n      (change)=\"onSelectChange($event.target.value)\"\n    >\n      <ng-container *ngIf=\"!isSafari\">\n        <option\n          *ngIf=\"!selectedValue?.toString() || !!placeholder\"\n          [disabled]=\"!!placeholder\"\n          [hidden]=\"!selectedValue?.toString() && !placeholder\"\n          [selected]=\"!selectedValue?.toString()\"\n          [value]=\"placeholder ?? ''\"\n        >\n          {{ placeholder }}\n        </option>\n        <option [hidden]=\"true\">{{ displayValue }}</option>\n      </ng-container>\n\n      <ng-container *ngIf=\"isSafari\">\n        <option>{{ displayValue || placeholder }}</option>\n      </ng-container>\n\n      <ng-container *ngIf=\"optionWithoutGroup.length > 0\">\n        <option *ngFor=\"let item of optionWithoutGroup\" [disabled]=\"readonly\" [value]=\"item?.[this.fieldValue]\">\n          {{ item?.[this.fieldLabel] }}\n        </option>\n      </ng-container>\n      <ng-container *ngIf=\"listGroupOptions.length > 0\">\n        <ng-container *ngFor=\"let item of listGroupOptions\">\n          <optgroup *ngIf=\"item?.options.length > 0\" label=\"{{ item?.label }}\" [disabled]=\"readonly\">\n            <option *ngFor=\"let subItem of item.options\" [value]=\"subItem?.[this.fieldValue]\" [disabled]=\"readonly\">\n              {{ subItem?.[this.fieldLabel] }}\n            </option>\n          </optgroup>\n        </ng-container>\n      </ng-container>\n    </select>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n    [p-error-limit]=\"errorLimit\"\n    [p-append-in-body]=\"errorAppendBox\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
     }], () => [{ type: undefined, decorators: [{
                 type: Optional
             }, {
@@ -42177,6 +42582,19 @@ class PoTextareaBaseComponent {
      *
      */
     fieldErrorMessage;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
+     *
+     * > Caso essa propriedade seja definida como `true`, a mensagem de erro será limitada a duas linhas
+     * e um tooltip será exibido ao passar o mouse sobre a mensagem para mostrar o conteúdo completo.
+     *
+     * @default `false`
+     */
+    errorLimit = false;
     /**
      * @optional
      *
@@ -42396,7 +42814,7 @@ class PoTextareaBaseComponent {
         }
     }
     static ɵfac = function PoTextareaBaseComponent_Factory(t) { return new (t || PoTextareaBaseComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoTextareaBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], label: [0, "p-label", "label"], help: [0, "p-help", "help"], name: "name", optional: [0, "p-optional", "optional"], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], placeholder: [0, "p-placeholder", "placeholder"], disabled: [0, "p-disabled", "disabled"], readonly: [0, "p-readonly", "readonly"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], minlength: [0, "p-minlength", "minlength"], maxlength: [0, "p-maxlength", "maxlength"], rows: [0, "p-rows", "rows"] }, outputs: { blur: "p-blur", enter: "p-enter", change: "p-change", changeModel: "p-change-model" }, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoTextareaBaseComponent, inputs: { autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], label: [0, "p-label", "label"], help: [0, "p-help", "help"], name: "name", optional: [0, "p-optional", "optional"], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], errorLimit: [0, "p-error-limit", "errorLimit"], placeholder: [0, "p-placeholder", "placeholder"], disabled: [0, "p-disabled", "disabled"], readonly: [0, "p-readonly", "readonly"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], minlength: [0, "p-minlength", "minlength"], maxlength: [0, "p-maxlength", "maxlength"], rows: [0, "p-rows", "rows"] }, outputs: { blur: "p-blur", enter: "p-enter", change: "p-change", changeModel: "p-change-model" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoTextareaBaseComponent, [{
         type: Directive
@@ -42418,6 +42836,9 @@ class PoTextareaBaseComponent {
         }], fieldErrorMessage: [{
             type: Input,
             args: ['p-field-error-message']
+        }], errorLimit: [{
+            type: Input,
+            args: ['p-error-limit']
         }], blur: [{
             type: Output,
             args: ['p-blur']
@@ -42587,7 +43008,7 @@ class PoTextareaComponent extends PoTextareaBaseComponent {
                     useExisting: forwardRef(() => PoTextareaComponent),
                     multi: true
                 }
-            ]), i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 16, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], [1, "po-textarea", 3, "blur", "focus", "input", "disabled", "id", "placeholder", "readonly", "required", "rows"], [3, "p-help", "p-disabled", "p-error-pattern"]], template: function PoTextareaComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 17, consts: [["inp", ""], [3, "p-disabled", "p-id", "p-label", "p-optional", "p-required", "p-show-required"], [1, "po-field-container-content"], [1, "po-textarea", 3, "blur", "focus", "input", "disabled", "id", "placeholder", "readonly", "required", "rows"], [3, "p-help", "p-disabled", "p-error-pattern", "p-error-limit"]], template: function PoTextareaComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "po-field-container", 1)(1, "div", 2)(2, "textarea", 3, 0);
             i0.ɵɵlistener("blur", function PoTextareaComponent_Template_textarea_blur_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.eventOnBlur()); })("focus", function PoTextareaComponent_Template_textarea_focus_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.eventOnFocus()); })("input", function PoTextareaComponent_Template_textarea_input_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.eventOnInput($event)); });
@@ -42600,7 +43021,7 @@ class PoTextareaComponent extends PoTextareaBaseComponent {
             i0.ɵɵproperty("disabled", ctx.disabled)("id", ctx.id)("placeholder", ctx.disabled ? "" : ctx.placeholder)("readonly", ctx.readonly)("required", ctx.required)("rows", ctx.rows);
             i0.ɵɵattribute("name", ctx.name);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern());
+            i0.ɵɵproperty("p-help", ctx.help)("p-disabled", ctx.disabled)("p-error-pattern", ctx.getErrorPattern())("p-error-limit", ctx.errorLimit);
         } }, dependencies: [PoFieldContainerBottomComponent, PoFieldContainerComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoTextareaComponent, [{
@@ -42616,7 +43037,7 @@ class PoTextareaComponent extends PoTextareaBaseComponent {
                         useExisting: forwardRef(() => PoTextareaComponent),
                         multi: true
                     }
-                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <textarea\n      #inp\n      class=\"po-textarea\"\n      (blur)=\"eventOnBlur()\"\n      (focus)=\"eventOnFocus()\"\n      (input)=\"eventOnInput($event)\"\n      [attr.name]=\"name\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [rows]=\"rows\"\n    ></textarea>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
+                ], template: "<po-field-container\n  [p-disabled]=\"disabled\"\n  [p-id]=\"id\"\n  [p-label]=\"label\"\n  [p-optional]=\"optional\"\n  [p-required]=\"required\"\n  [p-show-required]=\"showRequired\"\n>\n  <div class=\"po-field-container-content\">\n    <textarea\n      #inp\n      class=\"po-textarea\"\n      (blur)=\"eventOnBlur()\"\n      (focus)=\"eventOnFocus()\"\n      (input)=\"eventOnInput($event)\"\n      [attr.name]=\"name\"\n      [disabled]=\"disabled\"\n      [id]=\"id\"\n      [placeholder]=\"disabled ? '' : placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [rows]=\"rows\"\n    ></textarea>\n  </div>\n\n  <po-field-container-bottom\n    [p-help]=\"help\"\n    [p-disabled]=\"disabled\"\n    [p-error-pattern]=\"getErrorPattern()\"\n    [p-error-limit]=\"errorLimit\"\n  ></po-field-container-bottom>\n</po-field-container>\n" }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], { inputEl: [{
             type: ViewChild,
             args: ['inp', { read: ElementRef, static: true }]
@@ -44659,7 +45080,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_datepicker
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-clean", field_r4.clean)("p-disabled", ctx_r0.isDisabled(field_r4))("p-error-pattern", field_r4.errorMessage)("p-error-async", field_r4.errorAsyncFunction)("p-auto-focus", field_r4.focus)("p-format", field_r4.format)("p-help", field_r4.help)("p-iso-format", field_r4.isoFormat)("p-label", field_r4.label)("p-locale", field_r4.locale)("p-max-date", field_r4.maxValue)("p-min-date", field_r4.minValue)("p-no-autocomplete", field_r4.noAutocomplete)("p-optional", field_r4.optional)("p-readonly", field_r4.readonly)("p-required", field_r4.required)("p-required-field-error-message", field_r4.requiredFieldErrorMessage)("p-show-required", field_r4.showRequired)("p-placeholder", field_r4.placeholder);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-clean", field_r4.clean)("p-disabled", ctx_r0.isDisabled(field_r4))("p-error-pattern", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-error-async", field_r4.errorAsyncFunction)("p-auto-focus", field_r4.focus)("p-format", field_r4.format)("p-help", field_r4.help)("p-iso-format", field_r4.isoFormat)("p-label", field_r4.label)("p-locale", field_r4.locale)("p-max-date", field_r4.maxValue)("p-min-date", field_r4.minValue)("p-no-autocomplete", field_r4.noAutocomplete)("p-optional", field_r4.optional)("p-readonly", field_r4.readonly)("p-required", field_r4.required)("p-required-field-error-message", field_r4.requiredFieldErrorMessage)("p-show-required", field_r4.showRequired)("p-placeholder", field_r4.placeholder);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_datepicker_range_3_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
@@ -44672,7 +45093,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_datepicker
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-clean", field_r4.clean)("p-disabled", ctx_r0.isDisabled(field_r4))("p-auto-focus", field_r4.focus)("p-help", field_r4.help)("p-label", field_r4.label)("p-literals", field_r4.literals)("p-max-date", field_r4.maxValue)("p-min-date", field_r4.minValue)("p-no-autocomplete", field_r4.noAutocomplete)("p-optional", field_r4.optional)("p-readonly", field_r4.readonly)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-show-required", field_r4.showRequired);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-clean", field_r4.clean)("p-disabled", ctx_r0.isDisabled(field_r4))("p-auto-focus", field_r4.focus)("p-help", field_r4.help)("p-label", field_r4.label)("p-literals", field_r4.literals)("p-max-date", field_r4.maxValue)("p-min-date", field_r4.minValue)("p-no-autocomplete", field_r4.noAutocomplete)("p-optional", field_r4.optional)("p-readonly", field_r4.readonly)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-show-required", field_r4.showRequired);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_input_4_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
@@ -44685,7 +45106,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_input_4_Te
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-clean", field_r4.clean)("p-disabled", ctx_r0.isDisabled(field_r4))("p-error-pattern", field_r4.errorMessage)("p-error-async-properties", field_r4.errorAsyncProperties)("p-auto-focus", field_r4.focus)("p-help", field_r4.help)("p-label", field_r4.label)("p-mask-format-model", field_r4.maskFormatModel)("p-mask", field_r4.mask)("p-maxlength", field_r4.maxLength)("p-minlength", field_r4.minLength)("p-no-autocomplete", field_r4.noAutocomplete)("p-optional", field_r4.optional)("p-pattern", field_r4.pattern)("p-required", field_r4.required)("p-required-field-error-message", field_r4.requiredFieldErrorMessage)("p-show-required", field_r4.showRequired)("p-icon", field_r4.icon)("p-placeholder", field_r4.placeholder)("p-readonly", field_r4.readonly);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-clean", field_r4.clean)("p-disabled", ctx_r0.isDisabled(field_r4))("p-error-pattern", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-error-async-properties", field_r4.errorAsyncProperties)("p-auto-focus", field_r4.focus)("p-help", field_r4.help)("p-label", field_r4.label)("p-mask-format-model", field_r4.maskFormatModel)("p-mask", field_r4.mask)("p-maxlength", field_r4.maxLength)("p-minlength", field_r4.minLength)("p-no-autocomplete", field_r4.noAutocomplete)("p-optional", field_r4.optional)("p-pattern", field_r4.pattern)("p-required", field_r4.required)("p-required-field-error-message", field_r4.requiredFieldErrorMessage)("p-show-required", field_r4.showRequired)("p-icon", field_r4.icon)("p-placeholder", field_r4.placeholder)("p-readonly", field_r4.readonly);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_number_5_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
@@ -44698,7 +45119,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_number_5_T
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-clean", field_r4.clean)("p-disabled", ctx_r0.isDisabled(field_r4))("p-error-pattern", field_r4.errorMessage)("p-error-async-properties", field_r4.errorAsyncProperties)("p-auto-focus", field_r4.focus)("p-help", field_r4.help)("p-label", field_r4.label)("p-min", field_r4.minValue)("p-max", field_r4.maxValue)("p-maxlength", field_r4.maxLength)("p-minlength", field_r4.minLength)("p-no-autocomplete", field_r4.noAutocomplete)("p-optional", field_r4.optional)("p-step", field_r4.step)("p-readonly", field_r4.readonly)("p-required", field_r4.required)("p-required-field-error-message", field_r4.requiredFieldErrorMessage)("p-show-required", field_r4.showRequired)("p-icon", field_r4.icon)("p-placeholder", field_r4.placeholder);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-clean", field_r4.clean)("p-disabled", ctx_r0.isDisabled(field_r4))("p-error-pattern", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-error-async-properties", field_r4.errorAsyncProperties)("p-auto-focus", field_r4.focus)("p-help", field_r4.help)("p-label", field_r4.label)("p-min", field_r4.minValue)("p-max", field_r4.maxValue)("p-maxlength", field_r4.maxLength)("p-minlength", field_r4.minLength)("p-no-autocomplete", field_r4.noAutocomplete)("p-optional", field_r4.optional)("p-step", field_r4.step)("p-readonly", field_r4.readonly)("p-required", field_r4.required)("p-required-field-error-message", field_r4.requiredFieldErrorMessage)("p-show-required", field_r4.showRequired)("p-icon", field_r4.icon)("p-placeholder", field_r4.placeholder);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_decimal_6_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
@@ -44711,7 +45132,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_decimal_6_
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-clean", field_r4.clean)("p-error-pattern", field_r4.errorMessage)("p-error-async-properties", field_r4.errorAsyncProperties)("p-disabled", ctx_r0.isDisabled(field_r4))("p-decimals-length", field_r4.decimalsLength)("p-thousand-maxlength", field_r4.thousandMaxlength)("p-icon", field_r4.icon)("p-auto-focus", field_r4.focus)("p-help", field_r4.help)("p-label", field_r4.label)("p-locale", field_r4.locale)("p-min", field_r4.minValue)("p-max", field_r4.maxValue)("p-maxlength", field_r4.maxLength)("p-minlength", field_r4.minLength)("p-no-autocomplete", field_r4.noAutocomplete)("p-optional", field_r4.optional)("p-readonly", field_r4.readonly)("p-required", field_r4.required)("p-required-field-error-message", field_r4.requiredFieldErrorMessage)("p-show-required", field_r4.showRequired)("p-placeholder", field_r4.placeholder);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-clean", field_r4.clean)("p-error-pattern", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-error-async-properties", field_r4.errorAsyncProperties)("p-disabled", ctx_r0.isDisabled(field_r4))("p-decimals-length", field_r4.decimalsLength)("p-thousand-maxlength", field_r4.thousandMaxlength)("p-icon", field_r4.icon)("p-auto-focus", field_r4.focus)("p-help", field_r4.help)("p-label", field_r4.label)("p-locale", field_r4.locale)("p-min", field_r4.minValue)("p-max", field_r4.maxValue)("p-maxlength", field_r4.maxLength)("p-minlength", field_r4.minLength)("p-no-autocomplete", field_r4.noAutocomplete)("p-optional", field_r4.optional)("p-readonly", field_r4.readonly)("p-required", field_r4.required)("p-required-field-error-message", field_r4.requiredFieldErrorMessage)("p-show-required", field_r4.showRequired)("p-placeholder", field_r4.placeholder);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_select_7_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
@@ -44724,7 +45145,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_select_7_T
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-field-label", field_r4.fieldLabel)("p-field-value", field_r4.fieldValue)("p-disabled", ctx_r0.isDisabled(field_r4))("p-help", field_r4.help)("p-label", field_r4.label)("p-optional", field_r4.optional)("p-options", field_r4.options)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-show-required", field_r4.showRequired)("p-placeholder", field_r4.placeholder)("p-readonly", field_r4.readonly);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-field-label", field_r4.fieldLabel)("p-field-value", field_r4.fieldValue)("p-disabled", ctx_r0.isDisabled(field_r4))("p-help", field_r4.help)("p-label", field_r4.label)("p-optional", field_r4.optional)("p-options", field_r4.options)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-show-required", field_r4.showRequired)("p-placeholder", field_r4.placeholder)("p-readonly", field_r4.readonly);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_radio_group_8_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
@@ -44737,7 +45158,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_radio_grou
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-columns", field_r4.columns || 3)("p-auto-focus", field_r4.focus)("p-disabled", ctx_r0.isDisabled(field_r4))("p-help", field_r4.help)("p-label", field_r4.label)("p-optional", field_r4.optional)("p-options", field_r4.options)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-show-required", field_r4.showRequired);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-columns", field_r4.columns || 3)("p-auto-focus", field_r4.focus)("p-disabled", ctx_r0.isDisabled(field_r4))("p-help", field_r4.help)("p-label", field_r4.label)("p-optional", field_r4.optional)("p-options", field_r4.options)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-show-required", field_r4.showRequired);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_switch_9_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
@@ -44776,7 +45197,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_combo_11_T
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-auto-focus", field_r4.focus)("p-clean", field_r4.clean)("p-disabled", ctx_r0.isDisabled(field_r4))("p-field-label", field_r4.fieldLabel)("p-field-value", field_r4.fieldValue)("p-filter-params", field_r4.params)("p-filter-service", field_r4.optionsService)("p-help", field_r4.help)("p-infinite-scroll", field_r4.infiniteScroll)("p-infinite-scroll-distance", field_r4.infiniteScrollDistance || 100)("p-label", field_r4.label)("p-literals", field_r4.literals)("p-options", field_r4.options)("p-optional", field_r4.optional)("p-sort", field_r4.sort)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-show-required", field_r4.showRequired)("p-icon", field_r4.icon)("p-placeholder", field_r4.placeholder)("p-filter-minlength", field_r4.filterMinlength)("p-filter-mode", field_r4.filterMode)("p-disabled-init-filter", field_r4.disabledInitFilter)("p-disabled-tab-filter", field_r4.disabledTabFilter)("p-debounce-time", field_r4.debounceTime)("p-change-on-enter", field_r4.changeOnEnter);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-auto-focus", field_r4.focus)("p-clean", field_r4.clean)("p-disabled", ctx_r0.isDisabled(field_r4))("p-field-label", field_r4.fieldLabel)("p-field-value", field_r4.fieldValue)("p-filter-params", field_r4.params)("p-filter-service", field_r4.optionsService)("p-help", field_r4.help)("p-infinite-scroll", field_r4.infiniteScroll)("p-infinite-scroll-distance", field_r4.infiniteScrollDistance || 100)("p-label", field_r4.label)("p-literals", field_r4.literals)("p-options", field_r4.options)("p-optional", field_r4.optional)("p-sort", field_r4.sort)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-show-required", field_r4.showRequired)("p-icon", field_r4.icon)("p-placeholder", field_r4.placeholder)("p-filter-minlength", field_r4.filterMinlength)("p-filter-mode", field_r4.filterMode)("p-disabled-init-filter", field_r4.disabledInitFilter)("p-disabled-tab-filter", field_r4.disabledTabFilter)("p-debounce-time", field_r4.debounceTime)("p-change-on-enter", field_r4.changeOnEnter);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_lookup_12_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
@@ -44789,7 +45210,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_lookup_12_
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-clean", field_r4.clean)("p-columns", field_r4.columns)("p-disabled", ctx_r0.isDisabled(field_r4))("p-field-label", field_r4.fieldLabel || "label")("p-field-value", field_r4.fieldValue || "value")("p-filter-params", field_r4.params)("p-filter-service", field_r4.searchService)("p-auto-focus", field_r4.focus)("p-auto-height", field_r4.autoHeight)("p-help", field_r4.help)("p-field-format", field_r4.format)("p-infinite-scroll", field_r4.infiniteScroll)("p-label", field_r4.label)("p-literals", field_r4.literals)("p-multiple", field_r4.multiple)("p-no-autocomplete", field_r4.noAutocomplete)("p-optional", field_r4.optional)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-show-required", field_r4.showRequired)("p-placeholder", field_r4.placeholder)("p-advanced-filters", field_r4.advancedFilters);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-clean", field_r4.clean)("p-columns", field_r4.columns)("p-disabled", ctx_r0.isDisabled(field_r4))("p-field-label", field_r4.fieldLabel || "label")("p-field-value", field_r4.fieldValue || "value")("p-filter-params", field_r4.params)("p-filter-service", field_r4.searchService)("p-auto-focus", field_r4.focus)("p-auto-height", field_r4.autoHeight)("p-help", field_r4.help)("p-field-format", field_r4.format)("p-infinite-scroll", field_r4.infiniteScroll)("p-label", field_r4.label)("p-literals", field_r4.literals)("p-multiple", field_r4.multiple)("p-no-autocomplete", field_r4.noAutocomplete)("p-optional", field_r4.optional)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-show-required", field_r4.showRequired)("p-placeholder", field_r4.placeholder)("p-advanced-filters", field_r4.advancedFilters);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_checkbox_group_13_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
@@ -44802,7 +45223,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_checkbox_g
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-columns", field_r4.columns || 3)("p-auto-focus", field_r4.focus)("p-disabled", ctx_r0.isDisabled(field_r4))("p-help", field_r4.help)("p-label", field_r4.label)("p-optional", field_r4.optional)("p-options", field_r4.options)("p-required", field_r4.required)("p-show-required", field_r4.showRequired)("p-field-error-message", field_r4.errorMessage);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-columns", field_r4.columns || 3)("p-auto-focus", field_r4.focus)("p-disabled", ctx_r0.isDisabled(field_r4))("p-help", field_r4.help)("p-label", field_r4.label)("p-optional", field_r4.optional)("p-options", field_r4.options)("p-required", field_r4.required)("p-show-required", field_r4.showRequired)("p-field-error-message", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_multiselect_14_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
@@ -44815,7 +45236,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_multiselec
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-disabled", ctx_r0.isDisabled(field_r4))("p-auto-focus", field_r4.focus)("p-auto-height", field_r4.autoHeight)("p-help", field_r4.help)("p-label", field_r4.label)("p-literals", field_r4.literals)("p-optional", field_r4.optional)("p-options", field_r4.options)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-show-required", field_r4.showRequired)("p-placeholder", field_r4.placeholder)("p-field-label", field_r4.fieldLabel)("p-field-value", field_r4.fieldValue)("p-filter-service", field_r4.optionsService)("p-filter-mode", field_r4.filterMode)("p-debounce-time", field_r4.debounceTime)("p-sort", field_r4.sort)("p-placeholder-search", field_r4.placeholderSearch)("p-hide-search", field_r4.hideSearch)("p-hide-select-all", field_r4.hideSelectAll);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-disabled", ctx_r0.isDisabled(field_r4))("p-auto-focus", field_r4.focus)("p-auto-height", field_r4.autoHeight)("p-help", field_r4.help)("p-label", field_r4.label)("p-literals", field_r4.literals)("p-optional", field_r4.optional)("p-options", field_r4.options)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-show-required", field_r4.showRequired)("p-placeholder", field_r4.placeholder)("p-field-label", field_r4.fieldLabel)("p-field-value", field_r4.fieldValue)("p-filter-service", field_r4.optionsService)("p-filter-mode", field_r4.filterMode)("p-debounce-time", field_r4.debounceTime)("p-sort", field_r4.sort)("p-placeholder-search", field_r4.placeholderSearch)("p-hide-search", field_r4.hideSearch)("p-hide-select-all", field_r4.hideSelectAll);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_textarea_15_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
@@ -44828,7 +45249,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_textarea_1
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-disabled", ctx_r0.isDisabled(field_r4))("p-auto-focus", field_r4.focus)("p-help", field_r4.help)("p-label", field_r4.label)("p-maxlength", field_r4.maxLength)("p-minlength", field_r4.minLength)("p-optional", field_r4.optional)("p-readonly", field_r4.readonly)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-show-required", field_r4.showRequired)("p-rows", field_r4.rows)("p-placeholder", field_r4.placeholder);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-disabled", ctx_r0.isDisabled(field_r4))("p-auto-focus", field_r4.focus)("p-help", field_r4.help)("p-label", field_r4.label)("p-maxlength", field_r4.maxLength)("p-minlength", field_r4.minLength)("p-optional", field_r4.optional)("p-readonly", field_r4.readonly)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-show-required", field_r4.showRequired)("p-rows", field_r4.rows)("p-placeholder", field_r4.placeholder);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_password_16_Template(rf, ctx) { if (rf & 1) {
     const _r19 = i0.ɵɵgetCurrentView();
@@ -44841,23 +45262,23 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_password_1
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-clean", field_r4.clean)("p-disabled", ctx_r0.isDisabled(field_r4))("p-error-pattern", field_r4.errorMessage)("p-error-async-properties", field_r4.errorAsyncProperties)("p-auto-focus", field_r4.focus)("p-help", field_r4.help)("p-hide-password-peek", field_r4.hidePasswordPeek)("p-icon", field_r4.icon)("p-label", field_r4.label)("p-maxlength", field_r4.maxLength)("p-minlength", field_r4.minLength)("p-no-autocomplete", field_r4.noAutocomplete)("p-optional", field_r4.optional)("p-pattern", field_r4.pattern)("p-readonly", field_r4.readonly)("p-required", field_r4.required)("p-required-field-error-message", field_r4.requiredFieldErrorMessage)("p-show-required", field_r4.showRequired)("p-placeholder", field_r4.placeholder);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-clean", field_r4.clean)("p-disabled", ctx_r0.isDisabled(field_r4))("p-error-pattern", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-error-async-properties", field_r4.errorAsyncProperties)("p-auto-focus", field_r4.focus)("p-help", field_r4.help)("p-hide-password-peek", field_r4.hidePasswordPeek)("p-icon", field_r4.icon)("p-label", field_r4.label)("p-maxlength", field_r4.maxLength)("p-minlength", field_r4.minLength)("p-no-autocomplete", field_r4.noAutocomplete)("p-optional", field_r4.optional)("p-pattern", field_r4.pattern)("p-readonly", field_r4.readonly)("p-required", field_r4.required)("p-required-field-error-message", field_r4.requiredFieldErrorMessage)("p-show-required", field_r4.showRequired)("p-placeholder", field_r4.placeholder);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-upload", 40, 2);
     i0.ɵɵtwoWayListener("ngModelChange", function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template_po_upload_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r20); const field_r4 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.value[field_r4.property], $event) || (ctx_r0.value[field_r4.property] = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("p-error", function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template_po_upload_p_error_0_listener($event) { i0.ɵɵrestoreView(_r20); const field_r4 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(field_r4.onError($event)); })("p-success", function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template_po_upload_p_success_0_listener($event) { i0.ɵɵrestoreView(_r20); const field_r4 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(field_r4.onSuccess($event)); })("p-upload", function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template_po_upload_p_upload_0_listener($event) { i0.ɵɵrestoreView(_r20); const field_r4 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(field_r4.onUpload($event)); })("p-change", function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template_po_upload_p_change_0_listener() { i0.ɵɵrestoreView(_r20); const field_r4 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onChangeField(field_r4)); })("p-change-model", function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template_po_upload_p_change_model_0_listener() { i0.ɵɵrestoreView(_r20); const field_r4 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onChangeFieldModel(field_r4)); });
+    i0.ɵɵlistener("p-custom-action-click", function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template_po_upload_p_custom_action_click_0_listener($event) { i0.ɵɵrestoreView(_r20); const field_r4 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(field_r4.customActionClick($event)); })("p-error", function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template_po_upload_p_error_0_listener($event) { i0.ɵɵrestoreView(_r20); const field_r4 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(field_r4.onError($event)); })("p-success", function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template_po_upload_p_success_0_listener($event) { i0.ɵɵrestoreView(_r20); const field_r4 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(field_r4.onSuccess($event)); })("p-upload", function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template_po_upload_p_upload_0_listener($event) { i0.ɵɵrestoreView(_r20); const field_r4 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(field_r4.onUpload($event)); })("p-change", function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template_po_upload_p_change_0_listener() { i0.ɵɵrestoreView(_r20); const field_r4 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onChangeField(field_r4)); })("p-change-model", function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template_po_upload_p_change_model_0_listener() { i0.ɵɵrestoreView(_r20); const field_r4 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onChangeFieldModel(field_r4)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const field_r4 = i0.ɵɵnextContext().$implicit;
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-auto-upload", field_r4.autoUpload)("p-directory", field_r4.directory)("p-disabled", ctx_r0.isDisabled(field_r4))("p-drag-drop", field_r4.dragDrop)("p-drag-drop-height", field_r4.dragDropHeight)("p-restrictions", field_r4.restrictions)("p-form-field", field_r4.formField)("p-headers", field_r4.headers)("p-help", field_r4.help)("p-hide-restrictions-info", field_r4.hideRestrictionsInfo)("p-hide-select-button", field_r4.hideSelectButton)("p-hide-send-button", field_r4.hideSendButton)("p-multiple", field_r4.multiple)("p-label", field_r4.label)("p-literals", field_r4.literals)("name", field_r4.property)("p-optional", field_r4.optional)("p-required", field_r4.required)("p-show-required", field_r4.showRequired)("p-url", field_r4.url);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("p-auto-upload", field_r4.autoUpload)("p-directory", field_r4.directory)("p-disabled", ctx_r0.isDisabled(field_r4))("p-drag-drop", field_r4.dragDrop)("p-drag-drop-height", field_r4.dragDropHeight)("p-restrictions", field_r4.restrictions)("p-form-field", field_r4.formField)("p-headers", field_r4.headers)("p-help", field_r4.help)("p-hide-restrictions-info", field_r4.hideRestrictionsInfo)("p-hide-select-button", field_r4.hideSelectButton)("p-hide-send-button", field_r4.hideSendButton)("p-multiple", field_r4.multiple)("p-label", field_r4.label)("p-literals", field_r4.literals)("name", field_r4.property)("p-custom-action", field_r4.customAction)("p-optional", field_r4.optional)("p-required", field_r4.required)("p-show-required", field_r4.showRequired)("p-url", field_r4.url);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_divider_1_Template, 1, 1, "po-divider", 7)(2, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_datepicker_2_Template, 2, 22, "po-datepicker", 8)(3, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_datepicker_range_3_Template, 2, 17, "po-datepicker-range", 9)(4, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_input_4_Template, 2, 23, "po-input", 10)(5, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_number_5_Template, 2, 23, "po-number", 11)(6, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_decimal_6_Template, 2, 25, "po-decimal", 12)(7, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_select_7_Template, 2, 15, "po-select", 13)(8, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_radio_group_8_Template, 2, 13, "po-radio-group", 14)(9, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_switch_9_Template, 2, 11, "po-switch", 15)(10, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_checkbox_10_Template, 2, 7, "po-checkbox", 16)(11, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_combo_11_Template, 2, 29, "po-combo", 17)(12, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_lookup_12_Template, 2, 25, "po-lookup", 18)(13, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_checkbox_group_13_Template, 2, 13, "po-checkbox-group", 19)(14, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_multiselect_14_Template, 2, 24, "po-multiselect", 20)(15, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_textarea_15_Template, 2, 16, "po-textarea", 21)(16, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_password_16_Template, 2, 22, "po-password", 22)(17, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template, 2, 22, "po-upload", 23);
+    i0.ɵɵtemplate(1, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_divider_1_Template, 1, 1, "po-divider", 7)(2, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_datepicker_2_Template, 2, 23, "po-datepicker", 8)(3, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_datepicker_range_3_Template, 2, 18, "po-datepicker-range", 9)(4, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_input_4_Template, 2, 24, "po-input", 10)(5, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_number_5_Template, 2, 24, "po-number", 11)(6, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_decimal_6_Template, 2, 26, "po-decimal", 12)(7, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_select_7_Template, 2, 16, "po-select", 13)(8, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_radio_group_8_Template, 2, 14, "po-radio-group", 14)(9, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_switch_9_Template, 2, 11, "po-switch", 15)(10, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_checkbox_10_Template, 2, 7, "po-checkbox", 16)(11, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_combo_11_Template, 2, 30, "po-combo", 17)(12, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_lookup_12_Template, 2, 26, "po-lookup", 18)(13, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_checkbox_group_13_Template, 2, 14, "po-checkbox-group", 19)(14, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_multiselect_14_Template, 2, 25, "po-multiselect", 20)(15, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_textarea_15_Template, 2, 17, "po-textarea", 21)(16, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_password_16_Template, 2, 23, "po-password", 22)(17, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template, 2, 23, "po-upload", 23);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const field_r4 = ctx.$implicit;
@@ -45164,7 +45585,7 @@ class PoDynamicFormFieldsComponent extends PoDynamicFormFieldsBaseComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.components = _t);
-        } }, features: [i0.ɵɵProvidersFeature([PoDynamicFormValidationService], [{ provide: ControlContainer, useExisting: NgForm }]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 5, vars: 1, consts: [["poContent", ""], ["poContentContainer", ""], ["component", ""], ["class", "po-row", 3, "po-dynamic", 4, "ngIf"], [1, "po-row"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [4, "ngFor", "ngForOf", "ngForTrackBy"], ["class", "po-sm-12", 3, "p-label", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-async", "p-auto-focus", "p-format", "p-help", "p-iso-format", "p-label", "p-locale", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-placeholder", "ngModelChange", "p-change", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-literals", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-show-required", "ngModelChange", "p-change", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-mask-format-model", "p-mask", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-required", "p-required-field-error-message", "p-show-required", "p-icon", "p-placeholder", "p-readonly", "ngModelChange", "p-change", "p-change-model", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-step", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-icon", "p-placeholder", "ngModelChange", "p-change", "p-change-model", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-clean", "p-error-pattern", "p-error-async-properties", "p-disabled", "p-decimals-length", "p-thousand-maxlength", "p-icon", "p-auto-focus", "p-help", "p-label", "p-locale", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-placeholder", "ngModelChange", "p-change", "p-change-model", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-field-label", "p-field-value", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-show-required", "p-placeholder", "p-readonly", "ngModelChange", "p-change", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-show-required", "ngModelChange", "p-change", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-disabled", "p-format-model", "p-help", "p-label", "p-label-off", "p-label-on", "p-label-position", "p-hide-label-status", "ngModelChange", "p-change", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-auto-focus", "p-disabled", "p-label", "p-size", "ngModelChange", "p-change", 4, "ngIf"], ["p-emit-object-value", "", 3, "name", "ngModel", "ngClass", "p-auto-focus", "p-clean", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-help", "p-infinite-scroll", "p-infinite-scroll-distance", "p-label", "p-literals", "p-options", "p-optional", "p-sort", "p-required", "p-field-error-message", "p-show-required", "p-icon", "p-placeholder", "p-filter-minlength", "p-filter-mode", "p-disabled-init-filter", "p-disabled-tab-filter", "p-debounce-time", "p-change-on-enter", "ngModelChange", "p-change", 4, "ngIf"], ["p-field-label", "label", "p-field-value", "value", 3, "name", "ngModel", "ngClass", "p-clean", "p-columns", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-auto-focus", "p-auto-height", "p-help", "p-field-format", "p-infinite-scroll", "p-label", "p-literals", "p-multiple", "p-no-autocomplete", "p-optional", "p-required", "p-field-error-message", "p-show-required", "p-placeholder", "p-advanced-filters", "ngModelChange", "p-change", "p-change-visible-columns", "p-restore-column-manager", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-show-required", "p-field-error-message", "ngModelChange", "p-change", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-disabled", "p-auto-focus", "p-auto-height", "p-help", "p-label", "p-literals", "p-optional", "p-options", "p-required", "p-field-error-message", "p-show-required", "p-placeholder", "p-field-label", "p-field-value", "p-filter-service", "p-filter-mode", "p-debounce-time", "p-sort", "p-placeholder-search", "p-hide-search", "p-hide-select-all", "ngModelChange", "p-change", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-maxlength", "p-minlength", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-show-required", "p-rows", "p-placeholder", "ngModelChange", "p-change", "p-change-model", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-async-properties", "p-auto-focus", "p-help", "p-hide-password-peek", "p-icon", "p-label", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-placeholder", "ngModelChange", "p-change", "p-change-model", 4, "ngIf"], [3, "ngModel", "ngClass", "p-auto-upload", "p-directory", "p-disabled", "p-drag-drop", "p-drag-drop-height", "p-restrictions", "p-form-field", "p-headers", "p-help", "p-hide-restrictions-info", "p-hide-select-button", "p-hide-send-button", "p-multiple", "p-label", "p-literals", "name", "p-optional", "p-required", "p-show-required", "p-url", "ngModelChange", "p-error", "p-success", "p-upload", "p-change", "p-change-model", 4, "ngIf"], [1, "po-sm-12", 3, "p-label"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-async", "p-auto-focus", "p-format", "p-help", "p-iso-format", "p-label", "p-locale", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-placeholder"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-literals", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-show-required"], [3, "ngModelChange", "p-change", "p-change-model", "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-mask-format-model", "p-mask", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-required", "p-required-field-error-message", "p-show-required", "p-icon", "p-placeholder", "p-readonly"], [3, "ngModelChange", "p-change", "p-change-model", "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-step", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-icon", "p-placeholder"], [3, "ngModelChange", "p-change", "p-change-model", "name", "ngModel", "ngClass", "p-clean", "p-error-pattern", "p-error-async-properties", "p-disabled", "p-decimals-length", "p-thousand-maxlength", "p-icon", "p-auto-focus", "p-help", "p-label", "p-locale", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-placeholder"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-field-label", "p-field-value", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-show-required", "p-placeholder", "p-readonly"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-show-required"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-disabled", "p-format-model", "p-help", "p-label", "p-label-off", "p-label-on", "p-label-position", "p-hide-label-status"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-auto-focus", "p-disabled", "p-label", "p-size"], ["p-emit-object-value", "", 3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-auto-focus", "p-clean", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-help", "p-infinite-scroll", "p-infinite-scroll-distance", "p-label", "p-literals", "p-options", "p-optional", "p-sort", "p-required", "p-field-error-message", "p-show-required", "p-icon", "p-placeholder", "p-filter-minlength", "p-filter-mode", "p-disabled-init-filter", "p-disabled-tab-filter", "p-debounce-time", "p-change-on-enter"], ["p-field-label", "label", "p-field-value", "value", 3, "ngModelChange", "p-change", "p-change-visible-columns", "p-restore-column-manager", "name", "ngModel", "ngClass", "p-clean", "p-columns", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-auto-focus", "p-auto-height", "p-help", "p-field-format", "p-infinite-scroll", "p-label", "p-literals", "p-multiple", "p-no-autocomplete", "p-optional", "p-required", "p-field-error-message", "p-show-required", "p-placeholder", "p-advanced-filters"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-show-required", "p-field-error-message"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-disabled", "p-auto-focus", "p-auto-height", "p-help", "p-label", "p-literals", "p-optional", "p-options", "p-required", "p-field-error-message", "p-show-required", "p-placeholder", "p-field-label", "p-field-value", "p-filter-service", "p-filter-mode", "p-debounce-time", "p-sort", "p-placeholder-search", "p-hide-search", "p-hide-select-all"], [3, "ngModelChange", "p-change", "p-change-model", "name", "ngModel", "ngClass", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-maxlength", "p-minlength", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-show-required", "p-rows", "p-placeholder"], [3, "ngModelChange", "p-change", "p-change-model", "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-async-properties", "p-auto-focus", "p-help", "p-hide-password-peek", "p-icon", "p-label", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-placeholder"], [3, "ngModelChange", "p-error", "p-success", "p-upload", "p-change", "p-change-model", "ngModel", "ngClass", "p-auto-upload", "p-directory", "p-disabled", "p-drag-drop", "p-drag-drop-height", "p-restrictions", "p-form-field", "p-headers", "p-help", "p-hide-restrictions-info", "p-hide-select-button", "p-hide-send-button", "p-multiple", "p-label", "p-literals", "name", "p-optional", "p-required", "p-show-required", "p-url"], [3, "p-fields", "p-content"]], template: function PoDynamicFormFieldsComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, features: [i0.ɵɵProvidersFeature([PoDynamicFormValidationService], [{ provide: ControlContainer, useExisting: NgForm }]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 5, vars: 1, consts: [["poContent", ""], ["poContentContainer", ""], ["component", ""], ["class", "po-row", 3, "po-dynamic", 4, "ngIf"], [1, "po-row"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [4, "ngFor", "ngForOf", "ngForTrackBy"], ["class", "po-sm-12", 3, "p-label", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async", "p-auto-focus", "p-format", "p-help", "p-iso-format", "p-label", "p-locale", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-placeholder", "ngModelChange", "p-change", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-literals", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "ngModelChange", "p-change", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-mask-format-model", "p-mask", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-required", "p-required-field-error-message", "p-show-required", "p-icon", "p-placeholder", "p-readonly", "ngModelChange", "p-change", "p-change-model", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-step", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-icon", "p-placeholder", "ngModelChange", "p-change", "p-change-model", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-clean", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-disabled", "p-decimals-length", "p-thousand-maxlength", "p-icon", "p-auto-focus", "p-help", "p-label", "p-locale", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-placeholder", "ngModelChange", "p-change", "p-change-model", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-field-label", "p-field-value", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-placeholder", "p-readonly", "ngModelChange", "p-change", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "ngModelChange", "p-change", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-disabled", "p-format-model", "p-help", "p-label", "p-label-off", "p-label-on", "p-label-position", "p-hide-label-status", "ngModelChange", "p-change", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-auto-focus", "p-disabled", "p-label", "p-size", "ngModelChange", "p-change", 4, "ngIf"], ["p-emit-object-value", "", 3, "name", "ngModel", "ngClass", "p-auto-focus", "p-clean", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-help", "p-infinite-scroll", "p-infinite-scroll-distance", "p-label", "p-literals", "p-options", "p-optional", "p-sort", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-icon", "p-placeholder", "p-filter-minlength", "p-filter-mode", "p-disabled-init-filter", "p-disabled-tab-filter", "p-debounce-time", "p-change-on-enter", "ngModelChange", "p-change", 4, "ngIf"], ["p-field-label", "label", "p-field-value", "value", 3, "name", "ngModel", "ngClass", "p-clean", "p-columns", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-auto-focus", "p-auto-height", "p-help", "p-field-format", "p-infinite-scroll", "p-label", "p-literals", "p-multiple", "p-no-autocomplete", "p-optional", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-placeholder", "p-advanced-filters", "ngModelChange", "p-change", "p-change-visible-columns", "p-restore-column-manager", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-show-required", "p-field-error-message", "p-error-limit", "ngModelChange", "p-change", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-disabled", "p-auto-focus", "p-auto-height", "p-help", "p-label", "p-literals", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-placeholder", "p-field-label", "p-field-value", "p-filter-service", "p-filter-mode", "p-debounce-time", "p-sort", "p-placeholder-search", "p-hide-search", "p-hide-select-all", "ngModelChange", "p-change", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-maxlength", "p-minlength", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-rows", "p-placeholder", "ngModelChange", "p-change", "p-change-model", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-hide-password-peek", "p-icon", "p-label", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-placeholder", "ngModelChange", "p-change", "p-change-model", 4, "ngIf"], [3, "ngModel", "ngClass", "p-auto-upload", "p-directory", "p-disabled", "p-drag-drop", "p-drag-drop-height", "p-restrictions", "p-form-field", "p-headers", "p-help", "p-hide-restrictions-info", "p-hide-select-button", "p-hide-send-button", "p-multiple", "p-label", "p-literals", "name", "p-custom-action", "p-optional", "p-required", "p-show-required", "p-url", "ngModelChange", "p-custom-action-click", "p-error", "p-success", "p-upload", "p-change", "p-change-model", 4, "ngIf"], [1, "po-sm-12", 3, "p-label"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async", "p-auto-focus", "p-format", "p-help", "p-iso-format", "p-label", "p-locale", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-placeholder"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-literals", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-error-limit", "p-show-required"], [3, "ngModelChange", "p-change", "p-change-model", "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-mask-format-model", "p-mask", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-required", "p-required-field-error-message", "p-show-required", "p-icon", "p-placeholder", "p-readonly"], [3, "ngModelChange", "p-change", "p-change-model", "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-step", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-icon", "p-placeholder"], [3, "ngModelChange", "p-change", "p-change-model", "name", "ngModel", "ngClass", "p-clean", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-disabled", "p-decimals-length", "p-thousand-maxlength", "p-icon", "p-auto-focus", "p-help", "p-label", "p-locale", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-placeholder"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-field-label", "p-field-value", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-placeholder", "p-readonly"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-disabled", "p-format-model", "p-help", "p-label", "p-label-off", "p-label-on", "p-label-position", "p-hide-label-status"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-auto-focus", "p-disabled", "p-label", "p-size"], ["p-emit-object-value", "", 3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-auto-focus", "p-clean", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-help", "p-infinite-scroll", "p-infinite-scroll-distance", "p-label", "p-literals", "p-options", "p-optional", "p-sort", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-icon", "p-placeholder", "p-filter-minlength", "p-filter-mode", "p-disabled-init-filter", "p-disabled-tab-filter", "p-debounce-time", "p-change-on-enter"], ["p-field-label", "label", "p-field-value", "value", 3, "ngModelChange", "p-change", "p-change-visible-columns", "p-restore-column-manager", "name", "ngModel", "ngClass", "p-clean", "p-columns", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-auto-focus", "p-auto-height", "p-help", "p-field-format", "p-infinite-scroll", "p-label", "p-literals", "p-multiple", "p-no-autocomplete", "p-optional", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-placeholder", "p-advanced-filters"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-show-required", "p-field-error-message", "p-error-limit"], [3, "ngModelChange", "p-change", "name", "ngModel", "ngClass", "p-disabled", "p-auto-focus", "p-auto-height", "p-help", "p-label", "p-literals", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-placeholder", "p-field-label", "p-field-value", "p-filter-service", "p-filter-mode", "p-debounce-time", "p-sort", "p-placeholder-search", "p-hide-search", "p-hide-select-all"], [3, "ngModelChange", "p-change", "p-change-model", "name", "ngModel", "ngClass", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-maxlength", "p-minlength", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-rows", "p-placeholder"], [3, "ngModelChange", "p-change", "p-change-model", "name", "ngModel", "ngClass", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-hide-password-peek", "p-icon", "p-label", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-placeholder"], [3, "ngModelChange", "p-custom-action-click", "p-error", "p-success", "p-upload", "p-change", "p-change-model", "ngModel", "ngClass", "p-auto-upload", "p-directory", "p-disabled", "p-drag-drop", "p-drag-drop-height", "p-restrictions", "p-form-field", "p-headers", "p-help", "p-hide-restrictions-info", "p-hide-select-button", "p-hide-send-button", "p-multiple", "p-label", "p-literals", "name", "p-custom-action", "p-optional", "p-required", "p-show-required", "p-url"], [3, "p-fields", "p-content"]], template: function PoDynamicFormFieldsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, PoDynamicFormFieldsComponent_div_0_Template, 2, 6, "div", 3)(1, PoDynamicFormFieldsComponent_ng_template_1_Template, 1, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, PoDynamicFormFieldsComponent_ng_template_3_Template, 1, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.visibleFields && ctx.visibleFields.length > 0);
@@ -45172,7 +45593,7 @@ class PoDynamicFormFieldsComponent extends PoDynamicFormFieldsBaseComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoDynamicFormFieldsComponent, [{
         type: Component,
-        args: [{ selector: 'po-dynamic-form-fields', viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], providers: [PoDynamicFormValidationService], template: "<div class=\"po-row\" [class.po-dynamic]=\"hasContainers\" *ngIf=\"visibleFields && visibleFields.length > 0\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      hasContainers ? poContentContainer : poContent;\n      context: { $implicit: hasContainers ? containerFields : visibleFields }\n    \"\n  ></ng-container>\n</div>\n\n<ng-template #poContent let-fields>\n  <ng-container *ngFor=\"let field of fields; trackBy: trackBy\">\n    <po-divider *ngIf=\"field?.divider?.trim()\" class=\"po-sm-12\" [p-label]=\"field.divider\"> </po-divider>\n\n    <po-datepicker\n      #component\n      *ngIf=\"compareTo(field.control, 'datepicker')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-async]=\"field.errorAsyncFunction\"\n      [p-auto-focus]=\"field.focus\"\n      [p-format]=\"field.format\"\n      [p-help]=\"field.help\"\n      [p-iso-format]=\"field.isoFormat\"\n      [p-label]=\"field.label\"\n      [p-locale]=\"field.locale\"\n      [p-max-date]=\"field.maxValue\"\n      [p-min-date]=\"field.minValue\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-datepicker>\n\n    <po-datepicker-range\n      #component\n      *ngIf=\"compareTo(field.control, 'datepickerrange')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-max-date]=\"field.maxValue\"\n      [p-min-date]=\"field.minValue\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-datepicker-range>\n\n    <po-input\n      #component\n      *ngIf=\"compareTo(field.control, 'input')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-mask-format-model]=\"field.maskFormatModel\"\n      [p-mask]=\"field.mask\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-pattern]=\"field.pattern\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-readonly]=\"field.readonly\"\n    >\n    </po-input>\n\n    <po-number\n      #component\n      *ngIf=\"compareTo(field.control, 'number')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-min]=\"field.minValue\"\n      [p-max]=\"field.maxValue\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-step]=\"field.step\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-number>\n\n    <po-decimal\n      #component\n      *ngIf=\"compareTo(field.control, 'decimal')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-clean]=\"field.clean\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-decimals-length]=\"field.decimalsLength\"\n      [p-thousand-maxlength]=\"field.thousandMaxlength\"\n      [p-icon]=\"field.icon\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-locale]=\"field.locale\"\n      [p-min]=\"field.minValue\"\n      [p-max]=\"field.maxValue\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-decimal>\n\n    <po-select\n      #component\n      *ngIf=\"compareTo(field.control, 'select')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-field-label]=\"field.fieldLabel\"\n      [p-field-value]=\"field.fieldValue\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-readonly]=\"field.readonly\"\n    >\n    </po-select>\n\n    <po-radio-group\n      #component\n      *ngIf=\"compareTo(field.control, 'radioGroup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-columns]=\"field.columns || 3\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-radio-group>\n\n    <po-switch\n      #component\n      *ngIf=\"compareTo(field.control, 'switch')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-format-model]=\"field.formatModel\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-label-off]=\"field.booleanFalse\"\n      [p-label-on]=\"field.booleanTrue\"\n      [p-label-position]=\"field.labelPosition\"\n      [p-hide-label-status]=\"field.hideLabelStatus\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-switch>\n\n    <po-checkbox\n      #component\n      *ngIf=\"compareTo(field.control, 'checkbox')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-label]=\"field.label\"\n      [p-size]=\"field.size\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-checkbox>\n\n    <po-combo\n      #component\n      *ngIf=\"compareTo(field.control, 'combo')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-emit-object-value\n      [p-auto-focus]=\"field.focus\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-field-label]=\"field.fieldLabel\"\n      [p-field-value]=\"field.fieldValue\"\n      [p-filter-params]=\"field.params\"\n      [p-filter-service]=\"field.optionsService\"\n      [p-help]=\"field.help\"\n      [p-infinite-scroll]=\"field.infiniteScroll\"\n      [p-infinite-scroll-distance]=\"field.infiniteScrollDistance || 100\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-options]=\"field.options\"\n      [p-optional]=\"field.optional\"\n      [p-sort]=\"field.sort\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field, $event)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-filter-minlength]=\"field.filterMinlength\"\n      [p-filter-mode]=\"field.filterMode\"\n      [p-disabled-init-filter]=\"field.disabledInitFilter\"\n      [p-disabled-tab-filter]=\"field.disabledTabFilter\"\n      [p-debounce-time]=\"field.debounceTime\"\n      [p-change-on-enter]=\"field.changeOnEnter\"\n    >\n    </po-combo>\n\n    <po-lookup\n      #component\n      *ngIf=\"compareTo(field.control, 'lookup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      p-field-label=\"label\"\n      p-field-value=\"value\"\n      [ngClass]=\"field.componentClass\"\n      [p-clean]=\"field.clean\"\n      [p-columns]=\"field.columns\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-field-label]=\"field.fieldLabel || 'label'\"\n      [p-field-value]=\"field.fieldValue || 'value'\"\n      [p-filter-params]=\"field.params\"\n      [p-filter-service]=\"field.searchService\"\n      [p-auto-focus]=\"field.focus\"\n      [p-auto-height]=\"field.autoHeight\"\n      [p-help]=\"field.help\"\n      [p-field-format]=\"field.format\"\n      [p-infinite-scroll]=\"field.infiniteScroll\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-multiple]=\"field.multiple\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-advanced-filters]=\"field.advancedFilters\"\n      (p-change-visible-columns)=\"field.changeVisibleColumns?.($event)\"\n      (p-restore-column-manager)=\"field.columnRestoreManager?.($event)\"\n    >\n    </po-lookup>\n\n    <po-checkbox-group\n      #component\n      *ngIf=\"compareTo(field.control, 'checkboxGroup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-columns]=\"field.columns || 3\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-show-required]=\"field.showRequired\"\n      [p-field-error-message]=\"field.errorMessage\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-checkbox-group>\n\n    <po-multiselect\n      #component\n      *ngIf=\"compareTo(field.control, 'multiselect')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-auto-height]=\"field.autoHeight\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-field-label]=\"field.fieldLabel\"\n      [p-field-value]=\"field.fieldValue\"\n      [p-filter-service]=\"field.optionsService\"\n      [p-filter-mode]=\"field.filterMode\"\n      [p-debounce-time]=\"field.debounceTime\"\n      [p-sort]=\"field.sort\"\n      [p-placeholder-search]=\"field.placeholderSearch\"\n      [p-hide-search]=\"field.hideSearch\"\n      [p-hide-select-all]=\"field.hideSelectAll\"\n    >\n    </po-multiselect>\n\n    <po-textarea\n      #component\n      *ngIf=\"compareTo(field.control, 'textarea')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      [p-rows]=\"field.rows\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-textarea>\n\n    <po-password\n      #component\n      *ngIf=\"compareTo(field.control, 'password')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-hide-password-peek]=\"field.hidePasswordPeek\"\n      [p-icon]=\"field.icon\"\n      [p-label]=\"field.label\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-pattern]=\"field.pattern\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-password>\n\n    <po-upload\n      #component\n      *ngIf=\"compareTo(field.control, 'upload')\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-auto-upload]=\"field.autoUpload\"\n      [p-directory]=\"field.directory\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-drag-drop]=\"field.dragDrop\"\n      [p-drag-drop-height]=\"field.dragDropHeight\"\n      [p-restrictions]=\"field.restrictions\"\n      [p-form-field]=\"field.formField\"\n      [p-headers]=\"field.headers\"\n      [p-help]=\"field.help\"\n      [p-hide-restrictions-info]=\"field.hideRestrictionsInfo\"\n      [p-hide-select-button]=\"field.hideSelectButton\"\n      [p-hide-send-button]=\"field.hideSendButton\"\n      [p-multiple]=\"field.multiple\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [name]=\"field.property\"\n      (p-error)=\"field.onError($event)\"\n      (p-success)=\"field.onSuccess($event)\"\n      (p-upload)=\"field.onUpload($event)\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      [p-url]=\"field.url\"\n    >\n    </po-upload>\n  </ng-container>\n</ng-template>\n\n<ng-template #poContentContainer let-fields>\n  <po-dynamic-container [p-fields]=\"fields\" [p-content]=\"poContent\"></po-dynamic-container>\n</ng-template>\n" }]
+        args: [{ selector: 'po-dynamic-form-fields', viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], providers: [PoDynamicFormValidationService], template: "<div class=\"po-row\" [class.po-dynamic]=\"hasContainers\" *ngIf=\"visibleFields && visibleFields.length > 0\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      hasContainers ? poContentContainer : poContent;\n      context: { $implicit: hasContainers ? containerFields : visibleFields }\n    \"\n  ></ng-container>\n</div>\n\n<ng-template #poContent let-fields>\n  <ng-container *ngFor=\"let field of fields; trackBy: trackBy\">\n    <po-divider *ngIf=\"field?.divider?.trim()\" class=\"po-sm-12\" [p-label]=\"field.divider\"> </po-divider>\n\n    <po-datepicker\n      #component\n      *ngIf=\"compareTo(field.control, 'datepicker')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async]=\"field.errorAsyncFunction\"\n      [p-auto-focus]=\"field.focus\"\n      [p-format]=\"field.format\"\n      [p-help]=\"field.help\"\n      [p-iso-format]=\"field.isoFormat\"\n      [p-label]=\"field.label\"\n      [p-locale]=\"field.locale\"\n      [p-max-date]=\"field.maxValue\"\n      [p-min-date]=\"field.minValue\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-datepicker>\n\n    <po-datepicker-range\n      #component\n      *ngIf=\"compareTo(field.control, 'datepickerrange')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-max-date]=\"field.maxValue\"\n      [p-min-date]=\"field.minValue\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-datepicker-range>\n\n    <po-input\n      #component\n      *ngIf=\"compareTo(field.control, 'input')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-mask-format-model]=\"field.maskFormatModel\"\n      [p-mask]=\"field.mask\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-pattern]=\"field.pattern\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-readonly]=\"field.readonly\"\n    >\n    </po-input>\n\n    <po-number\n      #component\n      *ngIf=\"compareTo(field.control, 'number')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-min]=\"field.minValue\"\n      [p-max]=\"field.maxValue\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-step]=\"field.step\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-number>\n\n    <po-decimal\n      #component\n      *ngIf=\"compareTo(field.control, 'decimal')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-clean]=\"field.clean\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-decimals-length]=\"field.decimalsLength\"\n      [p-thousand-maxlength]=\"field.thousandMaxlength\"\n      [p-icon]=\"field.icon\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-locale]=\"field.locale\"\n      [p-min]=\"field.minValue\"\n      [p-max]=\"field.maxValue\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-decimal>\n\n    <po-select\n      #component\n      *ngIf=\"compareTo(field.control, 'select')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-field-label]=\"field.fieldLabel\"\n      [p-field-value]=\"field.fieldValue\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-readonly]=\"field.readonly\"\n    >\n    </po-select>\n\n    <po-radio-group\n      #component\n      *ngIf=\"compareTo(field.control, 'radioGroup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-columns]=\"field.columns || 3\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-radio-group>\n\n    <po-switch\n      #component\n      *ngIf=\"compareTo(field.control, 'switch')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-format-model]=\"field.formatModel\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-label-off]=\"field.booleanFalse\"\n      [p-label-on]=\"field.booleanTrue\"\n      [p-label-position]=\"field.labelPosition\"\n      [p-hide-label-status]=\"field.hideLabelStatus\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-switch>\n\n    <po-checkbox\n      #component\n      *ngIf=\"compareTo(field.control, 'checkbox')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-label]=\"field.label\"\n      [p-size]=\"field.size\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-checkbox>\n\n    <po-combo\n      #component\n      *ngIf=\"compareTo(field.control, 'combo')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-emit-object-value\n      [p-auto-focus]=\"field.focus\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-field-label]=\"field.fieldLabel\"\n      [p-field-value]=\"field.fieldValue\"\n      [p-filter-params]=\"field.params\"\n      [p-filter-service]=\"field.optionsService\"\n      [p-help]=\"field.help\"\n      [p-infinite-scroll]=\"field.infiniteScroll\"\n      [p-infinite-scroll-distance]=\"field.infiniteScrollDistance || 100\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-options]=\"field.options\"\n      [p-optional]=\"field.optional\"\n      [p-sort]=\"field.sort\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field, $event)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-filter-minlength]=\"field.filterMinlength\"\n      [p-filter-mode]=\"field.filterMode\"\n      [p-disabled-init-filter]=\"field.disabledInitFilter\"\n      [p-disabled-tab-filter]=\"field.disabledTabFilter\"\n      [p-debounce-time]=\"field.debounceTime\"\n      [p-change-on-enter]=\"field.changeOnEnter\"\n    >\n    </po-combo>\n\n    <po-lookup\n      #component\n      *ngIf=\"compareTo(field.control, 'lookup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      p-field-label=\"label\"\n      p-field-value=\"value\"\n      [ngClass]=\"field.componentClass\"\n      [p-clean]=\"field.clean\"\n      [p-columns]=\"field.columns\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-field-label]=\"field.fieldLabel || 'label'\"\n      [p-field-value]=\"field.fieldValue || 'value'\"\n      [p-filter-params]=\"field.params\"\n      [p-filter-service]=\"field.searchService\"\n      [p-auto-focus]=\"field.focus\"\n      [p-auto-height]=\"field.autoHeight\"\n      [p-help]=\"field.help\"\n      [p-field-format]=\"field.format\"\n      [p-infinite-scroll]=\"field.infiniteScroll\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-multiple]=\"field.multiple\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-advanced-filters]=\"field.advancedFilters\"\n      (p-change-visible-columns)=\"field.changeVisibleColumns?.($event)\"\n      (p-restore-column-manager)=\"field.columnRestoreManager?.($event)\"\n    >\n    </po-lookup>\n\n    <po-checkbox-group\n      #component\n      *ngIf=\"compareTo(field.control, 'checkboxGroup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-columns]=\"field.columns || 3\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-show-required]=\"field.showRequired\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-checkbox-group>\n\n    <po-multiselect\n      #component\n      *ngIf=\"compareTo(field.control, 'multiselect')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-auto-height]=\"field.autoHeight\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-field-label]=\"field.fieldLabel\"\n      [p-field-value]=\"field.fieldValue\"\n      [p-filter-service]=\"field.optionsService\"\n      [p-filter-mode]=\"field.filterMode\"\n      [p-debounce-time]=\"field.debounceTime\"\n      [p-sort]=\"field.sort\"\n      [p-placeholder-search]=\"field.placeholderSearch\"\n      [p-hide-search]=\"field.hideSearch\"\n      [p-hide-select-all]=\"field.hideSelectAll\"\n    >\n    </po-multiselect>\n\n    <po-textarea\n      #component\n      *ngIf=\"compareTo(field.control, 'textarea')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      [p-rows]=\"field.rows\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-textarea>\n\n    <po-password\n      #component\n      *ngIf=\"compareTo(field.control, 'password')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-hide-password-peek]=\"field.hidePasswordPeek\"\n      [p-icon]=\"field.icon\"\n      [p-label]=\"field.label\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-pattern]=\"field.pattern\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-password>\n\n    <po-upload\n      #component\n      *ngIf=\"compareTo(field.control, 'upload')\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-auto-upload]=\"field.autoUpload\"\n      [p-directory]=\"field.directory\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-drag-drop]=\"field.dragDrop\"\n      [p-drag-drop-height]=\"field.dragDropHeight\"\n      [p-restrictions]=\"field.restrictions\"\n      [p-form-field]=\"field.formField\"\n      [p-headers]=\"field.headers\"\n      [p-help]=\"field.help\"\n      [p-hide-restrictions-info]=\"field.hideRestrictionsInfo\"\n      [p-hide-select-button]=\"field.hideSelectButton\"\n      [p-hide-send-button]=\"field.hideSendButton\"\n      [p-multiple]=\"field.multiple\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [name]=\"field.property\"\n      [p-custom-action]=\"field.customAction\"\n      (p-custom-action-click)=\"field.customActionClick($event)\"\n      (p-error)=\"field.onError($event)\"\n      (p-success)=\"field.onSuccess($event)\"\n      (p-upload)=\"field.onUpload($event)\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      [p-url]=\"field.url\"\n    >\n    </po-upload>\n  </ng-container>\n</ng-template>\n\n<ng-template #poContentContainer let-fields>\n  <po-dynamic-container [p-fields]=\"fields\" [p-content]=\"poContent\"></po-dynamic-container>\n</ng-template>\n" }]
     }], () => [{ type: i1.TitleCasePipe }, { type: PoDynamicFormValidationService }, { type: i0.ChangeDetectorRef }, { type: i2$1.NgForm }], { components: [{
             type: ViewChildren,
             args: ['component']