@po-ui/ng-components 6.10.0 → 6.12.0

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

@@ -13,6 +13,8 @@ import { __decorate, __param } from 'tslib';
 import * as i3 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule, NgControl, ControlContainer, NgForm } from '@angular/forms';
 import { debounceTime, concatMap, mapTo, scan, tap, switchMap, map, filter, distinctUntilChanged, finalize, catchError, takeWhile, delay, take } from 'rxjs/operators';
+import * as i13 from '@angular/cdk/scrolling';
+import { ScrollingModule } from '@angular/cdk/scrolling';
 import * as i3$1 from '@angular/platform-browser';
 
 /**
@@ -1593,7 +1595,7 @@ PoBreadcrumbDropdownComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
         }] }); })();
 
 const _c0$1r = ["breadcrumb"];
-const _c1$B = ["dropdownIcon"];
+const _c1$C = ["dropdownIcon"];
 function PoBreadcrumbComponent_li_3_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "li", 7, 8);
@@ -1768,7 +1770,7 @@ class PoBreadcrumbComponent extends PoBreadcrumbBaseComponent {
 PoBreadcrumbComponent.ɵfac = function PoBreadcrumbComponent_Factory(t) { return new (t || PoBreadcrumbComponent)(i0.ɵɵdirectiveInject(i0.IterableDiffers), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2)); };
 PoBreadcrumbComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoBreadcrumbComponent, selectors: [["po-breadcrumb"]], viewQuery: function PoBreadcrumbComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$1r, 7, ElementRef);
-        i0.ɵɵviewQuery(_c1$B, 5, ElementRef);
+        i0.ɵɵviewQuery(_c1$C, 5, ElementRef);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.breadcrumbElement = _t.first);
@@ -2304,21 +2306,28 @@ function validateProperty(property, target) {
     }
 }
 
-const PO_BUTTON_TYPES = ['default', 'primary', 'danger', 'link'];
-const PO_BUTTON_TYPE_DEFAULT = 'default';
+var PoButtonKind;
+(function (PoButtonKind) {
+    PoButtonKind["primary"] = "primary";
+    PoButtonKind["default"] = "secondary";
+    PoButtonKind["secondary"] = "secondary";
+    PoButtonKind["link"] = "tertiary";
+    PoButtonKind["tertiary"] = "tertiary";
+    PoButtonKind["danger"] = "danger";
+})(PoButtonKind || (PoButtonKind = {}));
+
 /**
  * @description
  *
  * O `po-button` permite que o usuário execute ações predefinidas pelo desenvolvedor.
  *
- * Através dos tipos, é possível identificar a importância de cada ação, sendo ela primária (`primary`) ou até mesmo uma
- * ação irreversível (`danger`), como a exclusão de um registro.
+ * Através dos tipos, é possível identificar a importância de cada ação.
  *
  * #### Boas práticas
  *
  * - Evite `labels` extensos que quebram o layout do `po-button`, use `labels` diretos, curtos e intuitivos.
  * - Utilize apenas um `po-button` configurado como `primary` por página.
- * - Para ações irreversíveis use sempre o tipo `danger`.
+ * - Para ações irreversíveis use sempre a propriedade `p-danger`.
  */
 class PoButtonBaseComponent {
     constructor() {
@@ -2340,10 +2349,11 @@ class PoButtonBaseComponent {
         this.autoFocus = false;
         /** Ação que será executada quando o usuário clicar sobre o `po-button`. */
         this.click = new EventEmitter();
+        this._danger = false;
         this._disabled = false;
         this._loading = false;
         this._small = false;
-        this._type = 'default';
+        this._kind = PoButtonKind.secondary;
     }
     /**
      * @optional
@@ -2378,25 +2388,67 @@ class PoButtonBaseComponent {
         return this._small;
     }
     /**
+     * @deprecated 15.x.x
+     *
      * @optional
      *
      * @description
      *
+     * **Deprecated 15.x.x**. Utilizar `p-kind` no lugar.
+     *
      * Define o estilo do `po-button`.
      *
      * Valore válidos:
-     *  - `default`: estilo padrão do `po-button`.
+     *  - `default`: **Deprecated 15.x.x**. Utilizar `p-kind="secondary"`.
      *  - `primary`: deixa o `po-button` com destaque, deve ser usado para ações primárias.
-     *  - `danger`: deve ser usado para ações que o usuário precisa ter cuidado ao executa-lá.
-     *  - `link`: o `po-button` recebe o estilo de um link.
+     *  - `danger`: **Deprecated 15.x.x**. Utilizar `p-danger`.
+     *  - `link`: **Deprecated 15.x.x**. Utilizar `p-kind="tertiary"`.
      *
-     * @default `default`
+     * @default `secondary`
      */
     set type(value) {
-        this._type = PO_BUTTON_TYPES.includes(value) ? value : PO_BUTTON_TYPE_DEFAULT;
+        this.kind = value;
     }
     get type() {
-        return this._type;
+        return this.kind;
+    }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Deve ser usado em ações irreversíveis que o usuário precisa ter cuidado ao executá-la, como a exclusão de um registro.
+     *
+     * > Ao utilizar esta propriedade será atribuído `p-kind="secondary"`.
+     */
+    set danger(value) {
+        this._danger = value;
+        if (this._danger) {
+            this.kind = PoButtonKind.secondary;
+        }
+    }
+    get danger() {
+        return this._danger;
+    }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o estilo do `po-button`.
+     *
+     * Valore válidos:
+     *  - `primary`: deixa o `po-button` com destaque, deve ser usado para ações primárias.
+     *  - `secondary`: estilo padrão do `po-button`.
+     *  - `tertiary`: o `po-button` é exibido sem cor do fundo, recebendo menos destaque entre as ações.
+     *
+     * @default `secondary`
+     */
+    set kind(value) {
+        this._kind = PoButtonKind[value] && !this.danger ? PoButtonKind[value] : PoButtonKind.secondary;
+    }
+    get kind() {
+        return this._kind;
     }
     /**
      * @optional
@@ -2415,10 +2467,13 @@ class PoButtonBaseComponent {
     }
 }
 PoButtonBaseComponent.ɵfac = function PoButtonBaseComponent_Factory(t) { return new (t || PoButtonBaseComponent)(); };
-PoButtonBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoButtonBaseComponent, inputs: { autoFocus: ["p-auto-focus", "autoFocus"], label: ["p-label", "label"], icon: ["p-icon", "icon"], loading: ["p-loading", "loading"], small: ["p-small", "small"], type: ["p-type", "type"], disabled: ["p-disabled", "disabled"] }, outputs: { click: "p-click" } });
+PoButtonBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoButtonBaseComponent, inputs: { autoFocus: ["p-auto-focus", "autoFocus"], label: ["p-label", "label"], icon: ["p-icon", "icon"], loading: ["p-loading", "loading"], small: ["p-small", "small"], type: ["p-type", "type"], danger: ["p-danger", "danger"], kind: ["p-kind", "kind"], disabled: ["p-disabled", "disabled"] }, outputs: { click: "p-click" } });
 __decorate([
     InputBoolean()
 ], PoButtonBaseComponent.prototype, "autoFocus", void 0);
+__decorate([
+    InputBoolean()
+], PoButtonBaseComponent.prototype, "danger", null);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoButtonBaseComponent, [{
         type: Directive
     }], null, { autoFocus: [{
@@ -2442,6 +2497,12 @@ __decorate([
         }], type: [{
             type: Input,
             args: ['p-type']
+        }], danger: [{
+            type: Input,
+            args: ['p-danger']
+        }], kind: [{
+            type: Input,
+            args: ['p-kind']
         }], disabled: [{
             type: Input,
             args: ['p-disabled']
@@ -2530,7 +2591,7 @@ PoButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoButtonC
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.buttonElement = _t.first);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 16, consts: [["type", "button", 1, "po-button", "po-text-ellipsis", 3, "disabled", "click"], ["button", ""], ["class", "po-button-loading-icon", 4, "ngIf"], ["class", "po-button-icon", 3, "p-icon", 4, "ngIf"], ["class", "po-button-label", 4, "ngIf"], [1, "po-button-loading-icon"], ["p-neutral-color", ""], [1, "po-button-icon", 3, "p-icon"], [1, "po-button-label"]], template: function PoButtonComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 16, consts: [["type", "button", 1, "po-button", 3, "disabled", "click"], ["button", ""], ["class", "po-button-loading-icon", 4, "ngIf"], ["class", "po-button-icon", 3, "p-icon", 4, "ngIf"], ["class", "po-button-label", 4, "ngIf"], [1, "po-button-loading-icon"], ["p-neutral-color", ""], [1, "po-button-icon", 3, "p-icon"], [1, "po-button-label"]], template: function PoButtonComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "button", 0, 1);
         i0.ɵɵlistener("click", function PoButtonComponent_Template_button_click_0_listener() { return ctx.onClick(); });
         i0.ɵɵtemplate(2, PoButtonComponent_div_2_Template, 2, 0, "div", 2);
@@ -2538,7 +2599,7 @@ PoButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoButtonC
         i0.ɵɵtemplate(4, PoButtonComponent_span_4_Template, 2, 1, "span", 4);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵclassProp("po-button-default", ctx.type === "default")("po-button-danger", ctx.type === "danger")("po-button-link", ctx.type === "link")("po-button-primary", ctx.type === "primary")("po-button-sm", ctx.small)("po-clickable", ctx.type === "link");
+        i0.ɵɵclassProp("po-button-default", ctx.kind === "secondary")("po-button-danger", ctx.kind === "danger" || ctx.danger)("po-button-link", ctx.kind === "tertiary")("po-button-primary", ctx.kind === "primary")("po-button-sm", ctx.small)("po-clickable", ctx.kind === "link");
         i0.ɵɵproperty("disabled", ctx.disabled || ctx.loading);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.loading);
@@ -2549,7 +2610,7 @@ PoButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoButtonC
     } }, directives: [i1.NgIf, PoLoadingIconComponent, PoIconComponent], encapsulation: 2, changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoButtonComponent, [{
         type: Component,
-        args: [{ selector: 'po-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  #button\n  class=\"po-button po-text-ellipsis\"\n  type=\"button\"\n  [class.po-button-default]=\"type === 'default'\"\n  [class.po-button-danger]=\"type === 'danger'\"\n  [class.po-button-link]=\"type === 'link'\"\n  [class.po-button-primary]=\"type === 'primary'\"\n  [class.po-button-sm]=\"small\"\n  [class.po-clickable]=\"type === 'link'\"\n  [disabled]=\"disabled || loading\"\n  (click)=\"onClick()\"\n>\n  <div *ngIf=\"loading\" class=\"po-button-loading-icon\">\n    <po-loading-icon p-neutral-color></po-loading-icon>\n  </div>\n\n  <po-icon *ngIf=\"icon\" class=\"po-button-icon\" [p-icon]=\"icon\"></po-icon>\n  <span *ngIf=\"label\" class=\"po-button-label\">{{ label }}</span>\n</button>\n" }]
+        args: [{ selector: 'po-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  #button\n  class=\"po-button\"\n  type=\"button\"\n  [class.po-button-default]=\"kind === 'secondary'\"\n  [class.po-button-danger]=\"kind === 'danger' || danger\"\n  [class.po-button-link]=\"kind === 'tertiary'\"\n  [class.po-button-primary]=\"kind === 'primary'\"\n  [class.po-button-sm]=\"small\"\n  [class.po-clickable]=\"kind === 'link'\"\n  [disabled]=\"disabled || loading\"\n  (click)=\"onClick()\"\n>\n  <div *ngIf=\"loading\" class=\"po-button-loading-icon\">\n    <po-loading-icon p-neutral-color></po-loading-icon>\n  </div>\n\n  <po-icon *ngIf=\"icon\" class=\"po-button-icon\" [p-icon]=\"icon\"></po-icon>\n  <span *ngIf=\"label\" class=\"po-button-label\">{{ label }}</span>\n</button>\n" }]
     }], null, { buttonElement: [{
             type: ViewChild,
             args: ['button', { static: true }]
@@ -4609,7 +4670,7 @@ function PoCalendarComponent_ng_template_1_ng_container_2_Template(rf, ctx) { if
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngTemplateOutlet", _r5)("ngTemplateOutletContext", i0.ɵɵpureFunction0(2, _c0$1o));
 } }
-const _c1$A = function () { return { partType: "start" }; };
+const _c1$B = function () { return { partType: "start" }; };
 function PoCalendarComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4);
     i0.ɵɵtemplate(1, PoCalendarComponent_ng_template_1_ng_container_1_Template, 1, 0, "ng-container", 5);
@@ -4619,7 +4680,7 @@ function PoCalendarComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     const ctx_r2 = i0.ɵɵnextContext();
     const _r5 = i0.ɵɵreference(6);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r5)("ngTemplateOutletContext", i0.ɵɵpureFunction0(3, _c1$A));
+    i0.ɵɵproperty("ngTemplateOutlet", _r5)("ngTemplateOutletContext", i0.ɵɵpureFunction0(3, _c1$B));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", !ctx_r2.isResponsive);
 } }
@@ -5213,7 +5274,7 @@ PoChartLineBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: Po
         }] }); })();
 
 const _c0$1m = ["chartPath"];
-const _c1$z = ["po-chart-path", ""];
+const _c1$A = ["po-chart-path", ""];
 const pathDashoffsetDefaultWidth = 0;
 class PoChartPathComponent {
     constructor(changeDetector) {
@@ -5257,7 +5318,7 @@ PoChartPathComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChar
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chartPath = _t.first);
-    } }, inputs: { isActive: ["p-is-active", "isActive"], chartLine: ["p-chart-line", "chartLine"], coordinates: ["p-coordinates", "coordinates"], color: ["p-color", "color"], animate: ["p-animate", "animate"] }, attrs: _c1$z, decls: 2, vars: 11, consts: [[1, "po-chart-path"], ["chartPath", ""]], template: function PoChartPathComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { isActive: ["p-is-active", "isActive"], chartLine: ["p-chart-line", "chartLine"], coordinates: ["p-coordinates", "coordinates"], color: ["p-color", "color"], animate: ["p-animate", "animate"] }, attrs: _c1$A, decls: 2, vars: 11, consts: [[1, "po-chart-path"], ["chartPath", ""]], template: function PoChartPathComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵnamespaceSVG();
         i0.ɵɵelement(0, "path", 0, 1);
     } if (rf & 2) {
@@ -6780,7 +6841,7 @@ PoChartLineComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChar
     }], function () { return [{ type: PoChartMathsService }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, null); })();
 
 const _c0$1c = ["svgPaths"];
-const _c1$y = ["svgLabels"];
+const _c1$z = ["svgLabels"];
 class PoChartCircularComponent {
     constructor(ngZone, changeDetector) {
         this.ngZone = ngZone;
@@ -6906,7 +6967,7 @@ class PoChartCircularComponent {
 PoChartCircularComponent.ɵfac = function PoChartCircularComponent_Factory(t) { return new (t || PoChartCircularComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 PoChartCircularComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoChartCircularComponent, viewQuery: function PoChartCircularComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$1c, 5);
-        i0.ɵɵviewQuery(_c1$y, 5);
+        i0.ɵɵviewQuery(_c1$z, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.svgPaths = _t);
@@ -7020,7 +7081,7 @@ PoChartTooltipDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoC
         }] }); })();
 
 const _c0$1b = ["svgPath"];
-const _c1$x = ["po-chart-circular-path", ""];
+const _c1$y = ["po-chart-circular-path", ""];
 class PoChartCircularPathComponent {
     constructor(renderer) {
         this.renderer = renderer;
@@ -7045,7 +7106,7 @@ PoChartCircularPathComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.svgPath = _t.first);
-    } }, inputs: { serie: ["p-serie", "serie"] }, outputs: { onClick: "p-on-click", onHover: "p-on-hover" }, attrs: _c1$x, decls: 2, vars: 4, consts: [[1, "po-path-item", 3, "p-chart-tooltip", "click", "mouseenter"], ["svgPath", ""]], template: function PoChartCircularPathComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { serie: ["p-serie", "serie"] }, outputs: { onClick: "p-on-click", onHover: "p-on-hover" }, attrs: _c1$y, decls: 2, vars: 4, consts: [[1, "po-path-item", 3, "p-chart-tooltip", "click", "mouseenter"], ["svgPath", ""]], template: function PoChartCircularPathComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵnamespaceSVG();
         i0.ɵɵelementStart(0, "path", 0, 1);
         i0.ɵɵlistener("click", function PoChartCircularPathComponent_Template__svg_path_click_0_listener() { return ctx.onMouseClick(); })("mouseenter", function PoChartCircularPathComponent_Template__svg_path_mouseenter_0_listener() { return ctx.onMouseEnter(); });
@@ -7073,7 +7134,7 @@ PoChartCircularPathComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
         }] }); })();
 
 const _c0$1a = ["svgLabel"];
-const _c1$w = ["po-chart-circular-label", ""];
+const _c1$x = ["po-chart-circular-label", ""];
 class PoChartCircularLabelComponent {
     constructor(changeDetection, renderer) {
         this.changeDetection = changeDetection;
@@ -7092,7 +7153,7 @@ PoChartCircularLabelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.svgLabel = _t.first);
-    } }, inputs: { serie: ["p-serie", "serie"], showLabel: ["p-show-label", "showLabel"] }, attrs: _c1$w, decls: 3, vars: 6, consts: [["dominant-baseline", "middle", 1, "po-chart-label"], ["svgLabel", ""]], template: function PoChartCircularLabelComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { serie: ["p-serie", "serie"], showLabel: ["p-show-label", "showLabel"] }, attrs: _c1$x, decls: 3, vars: 6, consts: [["dominant-baseline", "middle", 1, "po-chart-label"], ["svgLabel", ""]], template: function PoChartCircularLabelComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵnamespaceSVG();
         i0.ɵɵelementStart(0, "text", 0, 1);
         i0.ɵɵtext(2);
@@ -7644,7 +7705,7 @@ PoChartLegendComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoCh
         }] }); })();
 
 const _c0$16 = ["chartContainer"];
-const _c1$v = ["chartHeader"];
+const _c1$w = ["chartHeader"];
 const _c2$f = ["chartLegend"];
 const _c3$9 = ["chartWrapper"];
 function PoChartComponent_ng_template_7_Template(rf, ctx) { }
@@ -7829,7 +7890,7 @@ class PoChartComponent extends PoChartBaseComponent {
 PoChartComponent.ɵfac = function PoChartComponent_Factory(t) { return new (t || PoChartComponent)(i0.ɵɵdirectiveInject(PoColorService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PoChartSvgContainerService), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(PoChartMathsService), i0.ɵɵdirectiveInject(i0.Renderer2)); };
 PoChartComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartComponent, selectors: [["po-chart"]], viewQuery: function PoChartComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$16, 7, ViewContainerRef);
-        i0.ɵɵviewQuery(_c1$v, 7);
+        i0.ɵɵviewQuery(_c1$w, 7);
         i0.ɵɵviewQuery(_c2$f, 5, ElementRef);
         i0.ɵɵviewQuery(_c3$9, 7);
     } if (rf & 2) {
@@ -8914,7 +8975,7 @@ function PoPopupComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngForOf", ctx_r0.actions);
 } }
-const _c1$u = [[["", "p-popup-header-template", ""]]];
+const _c1$v = [[["", "p-popup-header-template", ""]]];
 const _c2$e = ["[p-popup-header-template]"];
 /**
  *
@@ -9069,7 +9130,7 @@ PoPopupComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPopupCom
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popupRef = _t.first);
     } }, features: [i0.ɵɵProvidersFeature([PoControlPositionService]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c2$e, decls: 1, vars: 1, consts: [["class", "po-popup", 4, "ngIf"], [1, "po-popup"], ["popupRef", ""], [3, "class", 4, "ngIf"], [1, "po-popup-container"], [4, "ngFor", "ngForOf"], [3, "po-popup-item-default", "po-popup-item-danger", "po-popup-item-disabled", "po-popup-item-separator", "po-popup-item-selected", "click", 4, "ngIf"], [3, "click"], ["class", "po-popup-icon-item po-icon", 3, "p-icon", 4, "ngIf"], [1, "po-popup-icon-item", "po-icon", 3, "p-icon"]], template: function PoPopupComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c1$u);
+        i0.ɵɵprojectionDef(_c1$v);
         i0.ɵɵtemplate(0, PoPopupComponent_div_0_Template, 6, 2, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.showPopup);
@@ -9180,7 +9241,7 @@ PoDropdownBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoD
         }] }); })();
 
 const _c0$13 = ["dropdownRef"];
-const _c1$t = ["popupRef"];
+const _c1$u = ["popupRef"];
 const _c2$d = function (a0) { return { "po-dropdown-button-disabled": a0 }; };
 const _c3$8 = function () { return ["bottom-left", "top-left"]; };
 /**
@@ -9266,7 +9327,7 @@ class PoDropdownComponent extends PoDropdownBaseComponent {
 PoDropdownComponent.ɵfac = function PoDropdownComponent_Factory(t) { return new (t || PoDropdownComponent)(i0.ɵɵdirectiveInject(i0.Renderer2)); };
 PoDropdownComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoDropdownComponent, selectors: [["po-dropdown"]], viewQuery: function PoDropdownComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$13, 7, ElementRef);
-        i0.ɵɵviewQuery(_c1$t, 5);
+        i0.ɵɵviewQuery(_c1$u, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dropdownRef = _t.first);
@@ -10994,7 +11055,7 @@ __decorate([
         }] }); })();
 
 const _c0$10 = ["calendar"];
-const _c1$s = ["dialogPicker"];
+const _c1$t = ["dialogPicker"];
 const _c2$c = ["iconDatepicker"];
 const _c3$7 = ["inp"];
 function PoDatepickerComponent_po_clean_5_Template(rf, ctx) { if (rf & 1) {
@@ -11313,7 +11374,7 @@ class PoDatepickerComponent extends PoDatepickerBaseComponent {
 PoDatepickerComponent.ɵfac = function PoDatepickerComponent_Factory(t) { return new (t || PoDatepickerComponent)(i0.ɵɵdirectiveInject(PoControlPositionService), i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
 PoDatepickerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoDatepickerComponent, selectors: [["po-datepicker"]], viewQuery: function PoDatepickerComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$10, 7);
-        i0.ɵɵviewQuery(_c1$s, 7, ElementRef);
+        i0.ɵɵviewQuery(_c1$t, 7, ElementRef);
         i0.ɵɵviewQuery(_c2$c, 7, ElementRef);
         i0.ɵɵviewQuery(_c3$7, 7, ElementRef);
     } if (rf & 2) {
@@ -11588,7 +11649,7 @@ const _c0$$ = ["*"];
  *  <po-modal-footer>
  *    <po-button p-label="Close" (p-click)="modal.close()"> </po-button>
  *    <po-button p-label="Clean" (p-click)="clean()"> </po-button>
- *    <po-button p-label="Confirm" p-type="primary" (p-click)="confirm()"> </po-button>
+ *    <po-button p-label="Confirm" p-kind="primary" (p-click)="confirm()"> </po-button>
  *  </po-modal-footer>
  * </po-modal>
  * ```
@@ -11660,7 +11721,7 @@ function PoModalComponent_div_0_ng_template_13_po_button_1_Template(rf, ctx) { i
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r8 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("p-disabled", ctx_r8.secondaryAction.disabled)("p-label", ctx_r8.secondaryAction.label)("p-loading", ctx_r8.secondaryAction.loading)("p-type", ctx_r8.getSecondaryActionButtonType());
+    i0.ɵɵproperty("p-disabled", ctx_r8.secondaryAction.disabled)("p-label", ctx_r8.secondaryAction.label)("p-loading", ctx_r8.secondaryAction.loading)("p-kind", ctx_r8.getSecondaryActionButtonType());
 } }
 function PoModalComponent_div_0_ng_template_13_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
@@ -11674,7 +11735,7 @@ function PoModalComponent_div_0_ng_template_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r5.secondaryAction);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("p-disabled", ctx_r5.primaryAction.disabled)("p-label", ctx_r5.primaryAction.label)("p-loading", ctx_r5.primaryAction.loading)("p-type", ctx_r5.getPrimaryActionButtonType());
+    i0.ɵɵproperty("p-disabled", ctx_r5.primaryAction.disabled)("p-label", ctx_r5.primaryAction.label)("p-loading", ctx_r5.primaryAction.loading)("p-kind", ctx_r5.getPrimaryActionButtonType());
 } }
 function PoModalComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
@@ -11705,7 +11766,7 @@ function PoModalComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", ctx_r0.modalFooter)("ngIfElse", _r4);
 } }
-const _c1$r = ["*", [["po-modal-footer"]]];
+const _c1$s = ["*", [["po-modal-footer"]]];
 const _c2$b = ["*", "po-modal-footer"];
 /**
  * @docsExtends PoModalBaseComponent
@@ -11753,7 +11814,7 @@ class PoModalComponent extends PoModalBaseComponent {
         return this.primaryAction.danger ? 'danger' : 'primary';
     }
     getSecondaryActionButtonType() {
-        return this.secondaryAction && this.secondaryAction.danger && !this.primaryAction.danger ? 'danger' : 'default';
+        return this.secondaryAction && this.secondaryAction.danger && !this.primaryAction.danger ? 'danger' : 'secondary';
     }
     onClickOut(event) {
         if (this.clickOut && !this.modalContent.nativeElement.contains(event.target)) {
@@ -11811,15 +11872,15 @@ PoModalComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoModalCom
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c2$b, decls: 1, vars: 1, consts: [["class", "po-modal", "tabindex", "0", 3, "keydown.esc", 4, "ngIf"], ["tabindex", "0", 1, "po-modal", 3, "keydown.esc"], [1, "po-modal-overlay"], [1, "po-modal-container", "po-pb-2", "po-pt-2", 3, "mousedown"], [1, "po-modal-vertical-align"], ["tabindex", "-1"], ["modalContent", ""], [1, "po-modal-header"], [1, "po-modal-title", "po-text-ellipsis"], ["class", "po-modal-header-close-button", "tabindex", "0", 3, "click", 4, "ngIf"], [1, "po-modal-body"], [4, "ngIf", "ngIfElse"], ["defaultModalFooterTemplate", ""], ["tabindex", "0", 1, "po-modal-header-close-button", 3, "click"], [1, "po-icon", "po-icon-close"], [3, "p-disabled", "p-label", "p-loading", "p-type", "p-click", 4, "ngIf"], [1, "po-button-modal-first-action", 3, "p-disabled", "p-label", "p-loading", "p-type", "p-click"], [3, "p-disabled", "p-label", "p-loading", "p-type", "p-click"]], template: function PoModalComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c1$r);
+    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c2$b, decls: 1, vars: 1, consts: [["class", "po-modal", "tabindex", "0", 3, "keydown.esc", 4, "ngIf"], ["tabindex", "0", 1, "po-modal", 3, "keydown.esc"], [1, "po-modal-overlay"], [1, "po-modal-container", "po-pb-2", "po-pt-2", 3, "mousedown"], [1, "po-modal-vertical-align"], ["tabindex", "-1"], ["modalContent", ""], [1, "po-modal-header"], [1, "po-modal-title", "po-text-ellipsis"], ["class", "po-modal-header-close-button", "tabindex", "0", 3, "click", 4, "ngIf"], [1, "po-modal-body"], [4, "ngIf", "ngIfElse"], ["defaultModalFooterTemplate", ""], ["tabindex", "0", 1, "po-modal-header-close-button", 3, "click"], [1, "po-icon", "po-icon-close"], [3, "p-disabled", "p-label", "p-loading", "p-kind", "p-click", 4, "ngIf"], [1, "po-button-modal-first-action", 3, "p-disabled", "p-label", "p-loading", "p-kind", "p-click"], [3, "p-disabled", "p-label", "p-loading", "p-kind", "p-click"]], template: function PoModalComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c1$s);
         i0.ɵɵtemplate(0, PoModalComponent_div_0_Template, 15, 7, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", !ctx.isHidden);
     } }, directives: [i1.NgIf, PoModalFooterComponent, PoButtonComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoModalComponent, [{
         type: Component,
-        args: [{ selector: 'po-modal', template: "<div *ngIf=\"!isHidden\" class=\"po-modal\" tabindex=\"0\" (keydown.esc)=\"closeModalOnEscapeKey($event)\">\n  <div class=\"po-modal-overlay\">\n    <div class=\"po-modal-container po-pb-2 po-pt-2\" (mousedown)=\"onClickOut($event)\">\n      <div class=\"po-modal-vertical-align\">\n        <div #modalContent class=\"po-modal-content po-modal-{{ size }}\" tabindex=\"-1\">\n          <div class=\"po-modal-header\">\n            <div class=\"po-modal-title po-text-ellipsis\">\n              {{ title }}\n            </div>\n\n            <a *ngIf=\"!hideClose\" class=\"po-modal-header-close-button\" tabindex=\"0\" (click)=\"close(true)\">\n              <span class=\"po-icon po-icon-close\"></span>\n            </a>\n          </div>\n\n          <div class=\"po-modal-body\">\n            <ng-content></ng-content>\n          </div>\n\n          <ng-container *ngIf=\"modalFooter; else defaultModalFooterTemplate\">\n            <ng-content select=\"po-modal-footer\"></ng-content>\n          </ng-container>\n\n          <ng-template #defaultModalFooterTemplate>\n            <po-modal-footer>\n              <po-button\n                *ngIf=\"secondaryAction\"\n                [p-disabled]=\"secondaryAction.disabled\"\n                [p-label]=\"secondaryAction.label\"\n                [p-loading]=\"secondaryAction.loading\"\n                [p-type]=\"getSecondaryActionButtonType()\"\n                (p-click)=\"secondaryAction.action()\"\n              >\n              </po-button>\n\n              <po-button\n                class=\"po-button-modal-first-action\"\n                [p-disabled]=\"primaryAction.disabled\"\n                [p-label]=\"primaryAction.label\"\n                [p-loading]=\"primaryAction.loading\"\n                [p-type]=\"getPrimaryActionButtonType()\"\n                (p-click)=\"primaryAction.action()\"\n              >\n              </po-button>\n            </po-modal-footer>\n          </ng-template>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        args: [{ selector: 'po-modal', template: "<div *ngIf=\"!isHidden\" class=\"po-modal\" tabindex=\"0\" (keydown.esc)=\"closeModalOnEscapeKey($event)\">\n  <div class=\"po-modal-overlay\">\n    <div class=\"po-modal-container po-pb-2 po-pt-2\" (mousedown)=\"onClickOut($event)\">\n      <div class=\"po-modal-vertical-align\">\n        <div #modalContent class=\"po-modal-content po-modal-{{ size }}\" tabindex=\"-1\">\n          <div class=\"po-modal-header\">\n            <div class=\"po-modal-title po-text-ellipsis\">\n              {{ title }}\n            </div>\n\n            <a *ngIf=\"!hideClose\" class=\"po-modal-header-close-button\" tabindex=\"0\" (click)=\"close(true)\">\n              <span class=\"po-icon po-icon-close\"></span>\n            </a>\n          </div>\n\n          <div class=\"po-modal-body\">\n            <ng-content></ng-content>\n          </div>\n\n          <ng-container *ngIf=\"modalFooter; else defaultModalFooterTemplate\">\n            <ng-content select=\"po-modal-footer\"></ng-content>\n          </ng-container>\n\n          <ng-template #defaultModalFooterTemplate>\n            <po-modal-footer>\n              <po-button\n                *ngIf=\"secondaryAction\"\n                [p-disabled]=\"secondaryAction.disabled\"\n                [p-label]=\"secondaryAction.label\"\n                [p-loading]=\"secondaryAction.loading\"\n                [p-kind]=\"getSecondaryActionButtonType()\"\n                (p-click)=\"secondaryAction.action()\"\n              >\n              </po-button>\n\n              <po-button\n                class=\"po-button-modal-first-action\"\n                [p-disabled]=\"primaryAction.disabled\"\n                [p-label]=\"primaryAction.label\"\n                [p-loading]=\"primaryAction.loading\"\n                [p-kind]=\"getPrimaryActionButtonType()\"\n                (p-click)=\"primaryAction.action()\"\n              >\n              </po-button>\n            </po-modal-footer>\n          </ng-template>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
     }], function () { return [{ type: PoActiveOverlayService }, { type: PoLanguageService }]; }, { modalContent: [{
             type: ViewChild,
             args: ['modalContent', { read: ElementRef }]
@@ -12558,6 +12619,21 @@ PoI18nPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "poI18n", type: PoI1
             }]
     }], null, null); })();
 
+const poToasterLiterals = {
+    en: {
+        close: 'Close'
+    },
+    es: {
+        close: 'Cerrar'
+    },
+    pt: {
+        close: 'Fechar'
+    },
+    ru: {
+        close: 'близко'
+    }
+};
+
 /**
  * @docsPrivate
  *
@@ -12603,35 +12679,40 @@ var PoToasterType;
 })(PoToasterType || (PoToasterType = {}));
 
 const _c0$Z = ["toaster"];
-function PoToasterComponent_div_6_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7);
-    i0.ɵɵlistener("click", function PoToasterComponent_div_6_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.poToasterAction($event); });
-    i0.ɵɵtext(1);
+const _c1$r = ["buttonClose"];
+function PoToasterComponent_po_button_7_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "po-button", 9);
+    i0.ɵɵlistener("p-click", function PoToasterComponent_po_button_7_Template_po_button_p_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.poToasterAction($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.actionLabel, " ");
+    i0.ɵɵproperty("p-label", ctx_r1.actionLabel);
 } }
+const SPACE_BETWEEN_TOASTERS = 8;
+const TOASTER_HEIGHT_DEFAULT = 62;
 /**
  * @docsPrivate
  *
  * @docsExtends PoToasterBaseComponent
  */
 class PoToasterComponent extends PoToasterBaseComponent {
-    constructor(languageService, changeDetector, elementeRef, renderer) {
+    constructor(poLanguageService, changeDetector, elementeRef, renderer) {
         super();
         this.changeDetector = changeDetector;
         this.elementeRef = elementeRef;
         this.renderer = renderer;
         this.alive = true;
         /* Margem do Toaster referênte à sua orientação e posição*/
-        this.margin = 20;
+        this.margin = 0;
         /* Observable para monitorar o Close to Toaster */
         this.observableOnClose = new Subject();
         /* Posição do Toaster*/
         this.toasterPosition = 'po-toaster-bottom';
+        this.language = poLanguageService.getShortLanguage();
+        this.literals = {
+            ...poToasterLiterals[this.language]
+        };
     }
     ngOnDestroy() {
         this.alive = false;
@@ -12641,8 +12722,7 @@ class PoToasterComponent extends PoToasterBaseComponent {
     }
     /* Muda a posição do Toaster na tela*/
     changePosition(position) {
-        this.elementeRef.nativeElement.style.display = 'table';
-        this.margin = 6 + 44 * position + position * 6;
+        this.margin = SPACE_BETWEEN_TOASTERS + TOASTER_HEIGHT_DEFAULT * position + position * SPACE_BETWEEN_TOASTERS;
         if (this.orientation === PoToasterOrientation.Top) {
             this.toaster.nativeElement.style.top = this.margin + 'px';
         }
@@ -12673,6 +12753,15 @@ class PoToasterComponent extends PoToasterBaseComponent {
         }
         /* Muda a posição do Toaster */
         this.changePosition(this.position);
+        if (this.type === PoToasterType.Error) {
+            this.toaster.nativeElement.setAttribute('role', 'alert');
+        }
+        else if (this.action && this.actionLabel) {
+            this.toaster.nativeElement.setAttribute('role', 'alertdialog');
+        }
+        else {
+            this.toaster.nativeElement.setAttribute('role', 'status');
+        }
         /* Switch para o tipo de Toaster */
         switch (this.type) {
             case PoToasterType.Error: {
@@ -12696,6 +12785,7 @@ class PoToasterComponent extends PoToasterBaseComponent {
                 break;
             }
         }
+        this.buttonClose.buttonElement.nativeElement.setAttribute('aria-label', this.literals.close);
         this.changeDetector.detectChanges();
     }
     getIcon() {
@@ -12708,8 +12798,6 @@ class PoToasterComponent extends PoToasterBaseComponent {
         return this.toasterType;
     }
     onButtonClose(event) {
-        event.preventDefault();
-        event.stopPropagation();
         if (this.action && !this.actionLabel) {
             this.poToasterAction(event);
         }
@@ -12719,64 +12807,66 @@ class PoToasterComponent extends PoToasterBaseComponent {
     }
     /* Chama a função passada pelo atributo `action` */
     poToasterAction(event) {
-        event.preventDefault();
-        event.stopPropagation();
         this.action(this);
     }
 }
 PoToasterComponent.ɵfac = function PoToasterComponent_Factory(t) { return new (t || PoToasterComponent)(i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2)); };
 PoToasterComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoToasterComponent, selectors: [["po-toaster"]], viewQuery: function PoToasterComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(_c0$Z, 5);
+        i0.ɵɵviewQuery(_c1$r, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.toaster = _t.first);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 9, consts: [[3, "click"], ["toaster", ""], [1, "po-toaster-icon"], [1, "po-toaster-message"], ["class", "po-toaster-action", 3, "click", 4, "ngIf"], [1, "po-toaster-close", 3, "click"], [1, "po-icon", "po-icon-close"], [1, "po-toaster-action", 3, "click"]], template: function PoToasterComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0, 1);
-        i0.ɵɵlistener("click", function PoToasterComponent_Template_div_click_0_listener() { return ctx.close(); });
-        i0.ɵɵelementStart(2, "div", 2);
-        i0.ɵɵelement(3, "span");
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.buttonClose = _t.first);
+    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 7, consts: [["toaster", ""], [1, "po-toaster-icon"], [3, "p-icon"], [1, "po-toaster-message"], [1, "po-toaster-actions"], ["class", "po-toaster-action", "p-type", "tertiary", 3, "p-label", "p-click", 4, "ngIf"], [1, "po-toaster-divider"], ["p-icon", "po-icon-close", "p-type", "tertiary", 1, "po-toaster-close", 3, "p-click"], ["buttonClose", ""], ["p-type", "tertiary", 1, "po-toaster-action", 3, "p-label", "p-click"]], template: function PoToasterComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", null, 0)(2, "div", 1);
+        i0.ɵɵelement(3, "po-icon", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(4, "div", 3);
         i0.ɵɵtext(5);
         i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(6, PoToasterComponent_div_6_Template, 2, 1, "div", 4);
-        i0.ɵɵelementStart(7, "button", 5);
-        i0.ɵɵlistener("click", function PoToasterComponent_Template_button_click_7_listener($event) { return ctx.onButtonClose($event); });
-        i0.ɵɵelement(8, "span", 6);
-        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(6, "div", 4);
+        i0.ɵɵtemplate(7, PoToasterComponent_po_button_7_Template, 1, 1, "po-button", 5);
+        i0.ɵɵelement(8, "div", 6);
+        i0.ɵɵelementStart(9, "po-button", 7, 8);
+        i0.ɵɵlistener("p-click", function PoToasterComponent_Template_po_button_p_click_9_listener($event) { return ctx.onButtonClose($event); });
+        i0.ɵɵelementEnd()()();
     } if (rf & 2) {
-        i0.ɵɵclassMapInterpolate2("po-toaster ", ctx.getToasterType(), " ", ctx.getToasterPosition(), " po-clickable");
+        i0.ɵɵclassMapInterpolate2("po-toaster ", ctx.getToasterType(), " ", ctx.getToasterPosition(), "");
         i0.ɵɵadvance(3);
-        i0.ɵɵclassMapInterpolate1("po-icon ", ctx.getIcon(), "");
+        i0.ɵɵproperty("p-icon", ctx.getIcon());
         i0.ɵɵadvance(2);
         i0.ɵɵtextInterpolate(ctx.message);
-        i0.ɵɵadvance(1);
+        i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.action && ctx.actionLabel);
-    } }, directives: [i1.NgIf], encapsulation: 2 });
+    } }, directives: [PoIconComponent, i1.NgIf, PoButtonComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoToasterComponent, [{
         type: Component,
-        args: [{ selector: 'po-toaster', template: "<div #toaster class=\"po-toaster {{ getToasterType() }} {{ getToasterPosition() }} po-clickable\" (click)=\"close()\">\n  <div class=\"po-toaster-icon\">\n    <span class=\"po-icon {{ getIcon() }}\"></span>\n  </div>\n\n  <div class=\"po-toaster-message\">{{ message }}</div>\n\n  <div *ngIf=\"action && actionLabel\" (click)=\"poToasterAction($event)\" class=\"po-toaster-action\">\n    {{ actionLabel }}\n  </div>\n\n  <button class=\"po-toaster-close\" (click)=\"onButtonClose($event)\">\n    <span class=\"po-icon po-icon-close\"></span>\n  </button>\n</div>\n" }]
+        args: [{ selector: 'po-toaster', template: "<div #toaster class=\"po-toaster {{ getToasterType() }} {{ getToasterPosition() }}\">\n  <div class=\"po-toaster-icon\">\n    <po-icon [p-icon]=\"getIcon()\"></po-icon>\n  </div>\n\n  <div class=\"po-toaster-message\">{{ message }}</div>\n\n  <div class=\"po-toaster-actions\">\n    <po-button\n      *ngIf=\"action && actionLabel\"\n      class=\"po-toaster-action\"\n      (p-click)=\"poToasterAction($event)\"\n      [p-label]=\"actionLabel\"\n      p-type=\"tertiary\"\n    ></po-button>\n\n    <div class=\"po-toaster-divider\"></div>\n\n    <po-button\n      #buttonClose\n      class=\"po-toaster-close\"\n      (p-click)=\"onButtonClose($event)\"\n      p-icon=\"po-icon-close\"\n      p-type=\"tertiary\"\n    ></po-button>\n  </div>\n</div>\n" }]
     }], function () { return [{ type: PoLanguageService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, { toaster: [{
             type: ViewChild,
             args: ['toaster']
+        }], buttonClose: [{
+            type: ViewChild,
+            args: ['buttonClose']
         }] }); })();
 
 class PoNotificationModule {
 }
 PoNotificationModule.ɵfac = function PoNotificationModule_Factory(t) { return new (t || PoNotificationModule)(); };
 PoNotificationModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PoNotificationModule });
-PoNotificationModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], imports: [[CommonModule]] });
+PoNotificationModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], imports: [[CommonModule, PoButtonModule, PoIconModule]] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoNotificationModule, [{
         type: NgModule,
         args: [{
                 declarations: [PoToasterComponent],
-                imports: [CommonModule],
+                imports: [CommonModule, PoButtonModule, PoIconModule],
                 exports: [],
                 providers: [],
                 bootstrap: []
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoNotificationModule, { declarations: [PoToasterComponent], imports: [CommonModule] }); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoNotificationModule, { declarations: [PoToasterComponent], imports: [CommonModule, PoButtonModule, PoIconModule] }); })();
 
 class PoServicesModule {
 }
@@ -13227,7 +13317,282 @@ PoTimeModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], import
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoTimeModule, { declarations: [PoTimePipe], exports: [PoTimePipe] }); })();
 
-const _c0$X = function (a0, a1) { return { "po-clickable": a0, "po-table-icon-disabled": a1 }; };
+/**
+ * @docsPrivate
+ *
+ * @description
+ *
+ * Enum que contém os valores numéricos dos *keyCodes*.
+ */
+var PoKeyCodeEnum;
+(function (PoKeyCodeEnum) {
+    /** Seta para baixo */
+    PoKeyCodeEnum[PoKeyCodeEnum["arrowDown"] = 40] = "arrowDown";
+    /** Seta para cima */
+    PoKeyCodeEnum[PoKeyCodeEnum["arrowUp"] = 38] = "arrowUp";
+    /** Backspace */
+    PoKeyCodeEnum[PoKeyCodeEnum["backspace"] = 8] = "backspace";
+    /** Delete */
+    PoKeyCodeEnum[PoKeyCodeEnum["delete"] = 46] = "delete";
+    /** Enter */
+    PoKeyCodeEnum[PoKeyCodeEnum["enter"] = 13] = "enter";
+    /** Esc */
+    PoKeyCodeEnum[PoKeyCodeEnum["esc"] = 27] = "esc";
+    /** Tecla K */
+    PoKeyCodeEnum[PoKeyCodeEnum["keyK"] = 75] = "keyK";
+    /** Tecla L */
+    PoKeyCodeEnum[PoKeyCodeEnum["keyL"] = 76] = "keyL";
+    /** Espaço */
+    PoKeyCodeEnum[PoKeyCodeEnum["space"] = 32] = "space";
+    /** Tab */
+    PoKeyCodeEnum[PoKeyCodeEnum["tab"] = 9] = "tab";
+})(PoKeyCodeEnum || (PoKeyCodeEnum = {}));
+
+/**
+ * @description
+ *
+ * O componente `po-checkbox` exibe uma caixa de opção com um texto ao lado, na qual é possível marcar e desmarcar através tanto
+ * no *click* do *mouse* quanto por meio da tecla *space* quando estiver com foco.
+ *
+ * Cada opção poderá receber um estado de marcado, desmarcado, indeterminado/mixed e desabilitado, como também uma ação que será disparada quando
+ * ocorrer mudanças do valor.
+ *
+ * > O *model* deste componente aceitará valores igual à `true`, `false` ou `null` para quando for indeterminado/mixed.
+ *
+ * **Acessibilidade tratada no componente:**
+ *
+ * Algumas diretrizes de acessibilidade já são tratadas no componente, internamente, e não podem ser alteradas pelo proprietário do conteúdo. São elas:
+ *
+ * - O componente foi desenvolvido utilizando controles padrões HTML para permitir a identificação do mesmo na interface por tecnologias assistivas. [WCAG 4.1.2: Name, Role, Value](https://www.w3.org/WAI/WCAG21/Understanding/name-role-value)
+ * - A área do foco precisar ter uma espessura de pelo menos 2 pixels CSS e o foco não pode ficar escondido por outros elementos da tela. [WCAG 2.4.12: Focus Appearance](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-enhanced)
+ * - A cor não deve ser o único meio para diferenciar o componente do seu estado marcado e desmarcado. [WGAG 1.4.1: Use of Color, 3.2.4: Consistent Identification](https://www.w3.org/WAI/WCAG21/Understanding/use-of-color)
+ */
+class PoCheckboxBaseComponent {
+    constructor() {
+        /**
+         * @optional
+         *
+         * @description
+         *
+         * Aplica foco no elemento ao ser iniciado.
+         *
+         * > Caso mais de um elemento seja configurado com essa propriedade, apenas o último elemento declarado com ela terá o foco.
+         *
+         * @default `false`
+         */
+        this.autoFocus = false;
+        /**
+         * @optional
+         *
+         * @description
+         *
+         * Evento disparado quando o valor do *checkbox* for alterado.
+         */
+        this.change = new EventEmitter();
+        this.id = uuid();
+        this._disabled = false;
+    }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o estado do *checkbox* como desabilitado.
+     *
+     * @default `false`
+     */
+    set disabled(value) {
+        this._disabled = convertToBoolean(value);
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    changeValue() {
+        if (this.propagateChange) {
+            this.propagateChange(this.checkboxValue);
+        }
+        this.change.emit(this.checkboxValue);
+    }
+    checkOption(value) {
+        if (!this.disabled) {
+            value === 'mixed' ? this.changeModelValue(true) : this.changeModelValue(!value);
+            this.changeValue();
+        }
+    }
+    // Função implementada do ControlValueAccessor
+    // Usada para interceptar os estados de habilitado via forms api
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(value) {
+        if (value !== this.checkboxValue) {
+            this.changeModelValue(value);
+        }
+    }
+}
+PoCheckboxBaseComponent.ɵfac = function PoCheckboxBaseComponent_Factory(t) { return new (t || PoCheckboxBaseComponent)(); };
+PoCheckboxBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoCheckboxBaseComponent, inputs: { name: "name", autoFocus: ["p-auto-focus", "autoFocus"], label: ["p-label", "label"], disabled: ["p-disabled", "disabled"] }, outputs: { change: "p-change" } });
+__decorate([
+    InputBoolean()
+], PoCheckboxBaseComponent.prototype, "autoFocus", void 0);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoCheckboxBaseComponent, [{
+        type: Directive
+    }], null, { name: [{
+            type: Input,
+            args: ['name']
+        }], autoFocus: [{
+            type: Input,
+            args: ['p-auto-focus']
+        }], label: [{
+            type: Input,
+            args: ['p-label']
+        }], change: [{
+            type: Output,
+            args: ['p-change']
+        }], disabled: [{
+            type: Input,
+            args: ['p-disabled']
+        }] }); })();
+
+const _c0$X = ["checkboxLabel"];
+/**
+ * @docsExtends PoCheckboxBaseComponent
+ *
+ * @example
+ *
+ * <example name="po-checkbox-basic" title="PO Checkbox Basic">
+ *   <file name="sample-po-checkbox-basic/sample-po-checkbox-basic.component.html"> </file>
+ *   <file name="sample-po-checkbox-basic/sample-po-checkbox-basic.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-checkbox-labs" title="PO Checkbox Labs">
+ *   <file name="sample-po-checkbox-labs/sample-po-checkbox-labs.component.html"> </file>
+ *   <file name="sample-po-checkbox-labs/sample-po-checkbox-labs.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-checkbox-acceptance-term" title="PO Checkbox - Acceptance Term">
+ *   <file name="sample-po-checkbox-acceptance-term/sample-po-checkbox-acceptance-term.component.html"> </file>
+ *   <file name="sample-po-checkbox-acceptance-term/sample-po-checkbox-acceptance-term.component.ts"> </file>
+ * </example>
+ */
+class PoCheckboxComponent extends PoCheckboxBaseComponent {
+    constructor(changeDetector) {
+        super();
+        this.changeDetector = changeDetector;
+    }
+    /**
+     * Função que atribui foco ao *checkbox*.
+     *
+     * Para utilizá-la é necessário capturar a referência do componente no DOM através do `ViewChild`, como por exemplo:
+     *
+     * ```
+     * ...
+     * import { ViewChild } from '@angular/core';
+     * import { PoCheckboxComponent } from '@po-ui/ng-components';
+     *
+     * ...
+     *
+     * @ViewChild(PoCheckboxComponent, { static: true }) checkbox: PoCheckboxComponent;
+     *
+     * focusCheckbox() {
+     *   this.checkbox.focus();
+     * }
+     * ```
+     */
+    focus() {
+        if (this.checkboxLabel && !this.disabled) {
+            this.checkboxLabel.nativeElement.focus();
+        }
+    }
+    onBlur() {
+        this.onTouched?.();
+    }
+    ngAfterViewInit() {
+        if (this.autoFocus) {
+            this.focus();
+        }
+    }
+    onKeyDown(event, value) {
+        if (event.which === PoKeyCodeEnum.space || event.keyCode === PoKeyCodeEnum.space) {
+            this.checkOption(value);
+            event.preventDefault();
+        }
+    }
+    changeModelValue(value) {
+        if (value === null) {
+            this.checkboxValue = 'mixed';
+        }
+        else {
+            this.checkboxValue = typeof value === 'boolean' || value === null ? value : false;
+        }
+        this.changeDetector.detectChanges();
+    }
+}
+PoCheckboxComponent.ɵfac = function PoCheckboxComponent_Factory(t) { return new (t || PoCheckboxComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+PoCheckboxComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoCheckboxComponent, selectors: [["po-checkbox"]], viewQuery: function PoCheckboxComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0$X, 7);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxLabel = _t.first);
+    } }, features: [i0.ɵɵProvidersFeature([
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => PoCheckboxComponent),
+                multi: true
+            }
+        ]), i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 8, consts: [[1, "container-po-checkbox", 3, "click", "keydown"], ["role", "checkbox", 1, "po-checkbox", 3, "id", "tabindex"], ["tabindex", "-1", 1, "po-checkbox-label", 3, "for"], ["checkboxLabel", ""]], template: function PoCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵlistener("click", function PoCheckboxComponent_Template_div_click_0_listener() { return ctx.checkOption(ctx.checkboxValue); })("keydown", function PoCheckboxComponent_Template_div_keydown_0_listener($event) { return ctx.onKeyDown($event, ctx.checkboxValue); });
+        i0.ɵɵelement(1, "span", 1);
+        i0.ɵɵelementStart(2, "label", 2, 3);
+        i0.ɵɵtext(4);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵattribute("checked", ctx.checkboxValue);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("id", ctx.id)("tabindex", ctx.disabled ? -1 : 0);
+        i0.ɵɵattribute("aria-checked", ctx.checkboxValue)("aria-label", ctx.label)("aria-disabled", ctx.disabled);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("for", ctx.id);
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate1(" ", ctx.label, " ");
+    } }, encapsulation: 2, changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoCheckboxComponent, [{
+        type: Component,
+        args: [{ selector: 'po-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => PoCheckboxComponent),
+                        multi: true
+                    }
+                ], template: "<div\n  class=\"container-po-checkbox\"\n  [attr.checked]=\"checkboxValue\"\n  (click)=\"checkOption(checkboxValue)\"\n  (keydown)=\"onKeyDown($event, checkboxValue)\"\n>\n  <span\n    [attr.aria-checked]=\"checkboxValue\"\n    [attr.aria-label]=\"label\"\n    [id]=\"id\"\n    class=\"po-checkbox\"\n    role=\"checkbox\"\n    [attr.aria-disabled]=\"disabled\"\n    [tabindex]=\"disabled ? -1 : 0\"\n  >\n  </span>\n\n  <label #checkboxLabel [for]=\"id\" class=\"po-checkbox-label\" tabindex=\"-1\">\n    {{ label }}\n  </label>\n</div>\n" }]
+    }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { checkboxLabel: [{
+            type: ViewChild,
+            args: ['checkboxLabel', { static: true }]
+        }] }); })();
+
+class PoCheckboxModule {
+}
+PoCheckboxModule.ɵfac = function PoCheckboxModule_Factory(t) { return new (t || PoCheckboxModule)(); };
+PoCheckboxModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PoCheckboxModule });
+PoCheckboxModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[CommonModule, FormsModule]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoCheckboxModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [PoCheckboxComponent],
+                imports: [CommonModule, FormsModule],
+                exports: [PoCheckboxComponent]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoCheckboxModule, { declarations: [PoCheckboxComponent], imports: [CommonModule, FormsModule], exports: [PoCheckboxComponent] }); })();
+
+const _c0$W = function (a0, a1) { return { "po-clickable": a0, "po-table-icon-disabled": a1 }; };
 /**
  * @docsPrivate
  *
@@ -13264,7 +13629,7 @@ PoTableIconComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTabl
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵclassMapInterpolate1("po-table-icon-content ", ctx.disabled ? "" : ctx.color, "");
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(6, _c0$X, ctx.clickable, ctx.disabled))("p-icon", ctx.icon)("p-tooltip", ctx.tooltip);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(6, _c0$W, ctx.clickable, ctx.disabled))("p-icon", ctx.icon)("p-tooltip", ctx.tooltip);
     } }, directives: [PoIconComponent, i1.NgClass, PoTooltipDirective], encapsulation: 2, changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoTableIconComponent, [{
         type: Component,
@@ -13576,6 +13941,7 @@ class PoTableColumnManagerComponent {
         this.visibleColumns = [];
         this._maxColumns = PoTableColumnManagerMaxColumnsDefault;
         this.defaultColumns = [];
+        this.minColumns = 1;
         const language = languageService.getShortLanguage();
         this.literals = {
             ...poTableColumnManagerLiteralsDefault[poLocaleDefault],
@@ -13619,9 +13985,14 @@ class PoTableColumnManagerComponent {
     }
     verifyToEmitChange(event) {
         const newColumns = [...event];
-        if (this.allowsChangeVisibleColumns()) {
+        if (newColumns.length >= 1 && this.allowsChangeVisibleColumns()) {
             this.emitChangesToSelectedColumns(newColumns);
         }
+        // Desabilita ultimo checkbox ativo
+        if (newColumns.length === 1) {
+            const columnsOptions = this.mapTableColumnsToCheckboxOptions(this.columnUpdate);
+            this.columnsOptions = this.disabledLastColumn(columnsOptions);
+        }
     }
     emitChangesToSelectedColumns(newColumns) {
         this.visibleColumns = [...newColumns];
@@ -13741,14 +14112,22 @@ class PoTableColumnManagerComponent {
                 columnsOptions.push({
                     value: column.property,
                     label: this.getColumnTitleLabel(column),
-                    disabled: this.isDisableColumn(column.property)
+                    disabled: this.isDisableColumn(column.property),
+                    visible: column.visible
                 });
             }
         });
         return columnsOptions;
     }
+    disabledLastColumn(columns) {
+        return columns.map(column => ({
+            ...column,
+            disabled: column.type !== 'detail' && column.visible ? true : false
+        }));
+    }
     onChangeColumns(columns) {
         const { currentValue = [], previousValue = [] } = columns;
+        this.columnUpdate = columns.currentValue;
         // atualizara o defaultColumns, quando for a primeira vez ou quando o defaultColumns for diferente do currentValue
         if (!this.lastVisibleColumnsSelected && this.stringify(this.defaultColumns) !== this.stringify(currentValue)) {
             this.defaultColumns = [...currentValue];
@@ -13785,14 +14164,14 @@ PoTableColumnManagerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popover = _t.first);
-    } }, inputs: { columns: ["p-columns", "columns"], target: ["p-target", "target"], colunsDefault: ["p-columns-default", "colunsDefault"], lastVisibleColumnsSelected: ["p-last-visible-columns-selected", "lastVisibleColumnsSelected"], maxColumns: ["p-max-columns", "maxColumns"] }, outputs: { visibleColumnsChange: "p-visible-columns-change", changeVisibleColumns: "p-change-visible-columns", initialColumns: "p-initial-columns" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["p-position", "bottom-left", 3, "p-target", "p-close", 4, "ngIf"], ["p-position", "bottom-left", 3, "p-target", "p-close"], ["popover", ""], [1, "po-table-column-manager-header"], [1, "po-table-column-manager-header-title"], [1, "po-table-column-manager-header-close"], [1, "po-table-column-manager-header-close-button", "po-clickable", "po-icon", "po-icon-close", 3, "click"], [1, "po-table-column-manager-body"], ["name", "visibleColumns", "p-columns", "1", 3, "ngModel", "p-options", "ngModelChange", "p-change"], [1, "po-table-column-manager-footer"], ["p-small", "", "p-type", "link", 1, "po-table-column-manager-footer-restore", 3, "p-label", "p-click"]], template: function PoTableColumnManagerComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { columns: ["p-columns", "columns"], target: ["p-target", "target"], colunsDefault: ["p-columns-default", "colunsDefault"], lastVisibleColumnsSelected: ["p-last-visible-columns-selected", "lastVisibleColumnsSelected"], maxColumns: ["p-max-columns", "maxColumns"] }, outputs: { visibleColumnsChange: "p-visible-columns-change", changeVisibleColumns: "p-change-visible-columns", initialColumns: "p-initial-columns" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["p-position", "bottom-left", 3, "p-target", "p-close", 4, "ngIf"], ["p-position", "bottom-left", 3, "p-target", "p-close"], ["popover", ""], [1, "po-table-column-manager-header"], [1, "po-table-column-manager-header-title"], [1, "po-table-column-manager-header-close"], [1, "po-table-column-manager-header-close-button", "po-clickable", "po-icon", "po-icon-close", 3, "click"], [1, "po-table-column-manager-body"], ["name", "visibleColumns", "p-columns", "1", 3, "ngModel", "p-options", "ngModelChange", "p-change"], [1, "po-table-column-manager-footer"], ["p-small", "", "p-kind", "tertiary", 1, "po-table-column-manager-footer-restore", 3, "p-label", "p-click"]], template: function PoTableColumnManagerComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, PoTableColumnManagerComponent_po_popover_0_Template, 11, 5, "po-popover", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.target);
     } }, directives: [i1.NgIf, PoPopoverComponent, PoCheckboxGroupComponent, i3.NgControlStatus, i3.NgModel, PoButtonComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoTableColumnManagerComponent, [{
         type: Component,
-        args: [{ selector: 'po-table-column-manager', template: "<po-popover #popover *ngIf=\"target\" [p-target]=\"target\" p-position=\"bottom-left\" (p-close)=\"checkChanges([], true)\">\n  <div class=\"po-table-column-manager-header\">\n    <div class=\"po-table-column-manager-header-title\">{{ literals.columnsManager }}</div>\n\n    <div class=\"po-table-column-manager-header-close\">\n      <button\n        class=\"po-table-column-manager-header-close-button po-clickable po-icon po-icon-close\"\n        (click)=\"popover.close()\"\n      ></button>\n    </div>\n  </div>\n\n  <div class=\"po-table-column-manager-body\">\n    <po-checkbox-group\n      name=\"visibleColumns\"\n      [(ngModel)]=\"visibleColumns\"\n      p-columns=\"1\"\n      [p-options]=\"columnsOptions\"\n      (p-change)=\"checkChanges($event, false)\"\n    >\n    </po-checkbox-group>\n  </div>\n\n  <div class=\"po-table-column-manager-footer\">\n    <po-button\n      class=\"po-table-column-manager-footer-restore\"\n      p-small\n      p-type=\"link\"\n      [p-label]=\"literals.restoreDefault\"\n      (p-click)=\"restore()\"\n    >\n    </po-button>\n  </div>\n</po-popover>\n" }]
+        args: [{ selector: 'po-table-column-manager', template: "<po-popover #popover *ngIf=\"target\" [p-target]=\"target\" p-position=\"bottom-left\" (p-close)=\"checkChanges([], true)\">\n  <div class=\"po-table-column-manager-header\">\n    <div class=\"po-table-column-manager-header-title\">{{ literals.columnsManager }}</div>\n\n    <div class=\"po-table-column-manager-header-close\">\n      <button\n        class=\"po-table-column-manager-header-close-button po-clickable po-icon po-icon-close\"\n        (click)=\"popover.close()\"\n      ></button>\n    </div>\n  </div>\n\n  <div class=\"po-table-column-manager-body\">\n    <po-checkbox-group\n      name=\"visibleColumns\"\n      [(ngModel)]=\"visibleColumns\"\n      p-columns=\"1\"\n      [p-options]=\"columnsOptions\"\n      (p-change)=\"checkChanges($event, false)\"\n    >\n    </po-checkbox-group>\n  </div>\n\n  <div class=\"po-table-column-manager-footer\">\n    <po-button\n      class=\"po-table-column-manager-footer-restore\"\n      p-small\n      p-kind=\"tertiary\"\n      [p-label]=\"literals.restoreDefault\"\n      (p-click)=\"restore()\"\n    >\n    </po-button>\n  </div>\n</po-popover>\n" }]
     }], function () { return [{ type: i0.Renderer2 }, { type: PoLanguageService }]; }, { popover: [{
             type: ViewChild,
             args: [PoPopoverComponent]
@@ -14214,6 +14593,8 @@ class PoTableBaseComponent {
      * @description
      *
      * Define a altura da tabela em *pixels* e fixa o cabeçalho.
+     *
+     * Ao utilizar essa propriedade será inserido o `virtual-scroll` na tabela melhorando a performance.
      */
     set height(height) {
         this._height = height;
@@ -14634,7 +15015,9 @@ class PoTableBaseComponent {
         this.subtitleColumns = this.getSubtitleColumns();
     }
     sortArray(column, ascending) {
-        this.items.sort((leftSide, rightSide) => sortValues(leftSide[column.property], rightSide[column.property], ascending));
+        const itemsList = [...this.items];
+        itemsList.sort((leftSide, rightSide) => sortValues(leftSide[column.property], rightSide[column.property], ascending));
+        this.items = itemsList;
     }
     unselectOtherRows(rows, row) {
         rows.forEach(item => {
@@ -15345,29 +15728,27 @@ function PoTableDetailComponent_tr_3_ng_container_1_Template(rf, ctx) { if (rf &
     const _r12 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelement(1, "td", 12);
-    i0.ɵɵelementStart(2, "td", 13);
-    i0.ɵɵelement(3, "input", 14);
-    i0.ɵɵelementStart(4, "label", 15);
-    i0.ɵɵlistener("click", function PoTableDetailComponent_tr_3_ng_container_1_Template_label_click_4_listener() { i0.ɵɵrestoreView(_r12); const item_r5 = i0.ɵɵnextContext().$implicit; const ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.onSelectRow(item_r5); });
+    i0.ɵɵelementStart(2, "td", 13)(3, "po-checkbox", 14);
+    i0.ɵɵlistener("click", function PoTableDetailComponent_tr_3_ng_container_1_Template_po_checkbox_click_3_listener() { i0.ɵɵrestoreView(_r12); const item_r5 = i0.ɵɵnextContext().$implicit; const ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.onSelectRow(item_r5); })("p-change", function PoTableDetailComponent_tr_3_ng_container_1_Template_po_checkbox_p_change_3_listener() { i0.ɵɵrestoreView(_r12); const item_r5 = i0.ɵɵnextContext().$implicit; const ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.onSelectRow(item_r5); })("ngModelChange", function PoTableDetailComponent_tr_3_ng_container_1_Template_po_checkbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r12); const item_r5 = i0.ɵɵnextContext().$implicit; return item_r5.$selected = $event; });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const item_r5 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("po-table-checkbox-checked", item_r5.$selected);
+    i0.ɵɵproperty("ngModel", item_r5.$selected);
 } }
 function PoTableDetailComponent_tr_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "td", 16);
+    i0.ɵɵelement(0, "td", 15);
 } }
 function PoTableDetailComponent_tr_3_td_4_strong_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "strong");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const detail_r14 = i0.ɵɵnextContext().$implicit;
-    const ctx_r15 = i0.ɵɵnextContext(2);
+    const detail_r18 = i0.ɵɵnextContext().$implicit;
+    const ctx_r19 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r15.getColumnTitleLabel(detail_r14), ": ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r19.getColumnTitleLabel(detail_r18), ": ");
 } }
 function PoTableDetailComponent_tr_3_td_4_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -15375,10 +15756,10 @@ function PoTableDetailComponent_tr_3_td_4_span_3_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpipe(2, "currency");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const detail_r14 = i0.ɵɵnextContext().$implicit;
+    const detail_r18 = i0.ɵɵnextContext().$implicit;
     const item_r5 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind4(2, 1, item_r5[detail_r14.property], detail_r14.format, "symbol", "1.2-2"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind4(2, 1, item_r5[detail_r18.property], detail_r18.format, "symbol", "1.2-2"));
 } }
 function PoTableDetailComponent_tr_3_td_4_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -15386,10 +15767,10 @@ function PoTableDetailComponent_tr_3_td_4_span_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const detail_r14 = i0.ɵɵnextContext().$implicit;
+    const detail_r18 = i0.ɵɵnextContext().$implicit;
     const item_r5 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, item_r5[detail_r14.property], detail_r14.format || "dd/MM/yyyy"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, item_r5[detail_r18.property], detail_r18.format || "dd/MM/yyyy"));
 } }
 function PoTableDetailComponent_tr_3_td_4_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -15397,10 +15778,10 @@ function PoTableDetailComponent_tr_3_td_4_span_5_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpipe(2, "po_time");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const detail_r14 = i0.ɵɵnextContext().$implicit;
+    const detail_r18 = i0.ɵɵnextContext().$implicit;
     const item_r5 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, item_r5[detail_r14.property], detail_r14.format || "HH:mm:ss.ffffff"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, item_r5[detail_r18.property], detail_r18.format || "HH:mm:ss.ffffff"));
 } }
 function PoTableDetailComponent_tr_3_td_4_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -15408,53 +15789,53 @@ function PoTableDetailComponent_tr_3_td_4_span_6_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const detail_r14 = i0.ɵɵnextContext().$implicit;
+    const detail_r18 = i0.ɵɵnextContext().$implicit;
     const item_r5 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, item_r5[detail_r14.property], detail_r14.format || "dd/MM/yyyy HH:mm:ss"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, item_r5[detail_r18.property], detail_r18.format || "dd/MM/yyyy HH:mm:ss"), " ");
 } }
 function PoTableDetailComponent_tr_3_td_4_span_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const detail_r14 = i0.ɵɵnextContext().$implicit;
+    const detail_r18 = i0.ɵɵnextContext().$implicit;
     const item_r5 = i0.ɵɵnextContext().$implicit;
-    const ctx_r20 = i0.ɵɵnextContext();
+    const ctx_r24 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r20.formatNumberDetail(item_r5[detail_r14.property], detail_r14.format));
+    i0.ɵɵtextInterpolate(ctx_r24.formatNumberDetail(item_r5[detail_r18.property], detail_r18.format));
 } }
 function PoTableDetailComponent_tr_3_td_4_span_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const detail_r14 = i0.ɵɵnextContext().$implicit;
+    const detail_r18 = i0.ɵɵnextContext().$implicit;
     const item_r5 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(item_r5[detail_r14.property]);
+    i0.ɵɵtextInterpolate(item_r5[detail_r18.property]);
 } }
 function PoTableDetailComponent_tr_3_td_4_Template(rf, ctx) { if (rf & 1) {
-    const _r36 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 17);
-    i0.ɵɵlistener("click", function PoTableDetailComponent_tr_3_td_4_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r36); const item_r5 = i0.ɵɵnextContext().$implicit; const ctx_r35 = i0.ɵɵnextContext(); return ctx_r35.isSelectable ? ctx_r35.onSelectRow(item_r5) : "javascript:;"; });
+    const _r40 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 16);
+    i0.ɵɵlistener("click", function PoTableDetailComponent_tr_3_td_4_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r40); const item_r5 = i0.ɵɵnextContext().$implicit; const ctx_r39 = i0.ɵɵnextContext(); return ctx_r39.isSelectable ? ctx_r39.onSelectRow(item_r5) : "javascript:;"; });
     i0.ɵɵtemplate(1, PoTableDetailComponent_tr_3_td_4_strong_1_Template, 2, 1, "strong", 1);
-    i0.ɵɵelementContainerStart(2, 18);
-    i0.ɵɵtemplate(3, PoTableDetailComponent_tr_3_td_4_span_3_Template, 3, 6, "span", 19);
-    i0.ɵɵtemplate(4, PoTableDetailComponent_tr_3_td_4_span_4_Template, 3, 4, "span", 19);
-    i0.ɵɵtemplate(5, PoTableDetailComponent_tr_3_td_4_span_5_Template, 3, 4, "span", 19);
-    i0.ɵɵtemplate(6, PoTableDetailComponent_tr_3_td_4_span_6_Template, 3, 4, "span", 19);
-    i0.ɵɵtemplate(7, PoTableDetailComponent_tr_3_td_4_span_7_Template, 2, 1, "span", 19);
-    i0.ɵɵtemplate(8, PoTableDetailComponent_tr_3_td_4_span_8_Template, 2, 1, "span", 20);
+    i0.ɵɵelementContainerStart(2, 17);
+    i0.ɵɵtemplate(3, PoTableDetailComponent_tr_3_td_4_span_3_Template, 3, 6, "span", 18);
+    i0.ɵɵtemplate(4, PoTableDetailComponent_tr_3_td_4_span_4_Template, 3, 4, "span", 18);
+    i0.ɵɵtemplate(5, PoTableDetailComponent_tr_3_td_4_span_5_Template, 3, 4, "span", 18);
+    i0.ɵɵtemplate(6, PoTableDetailComponent_tr_3_td_4_span_6_Template, 3, 4, "span", 18);
+    i0.ɵɵtemplate(7, PoTableDetailComponent_tr_3_td_4_span_7_Template, 2, 1, "span", 18);
+    i0.ɵɵtemplate(8, PoTableDetailComponent_tr_3_td_4_span_8_Template, 2, 1, "span", 19);
     i0.ɵɵelementContainerEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const detail_r14 = ctx.$implicit;
+    const detail_r18 = ctx.$implicit;
     const ctx_r9 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r9.typeHeaderInline);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngSwitch", detail_r14.type);
+    i0.ɵɵproperty("ngSwitch", detail_r18.type);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngSwitchCase", "currency");
     i0.ɵɵadvance(1);
@@ -15468,7 +15849,7 @@ function PoTableDetailComponent_tr_3_td_4_Template(rf, ctx) { if (rf & 1) {
 } }
 function PoTableDetailComponent_tr_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr", 8);
-    i0.ɵɵtemplate(1, PoTableDetailComponent_tr_3_ng_container_1_Template, 5, 2, "ng-container", 9);
+    i0.ɵɵtemplate(1, PoTableDetailComponent_tr_3_ng_container_1_Template, 4, 1, "ng-container", 9);
     i0.ɵɵtemplate(2, PoTableDetailComponent_tr_3_ng_template_2_Template, 1, 0, "ng-template", null, 10, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵtemplate(4, PoTableDetailComponent_tr_3_td_4_Template, 9, 7, "td", 11);
     i0.ɵɵelementEnd();
@@ -15551,7 +15932,7 @@ class PoTableDetailComponent {
     }
 }
 PoTableDetailComponent.ɵfac = function PoTableDetailComponent_Factory(t) { return new (t || PoTableDetailComponent)(i0.ɵɵdirectiveInject(i1.DecimalPipe)); };
-PoTableDetailComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTableDetailComponent, selectors: [["po-table-detail"]], inputs: { items: ["p-items", "items"], isSelectable: ["p-selectable", "isSelectable"], detail: ["p-detail", "detail"] }, outputs: { selectRow: "p-select-row" }, decls: 4, vars: 2, consts: [[1, "po-table-master-detail"], [4, "ngIf"], ["class", "po-table-detail-row", 3, "po-table-row-active", 4, "ngFor", "ngForOf"], ["class", "po-table-header po-table-column-selectable", 4, "ngIf"], [1, "po-table-header", "po-table-header-column", "po-table-header-master-detail"], ["class", "po-table-header po-table-header-ellipsis", 4, "ngFor", "ngForOf"], [1, "po-table-header", "po-table-column-selectable"], [1, "po-table-header", "po-table-header-ellipsis"], [1, "po-table-detail-row"], [4, "ngIf", "ngIfElse"], ["masterDetailSpace", ""], ["class", "po-table-column-master-detail po-table-master-detail-label", 3, "click", 4, "ngFor", "ngForOf"], [1, "po-table-column-master-detail-space-checkbox"], [1, "po-table-column", "po-table-column-selectable"], ["type", "checkbox", 1, "po-table-checkbox"], [1, "po-table-checkbox-label", "po-clickable", 3, "click"], [1, "po-table-column-master-detail-space"], [1, "po-table-column-master-detail", "po-table-master-detail-label", 3, "click"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"]], template: function PoTableDetailComponent_Template(rf, ctx) { if (rf & 1) {
+PoTableDetailComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTableDetailComponent, selectors: [["po-table-detail"]], inputs: { items: ["p-items", "items"], isSelectable: ["p-selectable", "isSelectable"], detail: ["p-detail", "detail"] }, outputs: { selectRow: "p-select-row" }, decls: 4, vars: 2, consts: [[1, "po-table-master-detail"], [4, "ngIf"], ["class", "po-table-detail-row", 3, "po-table-row-active", 4, "ngFor", "ngForOf"], ["class", "po-table-header po-table-column-selectable", 4, "ngIf"], [1, "po-table-header", "po-table-header-column", "po-table-header-master-detail"], ["class", "po-table-header po-table-header-ellipsis", 4, "ngFor", "ngForOf"], [1, "po-table-header", "po-table-column-selectable"], [1, "po-table-header", "po-table-header-ellipsis"], [1, "po-table-detail-row"], [4, "ngIf", "ngIfElse"], ["masterDetailSpace", ""], ["class", "po-table-column-master-detail po-table-master-detail-label", 3, "click", 4, "ngFor", "ngForOf"], [1, "po-table-column-master-detail-space-checkbox"], [1, "po-table-column", "po-table-column-selectable"], ["name", "checkbox", 3, "ngModel", "click", "p-change", "ngModelChange"], [1, "po-table-column-master-detail-space"], [1, "po-table-column-master-detail", "po-table-master-detail-label", 3, "click"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"]], template: function PoTableDetailComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "table", 0);
         i0.ɵɵtemplate(1, PoTableDetailComponent_thead_1_Template, 5, 2, "thead", 1);
         i0.ɵɵelementStart(2, "tbody");
@@ -15562,10 +15943,10 @@ PoTableDetailComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTa
         i0.ɵɵproperty("ngIf", ctx.typeHeaderTop);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", ctx.items);
-    } }, directives: [i1.NgIf, i1.NgForOf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault], pipes: [i1.CurrencyPipe, i1.DatePipe, PoTimePipe], encapsulation: 2 });
+    } }, directives: [i1.NgIf, i1.NgForOf, PoCheckboxComponent, i3.NgControlStatus, i3.NgModel, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault], pipes: [i1.CurrencyPipe, i1.DatePipe, PoTimePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoTableDetailComponent, [{
         type: Component,
-        args: [{ selector: 'po-table-detail', template: "<table class=\"po-table-master-detail\">\n  <thead *ngIf=\"typeHeaderTop\">\n    <tr>\n      <th class=\"po-table-header po-table-column-selectable\" *ngIf=\"isSelectable\"></th>\n      <th class=\"po-table-header po-table-header-column po-table-header-master-detail\"></th>\n      <th class=\"po-table-header po-table-header-ellipsis\" *ngFor=\"let detail of detail.columns\">\n        {{ getColumnTitleLabel(detail) }}\n      </th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr\n      class=\"po-table-detail-row\"\n      [class.po-table-row-active]=\"item.$selected && isSelectable\"\n      *ngFor=\"let item of items\"\n    >\n      <ng-container *ngIf=\"isSelectable; else masterDetailSpace\">\n        <td class=\"po-table-column-master-detail-space-checkbox\"></td>\n        <td class=\"po-table-column po-table-column-selectable\">\n          <input class=\"po-table-checkbox\" type=\"checkbox\" [class.po-table-checkbox-checked]=\"item.$selected\" />\n          <label class=\"po-table-checkbox-label po-clickable\" (click)=\"onSelectRow(item)\"> </label>\n        </td>\n      </ng-container>\n\n      <ng-template #masterDetailSpace>\n        <td class=\"po-table-column-master-detail-space\"></td>\n      </ng-template>\n\n      <td\n        class=\"po-table-column-master-detail po-table-master-detail-label\"\n        (click)=\"isSelectable ? onSelectRow(item) : 'javascript:;'\"\n        *ngFor=\"let detail of detailColumns\"\n      >\n        <strong *ngIf=\"typeHeaderInline\"> {{ getColumnTitleLabel(detail) }}: </strong>\n\n        <ng-container [ngSwitch]=\"detail.type\">\n          <span *ngSwitchCase=\"'currency'\">{{ item[detail.property] | currency: detail.format:'symbol':'1.2-2' }}</span>\n          <span *ngSwitchCase=\"'date'\">{{ item[detail.property] | date: detail.format || 'dd/MM/yyyy' }}</span>\n          <span *ngSwitchCase=\"'time'\">{{ item[detail.property] | po_time: detail.format || 'HH:mm:ss.ffffff' }}</span>\n          <span *ngSwitchCase=\"'dateTime'\">\n            {{ item[detail.property] | date: detail.format || 'dd/MM/yyyy HH:mm:ss' }}\n          </span>\n          <span *ngSwitchCase=\"'number'\">{{ formatNumberDetail(item[detail.property], detail.format) }}</span>\n          <span *ngSwitchDefault>{{ item[detail.property] }}</span>\n        </ng-container>\n      </td>\n    </tr>\n  </tbody>\n</table>\n" }]
+        args: [{ selector: 'po-table-detail', template: "<table class=\"po-table-master-detail\">\n  <thead *ngIf=\"typeHeaderTop\">\n    <tr>\n      <th class=\"po-table-header po-table-column-selectable\" *ngIf=\"isSelectable\"></th>\n      <th class=\"po-table-header po-table-header-column po-table-header-master-detail\"></th>\n      <th class=\"po-table-header po-table-header-ellipsis\" *ngFor=\"let detail of detail.columns\">\n        {{ getColumnTitleLabel(detail) }}\n      </th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr\n      class=\"po-table-detail-row\"\n      [class.po-table-row-active]=\"item.$selected && isSelectable\"\n      *ngFor=\"let item of items\"\n    >\n      <ng-container *ngIf=\"isSelectable; else masterDetailSpace\">\n        <td class=\"po-table-column-master-detail-space-checkbox\"></td>\n        <td class=\"po-table-column po-table-column-selectable\">\n          <po-checkbox\n            name=\"checkbox\"\n            (click)=\"onSelectRow(item)\"\n            (p-change)=\"onSelectRow(item)\"\n            [(ngModel)]=\"item.$selected\"\n          ></po-checkbox>\n        </td>\n      </ng-container>\n\n      <ng-template #masterDetailSpace>\n        <td class=\"po-table-column-master-detail-space\"></td>\n      </ng-template>\n\n      <td\n        class=\"po-table-column-master-detail po-table-master-detail-label\"\n        (click)=\"isSelectable ? onSelectRow(item) : 'javascript:;'\"\n        *ngFor=\"let detail of detailColumns\"\n      >\n        <strong *ngIf=\"typeHeaderInline\"> {{ getColumnTitleLabel(detail) }}: </strong>\n\n        <ng-container [ngSwitch]=\"detail.type\">\n          <span *ngSwitchCase=\"'currency'\">{{ item[detail.property] | currency: detail.format:'symbol':'1.2-2' }}</span>\n          <span *ngSwitchCase=\"'date'\">{{ item[detail.property] | date: detail.format || 'dd/MM/yyyy' }}</span>\n          <span *ngSwitchCase=\"'time'\">{{ item[detail.property] | po_time: detail.format || 'HH:mm:ss.ffffff' }}</span>\n          <span *ngSwitchCase=\"'dateTime'\">\n            {{ item[detail.property] | date: detail.format || 'dd/MM/yyyy HH:mm:ss' }}\n          </span>\n          <span *ngSwitchCase=\"'number'\">{{ formatNumberDetail(item[detail.property], detail.format) }}</span>\n          <span *ngSwitchDefault>{{ item[detail.property] }}</span>\n        </ng-container>\n      </td>\n    </tr>\n  </tbody>\n</table>\n" }]
     }], function () { return [{ type: i1.DecimalPipe }]; }, { items: [{
             type: Input,
             args: ['p-items']
@@ -15580,16 +15961,17 @@ PoTableDetailComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTa
             args: ['p-detail']
         }] }); })();
 
-const _c0$W = ["noColumnsHeader"];
+const _c0$V = ["noColumnsHeader"];
 const _c1$p = ["popup"];
 const _c2$a = ["tableFooter"];
 const _c3$6 = ["tableWrapper"];
 const _c4$4 = ["poTableTbody"];
 const _c5$2 = ["poTableThead"];
-const _c6$2 = ["columnManagerTarget"];
-const _c7$1 = ["actionsIconElement"];
-const _c8$1 = ["actionsElement"];
-const _c9 = ["headersTable"];
+const _c6$2 = ["poTableTbodyVirtual"];
+const _c7$1 = ["columnManagerTarget"];
+const _c8$1 = ["actionsIconElement"];
+const _c9 = ["actionsElement"];
+const _c10 = ["headersTable"];
 function PoTableComponent_po_container_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -15620,23 +16002,21 @@ function PoTableComponent_ng_template_1_div_5_ng_container_6_Template(rf, ctx) {
     i0.ɵɵelementContainer(0);
 } }
 function PoTableComponent_ng_template_1_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r37 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 27)(1, "div", 28, 29);
     i0.ɵɵtemplate(3, PoTableComponent_ng_template_1_div_5_ng_container_3_Template, 1, 0, "ng-container", 17);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div", 30, 31);
-    i0.ɵɵlistener("scroll", function PoTableComponent_ng_template_1_div_5_Template_div_scroll_4_listener() { i0.ɵɵrestoreView(_r37); const ctx_r36 = i0.ɵɵnextContext(2); return ctx_r36.syncronizeHorizontalScroll(); });
-    i0.ɵɵtemplate(6, PoTableComponent_ng_template_1_div_5_ng_container_6_Template, 1, 0, "ng-container", 17);
+    i0.ɵɵtemplate(6, PoTableComponent_ng_template_1_div_5_ng_container_6_Template, 1, 0, "ng-container", 32);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r29 = i0.ɵɵnextContext(2);
     const _r4 = i0.ɵɵreference(5);
     const _r6 = i0.ɵɵreference(7);
-    i0.ɵɵstyleProp("height", ctx_r29.heightTableContainer, "px");
+    const _r8 = i0.ɵɵreference(9);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngTemplateOutlet", _r4);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngTemplateOutlet", _r6);
+    i0.ɵɵproperty("ngIf", ctx_r29.height)("ngIfThen", _r6)("ngIfElse", _r8);
 } }
 function PoTableComponent_ng_template_1_div_6_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -15653,17 +16033,17 @@ function PoTableComponent_ng_template_1_div_6_Template(rf, ctx) { if (rf & 1) {
 } }
 function PoTableComponent_ng_template_1_div_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelement(1, "po-table-subtitle-footer", 34);
+    i0.ɵɵelement(1, "po-table-subtitle-footer", 35);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const column_r40 = ctx.$implicit;
-    const ctx_r39 = i0.ɵɵnextContext(3);
+    const column_r38 = ctx.$implicit;
+    const ctx_r37 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("p-literals", ctx_r39.literals)("p-subtitles", column_r40.subtitles);
+    i0.ɵɵproperty("p-literals", ctx_r37.literals)("p-subtitles", column_r38.subtitles);
 } }
 function PoTableComponent_ng_template_1_div_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_1_div_7_ng_container_1_Template, 2, 2, "ng-container", 33);
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_1_div_7_ng_container_1_Template, 2, 2, "ng-container", 34);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r31 = i0.ɵɵnextContext(2);
@@ -15694,9 +16074,9 @@ function PoTableComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r2.hasFooter);
 } }
 function PoTableComponent_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r43 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 35, 36)(2, "po-button", 37);
-    i0.ɵɵlistener("p-click", function PoTableComponent_div_3_Template_po_button_p_click_2_listener() { i0.ɵɵrestoreView(_r43); const ctx_r42 = i0.ɵɵnextContext(); return ctx_r42.onShowMore(); });
+    const _r41 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 36, 37)(2, "po-button", 38);
+    i0.ɵɵlistener("p-click", function PoTableComponent_div_3_Template_po_button_p_click_2_listener() { i0.ɵɵrestoreView(_r41); const ctx_r40 = i0.ɵɵnextContext(); return ctx_r40.onShowMore(); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
@@ -15704,111 +16084,105 @@ function PoTableComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("p-disabled", ctx_r3.showMoreDisabled)("p-label", ctx_r3.literals.loadMoreData)("p-loading", ctx_r3.loadingShowMore);
 } }
-function PoTableComponent_ng_template_4_th_3_input_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 49);
-} if (rf & 2) {
-    const ctx_r52 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("po-table-checkbox-checked", ctx_r52.selectAll)("po-table-checkbox-indeterminate", ctx_r52.selectAll === null);
-} }
-function PoTableComponent_ng_template_4_th_3_label_3_Template(rf, ctx) { if (rf & 1) {
-    const _r55 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 50);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_4_th_3_label_3_Template_label_click_0_listener() { i0.ɵɵrestoreView(_r55); const ctx_r54 = i0.ɵɵnextContext(3); return ctx_r54.selectAllRows(); });
+function PoTableComponent_ng_template_4_th_3_po_checkbox_2_Template(rf, ctx) { if (rf & 1) {
+    const _r52 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "po-checkbox", 49);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_4_th_3_po_checkbox_2_Template_po_checkbox_click_0_listener() { i0.ɵɵrestoreView(_r52); const ctx_r51 = i0.ɵɵnextContext(3); return ctx_r51.selectAllRows(); })("p-change", function PoTableComponent_ng_template_4_th_3_po_checkbox_2_Template_po_checkbox_p_change_0_listener() { i0.ɵɵrestoreView(_r52); const ctx_r53 = i0.ɵɵnextContext(3); return ctx_r53.selectAllRows(); })("ngModelChange", function PoTableComponent_ng_template_4_th_3_po_checkbox_2_Template_po_checkbox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r52); const ctx_r54 = i0.ɵɵnextContext(3); return ctx_r54.selectAll = $event; });
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r50 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngModel", ctx_r50.selectAll);
 } }
 function PoTableComponent_ng_template_4_th_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 46)(1, "div");
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_4_th_3_input_2_Template, 1, 4, "input", 47);
-    i0.ɵɵtemplate(3, PoTableComponent_ng_template_4_th_3_label_3_Template, 1, 0, "label", 48);
+    i0.ɵɵelementStart(0, "th", 47)(1, "div");
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_4_th_3_po_checkbox_2_Template, 1, 1, "po-checkbox", 48);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r44 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r44.height);
+    const ctx_r42 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r44.hideSelectAll);
+    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r42.height);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r44.hideSelectAll);
+    i0.ɵɵproperty("ngIf", !ctx_r42.hideSelectAll);
 } }
 function PoTableComponent_ng_template_4_th_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "th", 51);
+    i0.ɵɵelement(0, "th", 50);
 } }
 function PoTableComponent_ng_template_4_th_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th");
 } if (rf & 2) {
-    const ctx_r46 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("po-table-header-master-detail", !ctx_r46.isSingleAction)("po-table-header-single-action", ctx_r46.isSingleAction);
+    const ctx_r44 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("po-table-header-master-detail", !ctx_r44.isSingleAction)("po-table-header-single-action", ctx_r44.isSingleAction);
 } }
 function PoTableComponent_ng_template_4_th_6_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function PoTableComponent_ng_template_4_th_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 52, 53);
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_4_th_6_ng_container_2_Template, 1, 0, "ng-container", 54);
+    i0.ɵɵelementStart(0, "th", 51, 52);
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_4_th_6_ng_container_2_Template, 1, 0, "ng-container", 32);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r47 = i0.ɵɵnextContext(2);
+    const ctx_r45 = i0.ɵɵnextContext(2);
     const _r19 = i0.ɵɵreference(21);
     const _r21 = i0.ɵɵreference(23);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r47.height)("ngIfThen", _r19)("ngIfElse", _r21);
+    i0.ɵɵproperty("ngIf", ctx_r45.height)("ngIfThen", _r19)("ngIfElse", _r21);
 } }
 function PoTableComponent_ng_template_4_th_7_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-const _c10 = function (a0) { return { $implicit: a0 }; };
+const _c11 = function (a0) { return { $implicit: a0 }; };
 function PoTableComponent_ng_template_4_th_7_Template(rf, ctx) { if (rf & 1) {
-    const _r63 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", 55, 56);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_4_th_7_Template_th_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r63); const column_r58 = restoredCtx.$implicit; const ctx_r62 = i0.ɵɵnextContext(2); return ctx_r62.sortColumn(column_r58); });
-    i0.ɵɵelementStart(2, "div", 57);
-    i0.ɵɵtemplate(3, PoTableComponent_ng_template_4_th_7_ng_container_3_Template, 1, 0, "ng-container", 58);
+    const _r62 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 53, 54);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_4_th_7_Template_th_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r62); const column_r57 = restoredCtx.$implicit; const ctx_r61 = i0.ɵɵnextContext(2); return ctx_r61.sortColumn(column_r57); });
+    i0.ɵɵelementStart(2, "div", 55);
+    i0.ɵɵtemplate(3, PoTableComponent_ng_template_4_th_7_ng_container_3_Template, 1, 0, "ng-container", 56);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const column_r58 = ctx.$implicit;
-    const ctx_r48 = i0.ɵɵnextContext(2);
+    const column_r57 = ctx.$implicit;
+    const ctx_r46 = i0.ɵɵnextContext(2);
     const _r17 = i0.ɵɵreference(19);
-    i0.ɵɵstyleProp("width", column_r58.width)("max-width", column_r58.width)("min-width", column_r58.width);
-    i0.ɵɵclassProp("po-clickable", ctx_r48.sort && column_r58.sortable !== false || ctx_r48.hasService)("po-table-header-subtitle", column_r58.type === "subtitle");
+    i0.ɵɵstyleProp("width", column_r57.width)("max-width", column_r57.width)("min-width", column_r57.width);
+    i0.ɵɵclassProp("po-clickable", ctx_r46.sort && column_r57.sortable !== false || ctx_r46.hasService)("po-table-header-subtitle", column_r57.type === "subtitle");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r48.height)("po-table-header-flex-right", column_r58.type === "currency" || column_r58.type === "number")("po-table-header-flex-center", column_r58.type === "subtitle");
+    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r46.height)("po-table-header-flex-right", column_r57.type === "currency" || column_r57.type === "number")("po-table-header-flex-center", column_r57.type === "subtitle");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r17)("ngTemplateOutletContext", i0.ɵɵpureFunction1(18, _c10, column_r58));
+    i0.ɵɵproperty("ngTemplateOutlet", _r17)("ngTemplateOutletContext", i0.ɵɵpureFunction1(18, _c11, column_r57));
 } }
 function PoTableComponent_ng_template_4_th_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "th", 51);
+    i0.ɵɵelement(0, "th", 50);
 } }
 function PoTableComponent_ng_template_4_th_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th");
 } if (rf & 2) {
-    const ctx_r50 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("po-table-header-single-action", ctx_r50.isSingleAction)("po-table-header-actions", !ctx_r50.isSingleAction);
+    const ctx_r48 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("po-table-header-single-action", ctx_r48.isSingleAction)("po-table-header-actions", !ctx_r48.isSingleAction);
 } }
 function PoTableComponent_ng_template_4_th_10_Template(rf, ctx) { if (rf & 1) {
-    const _r67 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", null, 59)(2, "div")(3, "button", 60, 61);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_4_th_10_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r67); const ctx_r66 = i0.ɵɵnextContext(2); return ctx_r66.onOpenColumnManager(); });
+    const _r66 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", null, 57)(2, "div")(3, "button", 58, 59);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_4_th_10_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r66); const ctx_r65 = i0.ɵɵnextContext(2); return ctx_r65.onOpenColumnManager(); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const _r64 = i0.ɵɵreference(1);
-    const ctx_r51 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("po-table-header-column-manager", !ctx_r51.isSingleAction || !ctx_r51.actionRight)("po-table-header-column-manager-border", !ctx_r51.height && ctx_r51.container)("po-table-header-single-action", ctx_r51.isSingleAction && ctx_r51.actionRight);
+    const _r63 = i0.ɵɵreference(1);
+    const ctx_r49 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("po-table-header-column-manager", !ctx_r49.isSingleAction || !ctx_r49.actionRight)("po-table-header-column-manager-border", !ctx_r49.height && ctx_r49.container)("po-table-header-single-action", ctx_r49.isSingleAction && ctx_r49.actionRight);
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("width", ctx_r51.height && ctx_r51.visibleActions.length ? _r64.offsetWidth : undefined, "px");
-    i0.ɵɵclassProp("po-table-header-column-manager-border", ctx_r51.height && ctx_r51.container)("po-table-header-column-manager-fixed-inner", ctx_r51.height);
+    i0.ɵɵstyleProp("width", ctx_r49.height && ctx_r49.visibleActions.length ? _r63.offsetWidth : undefined, "px");
+    i0.ɵɵclassProp("po-table-header-column-manager-border", ctx_r49.height && ctx_r49.container)("po-table-header-column-manager-fixed-inner", ctx_r49.height);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("p-tooltip", ctx_r51.literals.columnsManager);
+    i0.ɵɵproperty("p-tooltip", ctx_r49.literals.columnsManager);
 } }
 function PoTableComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 38)(1, "thead")(2, "tr");
-    i0.ɵɵtemplate(3, PoTableComponent_ng_template_4_th_3_Template, 4, 4, "th", 39);
-    i0.ɵɵtemplate(4, PoTableComponent_ng_template_4_th_4_Template, 1, 0, "th", 40);
-    i0.ɵɵtemplate(5, PoTableComponent_ng_template_4_th_5_Template, 1, 4, "th", 41);
-    i0.ɵɵtemplate(6, PoTableComponent_ng_template_4_th_6_Template, 3, 3, "th", 42);
-    i0.ɵɵtemplate(7, PoTableComponent_ng_template_4_th_7_Template, 4, 20, "th", 43);
-    i0.ɵɵtemplate(8, PoTableComponent_ng_template_4_th_8_Template, 1, 0, "th", 40);
-    i0.ɵɵtemplate(9, PoTableComponent_ng_template_4_th_9_Template, 1, 4, "th", 44);
-    i0.ɵɵtemplate(10, PoTableComponent_ng_template_4_th_10_Template, 5, 13, "th", 45);
+    i0.ɵɵelementStart(0, "table", 39)(1, "thead")(2, "tr");
+    i0.ɵɵtemplate(3, PoTableComponent_ng_template_4_th_3_Template, 3, 3, "th", 40);
+    i0.ɵɵtemplate(4, PoTableComponent_ng_template_4_th_4_Template, 1, 0, "th", 41);
+    i0.ɵɵtemplate(5, PoTableComponent_ng_template_4_th_5_Template, 1, 4, "th", 42);
+    i0.ɵɵtemplate(6, PoTableComponent_ng_template_4_th_6_Template, 3, 3, "th", 43);
+    i0.ɵɵtemplate(7, PoTableComponent_ng_template_4_th_7_Template, 4, 20, "th", 44);
+    i0.ɵɵtemplate(8, PoTableComponent_ng_template_4_th_8_Template, 1, 0, "th", 41);
+    i0.ɵɵtemplate(9, PoTableComponent_ng_template_4_th_9_Template, 1, 4, "th", 45);
+    i0.ɵɵtemplate(10, PoTableComponent_ng_template_4_th_10_Template, 5, 13, "th", 46);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r5 = i0.ɵɵnextContext();
@@ -15832,7 +16206,7 @@ function PoTableComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r5.hasValidColumns && !ctx_r5.hideColumnsManager);
 } }
-function PoTableComponent_ng_template_6_tbody_1_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_tbody_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody", 63)(1, "tr", 64)(2, "td", 65)(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()()()();
@@ -15843,12 +16217,12 @@ function PoTableComponent_ng_template_6_tbody_1_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r68.literals.noData, " ");
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 46);
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_2_ng_container_1_Template, 1, 0, "ng-container", 58);
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 47);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_2_ng_container_1_Template, 1, 0, "ng-container", 56);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const row_r71 = i0.ɵɵnextContext().$implicit;
@@ -15856,15 +16230,15 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_2_Template(rf,
     const _r13 = i0.ɵɵreference(15);
     const _r15 = i0.ɵɵreference(17);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r73.singleSelect ? _r13 : _r15)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c10, row_r71));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r73.singleSelect ? _r13 : _r15)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, row_r71));
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_3_ng_template_1_Template(rf, ctx) { }
-const _c11 = function (a0, a1) { return { row: a0, rowIndex: a1 }; };
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_3_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_3_ng_template_1_Template(rf, ctx) { }
+const _c12 = function (a0, a1) { return { row: a0, rowIndex: a1 }; };
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_3_Template(rf, ctx) { if (rf & 1) {
     const _r89 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 71);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_3_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r89); const row_r71 = i0.ɵɵnextContext().$implicit; const ctx_r87 = i0.ɵɵnextContext(3); return ctx_r87.toggleDetail(row_r71); });
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_3_ng_template_1_Template, 0, 0, "ng-template", 72);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_3_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r89); const row_r71 = i0.ɵɵnextContext().$implicit; const ctx_r87 = i0.ɵɵnextContext(3); return ctx_r87.toggleDetail(row_r71); });
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_3_ng_template_1_Template, 0, 0, "ng-template", 72);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r90 = i0.ɵɵnextContext();
@@ -15873,25 +16247,25 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_3_Template(rf,
     i0.ɵɵnextContext(3);
     const _r11 = i0.ɵɵreference(13);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c11, row_r71, rowIndex_r72));
+    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r71, rowIndex_r72));
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_4_ng_template_0_Template(rf, ctx) { }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PoTableComponent_ng_template_6_ng_container_2_tbody_1_4_ng_template_0_Template, 0, 0, "ng-template", 72);
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_4_ng_template_0_Template(rf, ctx) { }
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PoTableComponent_ng_template_6_ng_container_4_tbody_1_4_ng_template_0_Template, 0, 0, "ng-template", 72);
 } if (rf & 2) {
     const ctx_r92 = i0.ɵɵnextContext();
     const row_r71 = ctx_r92.$implicit;
     const rowIndex_r72 = ctx_r92.index;
     i0.ɵɵnextContext(3);
     const _r23 = i0.ɵɵreference(25);
-    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c11, row_r71, rowIndex_r72));
+    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r71, rowIndex_r72));
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_5_ng_template_1_Template(rf, ctx) { }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_5_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_5_ng_template_1_Template(rf, ctx) { }
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_5_Template(rf, ctx) { if (rf & 1) {
     const _r96 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 71);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_5_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r96); const row_r71 = i0.ɵɵnextContext().$implicit; const ctx_r94 = i0.ɵɵnextContext(3); return ctx_r94.toggleDetail(row_r71); });
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_5_ng_template_1_Template, 0, 0, "ng-template", 72);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_5_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r96); const row_r71 = i0.ɵɵnextContext().$implicit; const ctx_r94 = i0.ɵɵnextContext(3); return ctx_r94.toggleDetail(row_r71); });
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_5_ng_template_1_Template, 0, 0, "ng-template", 72);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r97 = i0.ɵɵnextContext();
@@ -15900,38 +16274,38 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_5_Template(rf,
     i0.ɵɵnextContext(3);
     const _r11 = i0.ɵɵreference(13);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c11, row_r71, rowIndex_r72));
+    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r71, rowIndex_r72));
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_2_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_2_ng_container_1_Template, 1, 0, "ng-container", 58);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_2_ng_container_1_Template, 1, 0, "ng-container", 56);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const column_r98 = i0.ɵɵnextContext().$implicit;
     const row_r71 = i0.ɵɵnextContext().$implicit;
     const ctx_r100 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r100.getTemplate(column_r98))("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c10, ctx_r100.getCellData(row_r71, column_r98)));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r100.getTemplate(column_r98))("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, ctx_r100.getCellData(row_r71, column_r98)));
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-const _c12 = function (a0, a1) { return { row: a0, column: a1 }; };
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_3_Template(rf, ctx) { if (rf & 1) {
+const _c13 = function (a0, a1) { return { row: a0, column: a1 }; };
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_3_ng_container_1_Template, 1, 0, "ng-container", 58);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_3_ng_container_1_Template, 1, 0, "ng-container", 56);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const column_r98 = i0.ɵɵnextContext().$implicit;
     const row_r71 = i0.ɵɵnextContext().$implicit;
     const ctx_r101 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r101.tableCellTemplate == null ? null : ctx_r101.tableCellTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r71, column_r98));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r101.tableCellTemplate == null ? null : ctx_r101.tableCellTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c13, row_r71, column_r98));
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_4_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -15942,7 +16316,7 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_4_Templ
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", ctx_r102.getBooleanLabel(ctx_r102.getCellData(row_r71, column_r98), column_r98), " ");
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_5_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "currency");
@@ -15954,7 +16328,7 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_5_Templ
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind4(2, 1, ctx_r103.getCellData(row_r71, column_r98), column_r98.format, "symbol", "1.2-2"), " ");
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_6_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
@@ -15966,7 +16340,7 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_6_Templ
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r104.getCellData(row_r71, column_r98), column_r98.format || "dd/MM/yyyy"), " ");
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_7_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "po_time");
@@ -15978,7 +16352,7 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_7_Templ
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r105.getCellData(row_r71, column_r98), column_r98.format || "HH:mm:ss.ffffff"), " ");
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_8_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
@@ -15990,7 +16364,7 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_8_Templ
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r106.getCellData(row_r71, column_r98), column_r98.format || "dd/MM/yyyy HH:mm:ss"), " ");
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_9_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -16001,10 +16375,10 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_9_Templ
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", ctx_r107.formatNumber(ctx_r107.getCellData(row_r71, column_r98), column_r98.format), " ");
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_po_table_column_link_10_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_po_table_column_link_10_Template(rf, ctx) { if (rf & 1) {
     const _r133 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-table-column-link", 79);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_po_table_column_link_10_Template_po_table_column_link_click_0_listener($event) { i0.ɵɵrestoreView(_r133); const column_r98 = i0.ɵɵnextContext().$implicit; const row_r71 = i0.ɵɵnextContext().$implicit; const ctx_r131 = i0.ɵɵnextContext(3); return ctx_r131.onClickLink($event, row_r71, column_r98); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_po_table_column_link_10_Template_po_table_column_link_click_0_listener($event) { i0.ɵɵrestoreView(_r133); const column_r98 = i0.ɵɵnextContext().$implicit; const row_r71 = i0.ɵɵnextContext().$implicit; const ctx_r131 = i0.ɵɵnextContext(3); return ctx_r131.onClickLink($event, row_r71, column_r98); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const column_r98 = i0.ɵɵnextContext().$implicit;
@@ -16012,7 +16386,7 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_po_table_col
     const ctx_r108 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("p-action", column_r98.action)("p-disabled", ctx_r108.checkDisabled(row_r71, column_r98))("p-link", row_r71[column_r98.link])("p-row", row_r71)("p-value", ctx_r108.getCellData(row_r71, column_r98));
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_po_table_column_icon_11_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_po_table_column_icon_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-table-column-icon", 80);
 } if (rf & 2) {
     const column_r98 = i0.ɵɵnextContext().$implicit;
@@ -16020,7 +16394,7 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_po_table_col
     const ctx_r109 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("p-column", column_r98)("p-icons", ctx_r109.getColumnIcons(row_r71, column_r98))("p-row", row_r71);
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_12_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵelement(1, "po-table-subtitle-circle", 81);
     i0.ɵɵelementEnd();
@@ -16031,7 +16405,7 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_12_Temp
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("p-subtitle", ctx_r110.getSubtitleColumn(row_r71, column_r98));
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_13_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵelement(1, "po-table-column-label", 82);
     i0.ɵɵelementEnd();
@@ -16042,7 +16416,7 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_13_Temp
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("p-value", ctx_r111.getColumnLabel(row_r71, column_r98));
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_14_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -16053,25 +16427,25 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_14_Temp
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r112.getCellData(row_r71, column_r98));
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_Template(rf, ctx) { if (rf & 1) {
     const _r146 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 73);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r146); const row_r71 = i0.ɵɵnextContext().$implicit; const ctx_r145 = i0.ɵɵnextContext(3); return ctx_r145.selectable ? ctx_r145.selectRow(row_r71) : "javascript:;"; });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r146); const row_r71 = i0.ɵɵnextContext().$implicit; const ctx_r145 = i0.ɵɵnextContext(3); return ctx_r145.selectable ? ctx_r145.selectRow(row_r71) : "javascript:;"; });
     i0.ɵɵelementStart(1, "div", 74);
-    i0.ɵɵlistener("mouseenter", function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_Template_div_mouseenter_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r146); const column_r98 = restoredCtx.$implicit; const row_r71 = i0.ɵɵnextContext().$implicit; const ctx_r148 = i0.ɵɵnextContext(3); return ctx_r148.tooltipMouseEnter($event, column_r98, row_r71); })("mouseleave", function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_Template_div_mouseleave_1_listener() { i0.ɵɵrestoreView(_r146); const ctx_r150 = i0.ɵɵnextContext(4); return ctx_r150.tooltipMouseLeave(); });
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_2_Template, 2, 4, "span", 75);
-    i0.ɵɵtemplate(3, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_3_Template, 2, 5, "span", 75);
-    i0.ɵɵtemplate(4, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_4_Template, 2, 1, "span", 75);
-    i0.ɵɵtemplate(5, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_5_Template, 3, 6, "span", 75);
-    i0.ɵɵtemplate(6, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_6_Template, 3, 4, "span", 75);
-    i0.ɵɵtemplate(7, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_7_Template, 3, 4, "span", 75);
-    i0.ɵɵtemplate(8, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_8_Template, 3, 4, "span", 75);
-    i0.ɵɵtemplate(9, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_9_Template, 2, 1, "span", 75);
-    i0.ɵɵtemplate(10, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_po_table_column_link_10_Template, 1, 5, "po-table-column-link", 76);
-    i0.ɵɵtemplate(11, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_po_table_column_icon_11_Template, 1, 3, "po-table-column-icon", 77);
-    i0.ɵɵtemplate(12, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_12_Template, 2, 1, "span", 75);
-    i0.ɵɵtemplate(13, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_13_Template, 2, 1, "span", 75);
-    i0.ɵɵtemplate(14, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_span_14_Template, 2, 1, "span", 78);
+    i0.ɵɵlistener("mouseenter", function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_Template_div_mouseenter_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r146); const column_r98 = restoredCtx.$implicit; const row_r71 = i0.ɵɵnextContext().$implicit; const ctx_r148 = i0.ɵɵnextContext(3); return ctx_r148.tooltipMouseEnter($event, column_r98, row_r71); })("mouseleave", function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_Template_div_mouseleave_1_listener() { i0.ɵɵrestoreView(_r146); const ctx_r150 = i0.ɵɵnextContext(4); return ctx_r150.tooltipMouseLeave(); });
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_2_Template, 2, 4, "span", 75);
+    i0.ɵɵtemplate(3, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_3_Template, 2, 5, "span", 75);
+    i0.ɵɵtemplate(4, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_4_Template, 2, 1, "span", 75);
+    i0.ɵɵtemplate(5, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_5_Template, 3, 6, "span", 75);
+    i0.ɵɵtemplate(6, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_6_Template, 3, 4, "span", 75);
+    i0.ɵɵtemplate(7, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_7_Template, 3, 4, "span", 75);
+    i0.ɵɵtemplate(8, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_8_Template, 3, 4, "span", 75);
+    i0.ɵɵtemplate(9, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_9_Template, 2, 1, "span", 75);
+    i0.ɵɵtemplate(10, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_po_table_column_link_10_Template, 1, 5, "po-table-column-link", 76);
+    i0.ɵɵtemplate(11, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_po_table_column_icon_11_Template, 1, 3, "po-table-column-icon", 77);
+    i0.ɵɵtemplate(12, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_12_Template, 2, 1, "span", 75);
+    i0.ɵɵtemplate(13, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_13_Template, 2, 1, "span", 75);
+    i0.ɵɵtemplate(14, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_14_Template, 2, 1, "span", 78);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const column_r98 = ctx.$implicit;
@@ -16109,12 +16483,12 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_Template(rf,
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngSwitchCase", "label");
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_7_ng_template_1_Template(rf, ctx) { }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_7_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_7_ng_template_1_Template(rf, ctx) { }
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_7_Template(rf, ctx) { if (rf & 1) {
     const _r155 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 71);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_7_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r155); const row_r71 = i0.ɵɵnextContext().$implicit; const ctx_r153 = i0.ɵɵnextContext(3); return ctx_r153.toggleDetail(row_r71); });
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_7_ng_template_1_Template, 0, 0, "ng-template", 72);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_7_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r155); const row_r71 = i0.ɵɵnextContext().$implicit; const ctx_r153 = i0.ɵɵnextContext(3); return ctx_r153.toggleDetail(row_r71); });
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_7_ng_template_1_Template, 0, 0, "ng-template", 72);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r156 = i0.ɵɵnextContext();
@@ -16123,32 +16497,32 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_7_Template(rf,
     i0.ɵɵnextContext(3);
     const _r11 = i0.ɵɵreference(13);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c11, row_r71, rowIndex_r72));
+    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r71, rowIndex_r72));
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_8_ng_template_0_Template(rf, ctx) { }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PoTableComponent_ng_template_6_ng_container_2_tbody_1_8_ng_template_0_Template, 0, 0, "ng-template", 72);
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_8_ng_template_0_Template(rf, ctx) { }
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PoTableComponent_ng_template_6_ng_container_4_tbody_1_8_ng_template_0_Template, 0, 0, "ng-template", 72);
 } if (rf & 2) {
     const ctx_r158 = i0.ɵɵnextContext();
     const row_r71 = ctx_r158.$implicit;
     const rowIndex_r72 = ctx_r158.index;
     i0.ɵɵnextContext(3);
     const _r23 = i0.ɵɵreference(25);
-    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c11, row_r71, rowIndex_r72));
+    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r71, rowIndex_r72));
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_ng_container_9_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_ng_container_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelement(1, "td", 83);
     i0.ɵɵelementContainerEnd();
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_10_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "td", 84);
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_tr_11_ng_template_2_Template(rf, ctx) { }
-const _c13 = function (a0, a1) { return { $implicit: a0, rowIndex: a1 }; };
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_tr_11_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_tr_11_ng_template_2_Template(rf, ctx) { }
+const _c14 = function (a0, a1) { return { $implicit: a0, rowIndex: a1 }; };
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_tr_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr")(1, "td", 85);
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_6_ng_container_2_tbody_1_tr_11_ng_template_2_Template, 0, 0, "ng-template", 72);
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_6_ng_container_4_tbody_1_tr_11_ng_template_2_Template, 0, 0, "ng-template", 72);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r160 = i0.ɵɵnextContext();
@@ -16158,12 +16532,12 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_tr_11_Template(rf
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("colSpan", ctx_r82.columnCountForMasterDetail);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r82.tableRowTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c13, row_r71, rowIndex_r72));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r82.tableRowTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c14, row_r71, rowIndex_r72));
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_tr_12_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_tr_12_Template(rf, ctx) { if (rf & 1) {
     const _r162 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "tr")(1, "td", 86)(2, "po-table-detail", 87);
-    i0.ɵɵlistener("p-select-row", function PoTableComponent_ng_template_6_ng_container_2_tbody_1_tr_12_Template_po_table_detail_p_select_row_2_listener($event) { i0.ɵɵrestoreView(_r162); const ctx_r161 = i0.ɵɵnextContext(4); return ctx_r161.selectDetailRow($event); });
+    i0.ɵɵlistener("p-select-row", function PoTableComponent_ng_template_6_ng_container_4_tbody_1_tr_12_Template_po_table_detail_p_select_row_2_listener($event) { i0.ɵɵrestoreView(_r162); const ctx_r161 = i0.ɵɵnextContext(4); return ctx_r161.selectDetailRow($event); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const row_r71 = i0.ɵɵnextContext().$implicit;
@@ -16173,20 +16547,20 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_tr_12_Template(rf
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("p-selectable", ctx_r83.selectable && !ctx_r83.detailHideSelect)("p-detail", ctx_r83.columnMasterDetail.detail)("p-items", row_r71[ctx_r83.nameColumnDetail]);
 } }
-function PoTableComponent_ng_template_6_ng_container_2_tbody_1_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_tbody_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody", 63)(1, "tr", 67);
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_2_Template, 2, 4, "td", 39);
-    i0.ɵɵtemplate(3, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_3_Template, 2, 5, "td", 68);
-    i0.ɵɵtemplate(4, PoTableComponent_ng_template_6_ng_container_2_tbody_1_4_Template, 1, 5, null, 23);
-    i0.ɵɵtemplate(5, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_5_Template, 2, 5, "td", 68);
-    i0.ɵɵtemplate(6, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_6_Template, 15, 33, "td", 69);
-    i0.ɵɵtemplate(7, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_7_Template, 2, 5, "td", 68);
-    i0.ɵɵtemplate(8, PoTableComponent_ng_template_6_ng_container_2_tbody_1_8_Template, 1, 5, null, 23);
-    i0.ɵɵtemplate(9, PoTableComponent_ng_template_6_ng_container_2_tbody_1_ng_container_9_Template, 2, 0, "ng-container", 23);
-    i0.ɵɵtemplate(10, PoTableComponent_ng_template_6_ng_container_2_tbody_1_td_10_Template, 1, 0, "td", 70);
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_2_Template, 2, 4, "td", 40);
+    i0.ɵɵtemplate(3, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_3_Template, 2, 5, "td", 68);
+    i0.ɵɵtemplate(4, PoTableComponent_ng_template_6_ng_container_4_tbody_1_4_Template, 1, 5, null, 23);
+    i0.ɵɵtemplate(5, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_5_Template, 2, 5, "td", 68);
+    i0.ɵɵtemplate(6, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_Template, 15, 33, "td", 69);
+    i0.ɵɵtemplate(7, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_7_Template, 2, 5, "td", 68);
+    i0.ɵɵtemplate(8, PoTableComponent_ng_template_6_ng_container_4_tbody_1_8_Template, 1, 5, null, 23);
+    i0.ɵɵtemplate(9, PoTableComponent_ng_template_6_ng_container_4_tbody_1_ng_container_9_Template, 2, 0, "ng-container", 23);
+    i0.ɵɵtemplate(10, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_10_Template, 1, 0, "td", 70);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(11, PoTableComponent_ng_template_6_ng_container_2_tbody_1_tr_11_Template, 3, 6, "tr", 23);
-    i0.ɵɵtemplate(12, PoTableComponent_ng_template_6_ng_container_2_tbody_1_tr_12_Template, 3, 4, "tr", 23);
+    i0.ɵɵtemplate(11, PoTableComponent_ng_template_6_ng_container_4_tbody_1_tr_11_Template, 3, 6, "tr", 23);
+    i0.ɵɵtemplate(12, PoTableComponent_ng_template_6_ng_container_4_tbody_1_tr_12_Template, 3, 4, "tr", 23);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const row_r71 = ctx.$implicit;
@@ -16217,229 +16591,229 @@ function PoTableComponent_ng_template_6_ng_container_2_tbody_1_Template(rf, ctx)
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r70.hasMainColumns && ctx_r70.isShowMasterDetail(row_r71));
 } }
-function PoTableComponent_ng_template_6_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+function PoTableComponent_ng_template_6_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_2_tbody_1_Template, 13, 14, "tbody", 66);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_4_tbody_1_Template, 13, 14, "tbody", 66);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r69 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r69.items)("ngForTrackBy", ctx_r69.trackBy);
+    i0.ɵɵproperty("cdkVirtualForOf", ctx_r69.items)("cdkVirtualForTrackBy", ctx_r69.trackBy);
 } }
 function PoTableComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 38);
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_tbody_1_Template, 5, 2, "tbody", 62);
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_6_ng_container_2_Template, 2, 2, "ng-container", 23);
-    i0.ɵɵelementEnd();
+    const _r165 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "cdk-virtual-scroll-viewport", 60, 61);
+    i0.ɵɵlistener("scroll", function PoTableComponent_ng_template_6_Template_cdk_virtual_scroll_viewport_scroll_0_listener() { i0.ɵɵrestoreView(_r165); const ctx_r164 = i0.ɵɵnextContext(); return ctx_r164.syncronizeHorizontalScroll(); });
+    i0.ɵɵelementStart(2, "table", 39);
+    i0.ɵɵtemplate(3, PoTableComponent_ng_template_6_tbody_3_Template, 5, 2, "tbody", 62);
+    i0.ɵɵtemplate(4, PoTableComponent_ng_template_6_ng_container_4_Template, 2, 2, "ng-container", 23);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r7 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("height", ctx_r7.heightTableContainer, "px");
+    i0.ɵɵproperty("itemSize", ctx_r7.itemSize)("minBufferPx", ctx_r7.height < 100 ? 100 : ctx_r7.height)("maxBufferPx", ctx_r7.height < 200 ? 200 : ctx_r7.height);
+    i0.ɵɵadvance(2);
     i0.ɵɵclassProp("po-table-striped", ctx_r7.striped)("po-table-layout-fixed", ctx_r7.hideTextOverflow);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", !ctx_r7.hasItems || !ctx_r7.hasMainColumns);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r7.hasMainColumns);
 } }
-function PoTableComponent_ng_template_8_th_3_input_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 49);
-} if (rf & 2) {
-    const ctx_r174 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("po-table-checkbox-checked", ctx_r174.selectAll)("po-table-checkbox-indeterminate", ctx_r174.selectAll === null);
-} }
-function PoTableComponent_ng_template_8_th_3_label_3_Template(rf, ctx) { if (rf & 1) {
-    const _r177 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 50);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_th_3_label_3_Template_label_click_0_listener() { i0.ɵɵrestoreView(_r177); const ctx_r176 = i0.ɵɵnextContext(3); return ctx_r176.selectAllRows(); });
+function PoTableComponent_ng_template_8_th_3_po_checkbox_2_Template(rf, ctx) { if (rf & 1) {
+    const _r178 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "po-checkbox", 49);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_th_3_po_checkbox_2_Template_po_checkbox_click_0_listener() { i0.ɵɵrestoreView(_r178); const ctx_r177 = i0.ɵɵnextContext(3); return ctx_r177.selectAllRows(); })("p-change", function PoTableComponent_ng_template_8_th_3_po_checkbox_2_Template_po_checkbox_p_change_0_listener() { i0.ɵɵrestoreView(_r178); const ctx_r179 = i0.ɵɵnextContext(3); return ctx_r179.selectAllRows(); })("ngModelChange", function PoTableComponent_ng_template_8_th_3_po_checkbox_2_Template_po_checkbox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r178); const ctx_r180 = i0.ɵɵnextContext(3); return ctx_r180.selectAll = $event; });
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r176 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngModel", ctx_r176.selectAll);
 } }
 function PoTableComponent_ng_template_8_th_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 46)(1, "div");
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_th_3_input_2_Template, 1, 4, "input", 47);
-    i0.ɵɵtemplate(3, PoTableComponent_ng_template_8_th_3_label_3_Template, 1, 0, "label", 48);
+    i0.ɵɵelementStart(0, "th", 47)(1, "div");
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_th_3_po_checkbox_2_Template, 1, 1, "po-checkbox", 48);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r164 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r164.height);
+    const ctx_r166 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r164.hideSelectAll);
+    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r166.height);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r164.hideSelectAll);
+    i0.ɵɵproperty("ngIf", !ctx_r166.hideSelectAll);
 } }
 function PoTableComponent_ng_template_8_th_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "th", 51);
+    i0.ɵɵelement(0, "th", 50);
 } }
 function PoTableComponent_ng_template_8_th_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th");
 } if (rf & 2) {
-    const ctx_r166 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("po-table-header-master-detail", !ctx_r166.isSingleAction)("po-table-header-single-action", ctx_r166.isSingleAction);
+    const ctx_r168 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("po-table-header-master-detail", !ctx_r168.isSingleAction)("po-table-header-single-action", ctx_r168.isSingleAction);
 } }
 function PoTableComponent_ng_template_8_th_6_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function PoTableComponent_ng_template_8_th_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 52, 53);
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_th_6_ng_container_2_Template, 1, 0, "ng-container", 54);
+    i0.ɵɵelementStart(0, "th", 51, 52);
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_th_6_ng_container_2_Template, 1, 0, "ng-container", 32);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r167 = i0.ɵɵnextContext(2);
+    const ctx_r169 = i0.ɵɵnextContext(2);
     const _r19 = i0.ɵɵreference(21);
     const _r21 = i0.ɵɵreference(23);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r167.height)("ngIfThen", _r19)("ngIfElse", _r21);
+    i0.ɵɵproperty("ngIf", ctx_r169.height)("ngIfThen", _r19)("ngIfElse", _r21);
 } }
 function PoTableComponent_ng_template_8_th_7_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function PoTableComponent_ng_template_8_th_7_Template(rf, ctx) { if (rf & 1) {
-    const _r185 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", 55, 56);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_th_7_Template_th_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r185); const column_r180 = restoredCtx.$implicit; const ctx_r184 = i0.ɵɵnextContext(2); return ctx_r184.sortColumn(column_r180); });
-    i0.ɵɵelementStart(2, "div", 57);
-    i0.ɵɵtemplate(3, PoTableComponent_ng_template_8_th_7_ng_container_3_Template, 1, 0, "ng-container", 58);
+    const _r188 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 53, 54);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_th_7_Template_th_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r188); const column_r183 = restoredCtx.$implicit; const ctx_r187 = i0.ɵɵnextContext(2); return ctx_r187.sortColumn(column_r183); });
+    i0.ɵɵelementStart(2, "div", 55);
+    i0.ɵɵtemplate(3, PoTableComponent_ng_template_8_th_7_ng_container_3_Template, 1, 0, "ng-container", 56);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const column_r180 = ctx.$implicit;
-    const ctx_r168 = i0.ɵɵnextContext(2);
+    const column_r183 = ctx.$implicit;
+    const ctx_r170 = i0.ɵɵnextContext(2);
     const _r17 = i0.ɵɵreference(19);
-    i0.ɵɵstyleProp("width", column_r180.width)("max-width", column_r180.width)("min-width", column_r180.width);
-    i0.ɵɵclassProp("po-clickable", ctx_r168.sort && column_r180.sortable !== false || ctx_r168.hasService)("po-table-header-subtitle", column_r180.type === "subtitle");
+    i0.ɵɵstyleProp("width", column_r183.width)("max-width", column_r183.width)("min-width", column_r183.width);
+    i0.ɵɵclassProp("po-clickable", ctx_r170.sort && column_r183.sortable !== false || ctx_r170.hasService)("po-table-header-subtitle", column_r183.type === "subtitle");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r168.height)("po-table-header-flex-right", column_r180.type === "currency" || column_r180.type === "number")("po-table-header-flex-center", column_r180.type === "subtitle");
+    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r170.height)("po-table-header-flex-right", column_r183.type === "currency" || column_r183.type === "number")("po-table-header-flex-center", column_r183.type === "subtitle");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r17)("ngTemplateOutletContext", i0.ɵɵpureFunction1(18, _c10, column_r180));
+    i0.ɵɵproperty("ngTemplateOutlet", _r17)("ngTemplateOutletContext", i0.ɵɵpureFunction1(18, _c11, column_r183));
 } }
 function PoTableComponent_ng_template_8_th_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "th", 51);
+    i0.ɵɵelement(0, "th", 50);
 } }
 function PoTableComponent_ng_template_8_th_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th");
 } if (rf & 2) {
-    const ctx_r170 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("po-table-header-single-action", ctx_r170.isSingleAction)("po-table-header-actions", !ctx_r170.isSingleAction);
+    const ctx_r172 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("po-table-header-single-action", ctx_r172.isSingleAction)("po-table-header-actions", !ctx_r172.isSingleAction);
 } }
 function PoTableComponent_ng_template_8_th_10_Template(rf, ctx) { if (rf & 1) {
-    const _r189 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", null, 59)(2, "div")(3, "button", 60, 61);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_th_10_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r189); const ctx_r188 = i0.ɵɵnextContext(2); return ctx_r188.onOpenColumnManager(); });
+    const _r192 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", null, 57)(2, "div")(3, "button", 58, 59);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_th_10_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r192); const ctx_r191 = i0.ɵɵnextContext(2); return ctx_r191.onOpenColumnManager(); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const _r186 = i0.ɵɵreference(1);
-    const ctx_r171 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("po-table-header-column-manager", !ctx_r171.isSingleAction || !ctx_r171.actionRight)("po-table-header-column-manager-border", !ctx_r171.height && ctx_r171.container)("po-table-header-single-action", ctx_r171.isSingleAction && ctx_r171.actionRight);
+    const _r189 = i0.ɵɵreference(1);
+    const ctx_r173 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("po-table-header-column-manager", !ctx_r173.isSingleAction || !ctx_r173.actionRight)("po-table-header-column-manager-border", !ctx_r173.height && ctx_r173.container)("po-table-header-single-action", ctx_r173.isSingleAction && ctx_r173.actionRight);
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("width", ctx_r171.height && ctx_r171.visibleActions.length ? _r186.offsetWidth : undefined, "px");
-    i0.ɵɵclassProp("po-table-header-column-manager-border", ctx_r171.height && ctx_r171.container)("po-table-header-column-manager-fixed-inner", ctx_r171.height);
+    i0.ɵɵstyleProp("width", ctx_r173.height && ctx_r173.visibleActions.length ? _r189.offsetWidth : undefined, "px");
+    i0.ɵɵclassProp("po-table-header-column-manager-border", ctx_r173.height && ctx_r173.container)("po-table-header-column-manager-fixed-inner", ctx_r173.height);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("p-tooltip", ctx_r171.literals.columnsManager);
+    i0.ɵɵproperty("p-tooltip", ctx_r173.literals.columnsManager);
 } }
 function PoTableComponent_ng_template_8_tbody_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody", 63)(1, "tr", 64)(2, "td", 65)(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r172 = i0.ɵɵnextContext(2);
+    const ctx_r174 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("colSpan", ctx_r172.columnCount);
+    i0.ɵɵproperty("colSpan", ctx_r174.columnCount);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r172.literals.noData, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r174.literals.noData, " ");
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 46);
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_2_ng_container_1_Template, 1, 0, "ng-container", 58);
+    i0.ɵɵelementStart(0, "td", 47);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_2_ng_container_1_Template, 1, 0, "ng-container", 56);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r193 = i0.ɵɵnextContext(3);
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r196 = i0.ɵɵnextContext(3);
     const _r13 = i0.ɵɵreference(15);
     const _r15 = i0.ɵɵreference(17);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r193.singleSelect ? _r13 : _r15)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c10, row_r191));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r196.singleSelect ? _r13 : _r15)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, row_r194));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_3_ng_template_1_Template(rf, ctx) { }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_3_Template(rf, ctx) { if (rf & 1) {
-    const _r209 = i0.ɵɵgetCurrentView();
+    const _r212 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 71);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_3_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r209); const row_r191 = i0.ɵɵnextContext().$implicit; const ctx_r207 = i0.ɵɵnextContext(3); return ctx_r207.toggleDetail(row_r191); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_3_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r212); const row_r194 = i0.ɵɵnextContext().$implicit; const ctx_r210 = i0.ɵɵnextContext(3); return ctx_r210.toggleDetail(row_r194); });
     i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_3_ng_template_1_Template, 0, 0, "ng-template", 72);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r210 = i0.ɵɵnextContext();
-    const row_r191 = ctx_r210.$implicit;
-    const rowIndex_r192 = ctx_r210.index;
+    const ctx_r213 = i0.ɵɵnextContext();
+    const row_r194 = ctx_r213.$implicit;
+    const rowIndex_r195 = ctx_r213.index;
     i0.ɵɵnextContext(3);
     const _r11 = i0.ɵɵreference(13);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c11, row_r191, rowIndex_r192));
+    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r194, rowIndex_r195));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_4_ng_template_0_Template(rf, ctx) { }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, PoTableComponent_ng_template_8_ng_container_12_tbody_1_4_ng_template_0_Template, 0, 0, "ng-template", 72);
 } if (rf & 2) {
-    const ctx_r212 = i0.ɵɵnextContext();
-    const row_r191 = ctx_r212.$implicit;
-    const rowIndex_r192 = ctx_r212.index;
+    const ctx_r215 = i0.ɵɵnextContext();
+    const row_r194 = ctx_r215.$implicit;
+    const rowIndex_r195 = ctx_r215.index;
     i0.ɵɵnextContext(3);
     const _r23 = i0.ɵɵreference(25);
-    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c11, row_r191, rowIndex_r192));
+    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r194, rowIndex_r195));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_5_ng_template_1_Template(rf, ctx) { }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_5_Template(rf, ctx) { if (rf & 1) {
-    const _r216 = i0.ɵɵgetCurrentView();
+    const _r219 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 71);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_5_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r216); const row_r191 = i0.ɵɵnextContext().$implicit; const ctx_r214 = i0.ɵɵnextContext(3); return ctx_r214.toggleDetail(row_r191); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_5_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r219); const row_r194 = i0.ɵɵnextContext().$implicit; const ctx_r217 = i0.ɵɵnextContext(3); return ctx_r217.toggleDetail(row_r194); });
     i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_5_ng_template_1_Template, 0, 0, "ng-template", 72);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r217 = i0.ɵɵnextContext();
-    const row_r191 = ctx_r217.$implicit;
-    const rowIndex_r192 = ctx_r217.index;
+    const ctx_r220 = i0.ɵɵnextContext();
+    const row_r194 = ctx_r220.$implicit;
+    const rowIndex_r195 = ctx_r220.index;
     i0.ɵɵnextContext(3);
     const _r11 = i0.ɵɵreference(13);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c11, row_r191, rowIndex_r192));
+    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r194, rowIndex_r195));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_2_ng_container_1_Template, 1, 0, "ng-container", 58);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_2_ng_container_1_Template, 1, 0, "ng-container", 56);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r218 = i0.ɵɵnextContext().$implicit;
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r220 = i0.ɵɵnextContext(3);
+    const column_r221 = i0.ɵɵnextContext().$implicit;
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r223 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r220.getTemplate(column_r218))("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c10, ctx_r220.getCellData(row_r191, column_r218)));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r223.getTemplate(column_r221))("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, ctx_r223.getCellData(row_r194, column_r221)));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_3_ng_container_1_Template, 1, 0, "ng-container", 58);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_3_ng_container_1_Template, 1, 0, "ng-container", 56);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r218 = i0.ɵɵnextContext().$implicit;
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r221 = i0.ɵɵnextContext(3);
+    const column_r221 = i0.ɵɵnextContext().$implicit;
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r224 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r221.tableCellTemplate == null ? null : ctx_r221.tableCellTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r191, column_r218));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r224.tableCellTemplate == null ? null : ctx_r224.tableCellTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c13, row_r194, column_r221));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r218 = i0.ɵɵnextContext().$implicit;
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r222 = i0.ɵɵnextContext(3);
+    const column_r221 = i0.ɵɵnextContext().$implicit;
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r225 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r222.getBooleanLabel(ctx_r222.getCellData(row_r191, column_r218), column_r218), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r225.getBooleanLabel(ctx_r225.getCellData(row_r194, column_r221), column_r221), " ");
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -16447,11 +16821,11 @@ function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_5_Temp
     i0.ɵɵpipe(2, "currency");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r218 = i0.ɵɵnextContext().$implicit;
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r223 = i0.ɵɵnextContext(3);
+    const column_r221 = i0.ɵɵnextContext().$implicit;
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r226 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind4(2, 1, ctx_r223.getCellData(row_r191, column_r218), column_r218.format, "symbol", "1.2-2"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind4(2, 1, ctx_r226.getCellData(row_r194, column_r221), column_r221.format, "symbol", "1.2-2"), " ");
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -16459,11 +16833,11 @@ function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_6_Temp
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r218 = i0.ɵɵnextContext().$implicit;
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r224 = i0.ɵɵnextContext(3);
+    const column_r221 = i0.ɵɵnextContext().$implicit;
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r227 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r224.getCellData(row_r191, column_r218), column_r218.format || "dd/MM/yyyy"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r227.getCellData(row_r194, column_r221), column_r221.format || "dd/MM/yyyy"), " ");
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -16471,11 +16845,11 @@ function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_7_Temp
     i0.ɵɵpipe(2, "po_time");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r218 = i0.ɵɵnextContext().$implicit;
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r225 = i0.ɵɵnextContext(3);
+    const column_r221 = i0.ɵɵnextContext().$implicit;
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r228 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r225.getCellData(row_r191, column_r218), column_r218.format || "HH:mm:ss.ffffff"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r228.getCellData(row_r194, column_r221), column_r221.format || "HH:mm:ss.ffffff"), " ");
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -16483,81 +16857,81 @@ function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_8_Temp
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r218 = i0.ɵɵnextContext().$implicit;
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r226 = i0.ɵɵnextContext(3);
+    const column_r221 = i0.ɵɵnextContext().$implicit;
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r229 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r226.getCellData(row_r191, column_r218), column_r218.format || "dd/MM/yyyy HH:mm:ss"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r229.getCellData(row_r194, column_r221), column_r221.format || "dd/MM/yyyy HH:mm:ss"), " ");
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r218 = i0.ɵɵnextContext().$implicit;
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r227 = i0.ɵɵnextContext(3);
+    const column_r221 = i0.ɵɵnextContext().$implicit;
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r230 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r227.formatNumber(ctx_r227.getCellData(row_r191, column_r218), column_r218.format), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r230.formatNumber(ctx_r230.getCellData(row_r194, column_r221), column_r221.format), " ");
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_po_table_column_link_10_Template(rf, ctx) { if (rf & 1) {
-    const _r253 = i0.ɵɵgetCurrentView();
+    const _r256 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-table-column-link", 79);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_po_table_column_link_10_Template_po_table_column_link_click_0_listener($event) { i0.ɵɵrestoreView(_r253); const column_r218 = i0.ɵɵnextContext().$implicit; const row_r191 = i0.ɵɵnextContext().$implicit; const ctx_r251 = i0.ɵɵnextContext(3); return ctx_r251.onClickLink($event, row_r191, column_r218); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_po_table_column_link_10_Template_po_table_column_link_click_0_listener($event) { i0.ɵɵrestoreView(_r256); const column_r221 = i0.ɵɵnextContext().$implicit; const row_r194 = i0.ɵɵnextContext().$implicit; const ctx_r254 = i0.ɵɵnextContext(3); return ctx_r254.onClickLink($event, row_r194, column_r221); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r218 = i0.ɵɵnextContext().$implicit;
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r228 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("p-action", column_r218.action)("p-disabled", ctx_r228.checkDisabled(row_r191, column_r218))("p-link", row_r191[column_r218.link])("p-row", row_r191)("p-value", ctx_r228.getCellData(row_r191, column_r218));
+    const column_r221 = i0.ɵɵnextContext().$implicit;
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r231 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("p-action", column_r221.action)("p-disabled", ctx_r231.checkDisabled(row_r194, column_r221))("p-link", row_r194[column_r221.link])("p-row", row_r194)("p-value", ctx_r231.getCellData(row_r194, column_r221));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_po_table_column_icon_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-table-column-icon", 80);
 } if (rf & 2) {
-    const column_r218 = i0.ɵɵnextContext().$implicit;
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r229 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("p-column", column_r218)("p-icons", ctx_r229.getColumnIcons(row_r191, column_r218))("p-row", row_r191);
+    const column_r221 = i0.ɵɵnextContext().$implicit;
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r232 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("p-column", column_r221)("p-icons", ctx_r232.getColumnIcons(row_r194, column_r221))("p-row", row_r194);
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵelement(1, "po-table-subtitle-circle", 81);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r218 = i0.ɵɵnextContext().$implicit;
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r230 = i0.ɵɵnextContext(3);
+    const column_r221 = i0.ɵɵnextContext().$implicit;
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r233 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("p-subtitle", ctx_r230.getSubtitleColumn(row_r191, column_r218));
+    i0.ɵɵproperty("p-subtitle", ctx_r233.getSubtitleColumn(row_r194, column_r221));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵelement(1, "po-table-column-label", 82);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r218 = i0.ɵɵnextContext().$implicit;
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r231 = i0.ɵɵnextContext(3);
+    const column_r221 = i0.ɵɵnextContext().$implicit;
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r234 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("p-value", ctx_r231.getColumnLabel(row_r191, column_r218));
+    i0.ɵɵproperty("p-value", ctx_r234.getColumnLabel(row_r194, column_r221));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r218 = i0.ɵɵnextContext().$implicit;
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r232 = i0.ɵɵnextContext(3);
+    const column_r221 = i0.ɵɵnextContext().$implicit;
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r235 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r232.getCellData(row_r191, column_r218));
+    i0.ɵɵtextInterpolate(ctx_r235.getCellData(row_r194, column_r221));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_Template(rf, ctx) { if (rf & 1) {
-    const _r266 = i0.ɵɵgetCurrentView();
+    const _r269 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 73);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r266); const row_r191 = i0.ɵɵnextContext().$implicit; const ctx_r265 = i0.ɵɵnextContext(3); return ctx_r265.selectable ? ctx_r265.selectRow(row_r191) : "javascript:;"; });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r269); const row_r194 = i0.ɵɵnextContext().$implicit; const ctx_r268 = i0.ɵɵnextContext(3); return ctx_r268.selectable ? ctx_r268.selectRow(row_r194) : "javascript:;"; });
     i0.ɵɵelementStart(1, "div", 74);
-    i0.ɵɵlistener("mouseenter", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_Template_div_mouseenter_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r266); const column_r218 = restoredCtx.$implicit; const row_r191 = i0.ɵɵnextContext().$implicit; const ctx_r268 = i0.ɵɵnextContext(3); return ctx_r268.tooltipMouseEnter($event, column_r218, row_r191); })("mouseleave", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_Template_div_mouseleave_1_listener() { i0.ɵɵrestoreView(_r266); const ctx_r270 = i0.ɵɵnextContext(4); return ctx_r270.tooltipMouseLeave(); });
+    i0.ɵɵlistener("mouseenter", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_Template_div_mouseenter_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r269); const column_r221 = restoredCtx.$implicit; const row_r194 = i0.ɵɵnextContext().$implicit; const ctx_r271 = i0.ɵɵnextContext(3); return ctx_r271.tooltipMouseEnter($event, column_r221, row_r194); })("mouseleave", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_Template_div_mouseleave_1_listener() { i0.ɵɵrestoreView(_r269); const ctx_r273 = i0.ɵɵnextContext(4); return ctx_r273.tooltipMouseLeave(); });
     i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_2_Template, 2, 4, "span", 75);
     i0.ɵɵtemplate(3, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_3_Template, 2, 5, "span", 75);
     i0.ɵɵtemplate(4, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_4_Template, 2, 1, "span", 75);
@@ -16573,15 +16947,15 @@ function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_Template(rf
     i0.ɵɵtemplate(14, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_14_Template, 2, 1, "span", 78);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const column_r218 = ctx.$implicit;
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r197 = i0.ɵɵnextContext(3);
-    i0.ɵɵstyleProp("width", column_r218.width)("max-width", column_r218.width)("min-width", column_r218.width);
-    i0.ɵɵclassProp("po-table-column", column_r218.type !== "icon")("po-table-column-right", column_r218.type === "currency" || column_r218.type === "number")("po-table-column-center", column_r218.type === "subtitle")("po-table-column-icons", column_r218.type === "icon");
-    i0.ɵɵproperty("ngClass", ctx_r197.getClassColor(row_r191, column_r218));
+    const column_r221 = ctx.$implicit;
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r200 = i0.ɵɵnextContext(3);
+    i0.ɵɵstyleProp("width", column_r221.width)("max-width", column_r221.width)("min-width", column_r221.width);
+    i0.ɵɵclassProp("po-table-column", column_r221.type !== "icon")("po-table-column-right", column_r221.type === "currency" || column_r221.type === "number")("po-table-column-center", column_r221.type === "subtitle")("po-table-column-icons", column_r221.type === "icon");
+    i0.ɵɵproperty("ngClass", ctx_r200.getClassColor(row_r194, column_r221));
     i0.ɵɵadvance(1);
-    i0.ɵɵclassProp("po-table-body-ellipsis", ctx_r197.hideTextOverflow);
-    i0.ɵɵproperty("ngSwitch", column_r218.type)("p-tooltip", ctx_r197.tooltipText);
+    i0.ɵɵclassProp("po-table-body-ellipsis", ctx_r200.hideTextOverflow);
+    i0.ɵɵproperty("ngSwitch", column_r221.type)("p-tooltip", ctx_r200.tooltipText);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngSwitchCase", "columnTemplate");
     i0.ɵɵadvance(1);
@@ -16609,34 +16983,34 @@ function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_Template(rf
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_7_ng_template_1_Template(rf, ctx) { }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_7_Template(rf, ctx) { if (rf & 1) {
-    const _r275 = i0.ɵɵgetCurrentView();
+    const _r278 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 71);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_7_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r275); const row_r191 = i0.ɵɵnextContext().$implicit; const ctx_r273 = i0.ɵɵnextContext(3); return ctx_r273.toggleDetail(row_r191); });
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_7_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r278); const row_r194 = i0.ɵɵnextContext().$implicit; const ctx_r276 = i0.ɵɵnextContext(3); return ctx_r276.toggleDetail(row_r194); });
     i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_7_ng_template_1_Template, 0, 0, "ng-template", 72);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r276 = i0.ɵɵnextContext();
-    const row_r191 = ctx_r276.$implicit;
-    const rowIndex_r192 = ctx_r276.index;
+    const ctx_r279 = i0.ɵɵnextContext();
+    const row_r194 = ctx_r279.$implicit;
+    const rowIndex_r195 = ctx_r279.index;
     i0.ɵɵnextContext(3);
     const _r11 = i0.ɵɵreference(13);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c11, row_r191, rowIndex_r192));
+    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r194, rowIndex_r195));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_8_ng_template_0_Template(rf, ctx) { }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, PoTableComponent_ng_template_8_ng_container_12_tbody_1_8_ng_template_0_Template, 0, 0, "ng-template", 72);
 } if (rf & 2) {
-    const ctx_r278 = i0.ɵɵnextContext();
-    const row_r191 = ctx_r278.$implicit;
-    const rowIndex_r192 = ctx_r278.index;
+    const ctx_r281 = i0.ɵɵnextContext();
+    const row_r194 = ctx_r281.$implicit;
+    const rowIndex_r195 = ctx_r281.index;
     i0.ɵɵnextContext(3);
     const _r23 = i0.ɵɵreference(25);
-    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c11, row_r191, rowIndex_r192));
+    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r194, rowIndex_r195));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_ng_container_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelement(1, "td", 88);
+    i0.ɵɵelement(1, "td", 89);
     i0.ɵɵelementContainerEnd();
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_10_Template(rf, ctx) { if (rf & 1) {
@@ -16648,31 +17022,31 @@ function PoTableComponent_ng_template_8_ng_container_12_tbody_1_tr_11_Template(r
     i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_ng_container_12_tbody_1_tr_11_ng_template_2_Template, 0, 0, "ng-template", 72);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r280 = i0.ɵɵnextContext();
-    const row_r191 = ctx_r280.$implicit;
-    const rowIndex_r192 = ctx_r280.index;
-    const ctx_r202 = i0.ɵɵnextContext(3);
+    const ctx_r283 = i0.ɵɵnextContext();
+    const row_r194 = ctx_r283.$implicit;
+    const rowIndex_r195 = ctx_r283.index;
+    const ctx_r205 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("colSpan", ctx_r202.columnCountForMasterDetail);
+    i0.ɵɵproperty("colSpan", ctx_r205.columnCountForMasterDetail);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r202.tableRowTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c13, row_r191, rowIndex_r192));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r205.tableRowTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c14, row_r194, rowIndex_r195));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_tr_12_Template(rf, ctx) { if (rf & 1) {
-    const _r282 = i0.ɵɵgetCurrentView();
+    const _r285 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "tr")(1, "td", 86)(2, "po-table-detail", 87);
-    i0.ɵɵlistener("p-select-row", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_tr_12_Template_po_table_detail_p_select_row_2_listener($event) { i0.ɵɵrestoreView(_r282); const ctx_r281 = i0.ɵɵnextContext(4); return ctx_r281.selectDetailRow($event); });
+    i0.ɵɵlistener("p-select-row", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_tr_12_Template_po_table_detail_p_select_row_2_listener($event) { i0.ɵɵrestoreView(_r285); const ctx_r284 = i0.ɵɵnextContext(4); return ctx_r284.selectDetailRow($event); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const row_r191 = i0.ɵɵnextContext().$implicit;
-    const ctx_r203 = i0.ɵɵnextContext(3);
+    const row_r194 = i0.ɵɵnextContext().$implicit;
+    const ctx_r206 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("colSpan", ctx_r203.columnCountForMasterDetail);
+    i0.ɵɵproperty("colSpan", ctx_r206.columnCountForMasterDetail);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("p-selectable", ctx_r203.selectable && !ctx_r203.detailHideSelect)("p-detail", ctx_r203.columnMasterDetail.detail)("p-items", row_r191[ctx_r203.nameColumnDetail]);
+    i0.ɵɵproperty("p-selectable", ctx_r206.selectable && !ctx_r206.detailHideSelect)("p-detail", ctx_r206.columnMasterDetail.detail)("p-items", row_r194[ctx_r206.nameColumnDetail]);
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tbody", 63)(1, "tr", 67);
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_2_Template, 2, 4, "td", 39);
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_2_Template, 2, 4, "td", 40);
     i0.ɵɵtemplate(3, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_3_Template, 2, 5, "td", 68);
     i0.ɵɵtemplate(4, PoTableComponent_ng_template_8_ng_container_12_tbody_1_4_Template, 1, 5, null, 23);
     i0.ɵɵtemplate(5, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_5_Template, 2, 5, "td", 68);
@@ -16686,53 +17060,53 @@ function PoTableComponent_ng_template_8_ng_container_12_tbody_1_Template(rf, ctx
     i0.ɵɵtemplate(12, PoTableComponent_ng_template_8_ng_container_12_tbody_1_tr_12_Template, 3, 4, "tr", 23);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r191 = ctx.$implicit;
-    const rowIndex_r192 = ctx.index;
-    const ctx_r190 = i0.ɵɵnextContext(3);
+    const row_r194 = ctx.$implicit;
+    const rowIndex_r195 = ctx.index;
+    const ctx_r193 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵclassProp("po-table-row-active", row_r191.$selected || row_r191.$selected === null && ctx_r190.selectable);
+    i0.ɵɵclassProp("po-table-row-active", row_r194.$selected || row_r194.$selected === null && ctx_r193.selectable);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r190.selectable);
+    i0.ɵɵproperty("ngIf", ctx_r193.selectable);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r190.columnMasterDetail && !ctx_r190.hideDetail && !ctx_r190.hasRowTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r193.columnMasterDetail && !ctx_r193.hideDetail && !ctx_r193.hasRowTemplate);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r190.actionRight && (ctx_r190.visibleActions.length > 1 || ctx_r190.isSingleAction));
+    i0.ɵɵproperty("ngIf", !ctx_r193.actionRight && (ctx_r193.visibleActions.length > 1 || ctx_r193.isSingleAction));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r190.hasRowTemplate && !ctx_r190.hasRowTemplateWithArrowDirectionRight);
+    i0.ɵɵproperty("ngIf", ctx_r193.hasRowTemplate && !ctx_r193.hasRowTemplateWithArrowDirectionRight);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r190.mainColumns)("ngForTrackBy", ctx_r190.trackBy);
+    i0.ɵɵproperty("ngForOf", ctx_r193.mainColumns)("ngForTrackBy", ctx_r193.trackBy);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r190.hasRowTemplateWithArrowDirectionRight);
+    i0.ɵɵproperty("ngIf", ctx_r193.hasRowTemplateWithArrowDirectionRight);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r190.actionRight);
+    i0.ɵɵproperty("ngIf", ctx_r193.actionRight);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r190.actionRight && (ctx_r190.visibleActions.length > 1 || ctx_r190.isSingleAction) && !ctx_r190.hideColumnsManager);
+    i0.ɵɵproperty("ngIf", !ctx_r193.actionRight && (ctx_r193.visibleActions.length > 1 || ctx_r193.isSingleAction) && !ctx_r193.hideColumnsManager);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r190.hasVisibleActions && !ctx_r190.hideColumnsManager && !ctx_r190.hasRowTemplateWithArrowDirectionRight);
+    i0.ɵɵproperty("ngIf", !ctx_r193.hasVisibleActions && !ctx_r193.hideColumnsManager && !ctx_r193.hasRowTemplateWithArrowDirectionRight);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r190.hasMainColumns && ctx_r190.hasRowTemplate && row_r191.$showDetail && ctx_r190.isShowRowTemplate(row_r191, rowIndex_r192));
+    i0.ɵɵproperty("ngIf", ctx_r193.hasMainColumns && ctx_r193.hasRowTemplate && row_r194.$showDetail && ctx_r193.isShowRowTemplate(row_r194, rowIndex_r195));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r190.hasMainColumns && ctx_r190.isShowMasterDetail(row_r191));
+    i0.ɵɵproperty("ngIf", ctx_r193.hasMainColumns && ctx_r193.isShowMasterDetail(row_r194));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_Template, 13, 14, "tbody", 66);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_Template, 13, 14, "tbody", 88);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r173 = i0.ɵɵnextContext(2);
+    const ctx_r175 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r173.items)("ngForTrackBy", ctx_r173.trackBy);
+    i0.ɵɵproperty("ngForOf", ctx_r175.items)("ngForTrackBy", ctx_r175.trackBy);
 } }
 function PoTableComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 38)(1, "thead")(2, "tr");
-    i0.ɵɵtemplate(3, PoTableComponent_ng_template_8_th_3_Template, 4, 4, "th", 39);
-    i0.ɵɵtemplate(4, PoTableComponent_ng_template_8_th_4_Template, 1, 0, "th", 40);
-    i0.ɵɵtemplate(5, PoTableComponent_ng_template_8_th_5_Template, 1, 4, "th", 41);
-    i0.ɵɵtemplate(6, PoTableComponent_ng_template_8_th_6_Template, 3, 3, "th", 42);
-    i0.ɵɵtemplate(7, PoTableComponent_ng_template_8_th_7_Template, 4, 20, "th", 43);
-    i0.ɵɵtemplate(8, PoTableComponent_ng_template_8_th_8_Template, 1, 0, "th", 40);
-    i0.ɵɵtemplate(9, PoTableComponent_ng_template_8_th_9_Template, 1, 4, "th", 44);
-    i0.ɵɵtemplate(10, PoTableComponent_ng_template_8_th_10_Template, 5, 13, "th", 45);
+    i0.ɵɵelementStart(0, "table", 39)(1, "thead")(2, "tr");
+    i0.ɵɵtemplate(3, PoTableComponent_ng_template_8_th_3_Template, 3, 3, "th", 40);
+    i0.ɵɵtemplate(4, PoTableComponent_ng_template_8_th_4_Template, 1, 0, "th", 41);
+    i0.ɵɵtemplate(5, PoTableComponent_ng_template_8_th_5_Template, 1, 4, "th", 42);
+    i0.ɵɵtemplate(6, PoTableComponent_ng_template_8_th_6_Template, 3, 3, "th", 43);
+    i0.ɵɵtemplate(7, PoTableComponent_ng_template_8_th_7_Template, 4, 20, "th", 44);
+    i0.ɵɵtemplate(8, PoTableComponent_ng_template_8_th_8_Template, 1, 0, "th", 41);
+    i0.ɵɵtemplate(9, PoTableComponent_ng_template_8_th_9_Template, 1, 4, "th", 45);
+    i0.ɵɵtemplate(10, PoTableComponent_ng_template_8_th_10_Template, 5, 13, "th", 46);
     i0.ɵɵelementEnd()();
     i0.ɵɵtemplate(11, PoTableComponent_ng_template_8_tbody_11_Template, 5, 2, "tbody", 62);
     i0.ɵɵtemplate(12, PoTableComponent_ng_template_8_ng_container_12_Template, 2, 2, "ng-container", 23);
@@ -16764,65 +17138,64 @@ function PoTableComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r9.hasMainColumns);
 } }
 function PoTableComponent_ng_template_12_span_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 90);
+    i0.ɵɵelement(0, "span", 91);
 } if (rf & 2) {
-    const row_r284 = i0.ɵɵnextContext().row;
-    i0.ɵɵclassProp("po-icon-arrow-up", row_r284.$showDetail)("po-icon-arrow-down", !row_r284.$showDetail);
+    const row_r287 = i0.ɵɵnextContext().row;
+    i0.ɵɵclassProp("po-icon-arrow-up", row_r287.$showDetail)("po-icon-arrow-down", !row_r287.$showDetail);
 } }
 function PoTableComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PoTableComponent_ng_template_12_span_0_Template, 1, 4, "span", 89);
+    i0.ɵɵtemplate(0, PoTableComponent_ng_template_12_span_0_Template, 1, 4, "span", 90);
 } if (rf & 2) {
-    const row_r284 = ctx.row;
-    const rowIndex_r285 = ctx.rowIndex;
+    const row_r287 = ctx.row;
+    const rowIndex_r288 = ctx.rowIndex;
     const ctx_r12 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngIf", ctx_r12.containsMasterDetail(row_r284) && !ctx_r12.hasRowTemplate || ctx_r12.isShowRowTemplate(row_r284, rowIndex_r285) && ctx_r12.hasRowTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r12.containsMasterDetail(row_r287) && !ctx_r12.hasRowTemplate || ctx_r12.isShowRowTemplate(row_r287, rowIndex_r288) && ctx_r12.hasRowTemplate);
 } }
 function PoTableComponent_ng_template_14_Template(rf, ctx) { if (rf & 1) {
-    const _r290 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelement(0, "input", 91);
-    i0.ɵɵelementStart(1, "label", 92);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_14_Template_label_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r290); const row_r288 = restoredCtx.$implicit; const ctx_r289 = i0.ɵɵnextContext(); return ctx_r289.selectable ? ctx_r289.selectRow(row_r288) : "javascript:;"; });
+    const _r293 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelement(0, "input", 92);
+    i0.ɵɵelementStart(1, "label", 93);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_14_Template_label_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r293); const row_r291 = restoredCtx.$implicit; const ctx_r292 = i0.ɵɵnextContext(); return ctx_r292.selectable ? ctx_r292.selectRow(row_r291) : "javascript:;"; });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r288 = ctx.$implicit;
-    i0.ɵɵclassProp("po-table-radio-checked", row_r288.$selected);
+    const row_r291 = ctx.$implicit;
+    i0.ɵɵclassProp("po-table-radio-checked", row_r291.$selected);
 } }
 function PoTableComponent_ng_template_16_Template(rf, ctx) { if (rf & 1) {
-    const _r293 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelement(0, "input", 49);
-    i0.ɵɵelementStart(1, "label", 50);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_16_Template_label_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r293); const row_r291 = restoredCtx.$implicit; const ctx_r292 = i0.ɵɵnextContext(); return ctx_r292.selectable ? ctx_r292.selectRow(row_r291) : "javascript:;"; });
+    const _r296 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "po-checkbox", 94);
+    i0.ɵɵlistener("p-change", function PoTableComponent_ng_template_16_Template_po_checkbox_p_change_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r296); const row_r294 = restoredCtx.$implicit; const ctx_r295 = i0.ɵɵnextContext(); return ctx_r295.selectable ? ctx_r295.selectRow(row_r294) : "javascript:;"; })("ngModelChange", function PoTableComponent_ng_template_16_Template_po_checkbox_ngModelChange_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r296); const row_r294 = restoredCtx.$implicit; return row_r294.$selected = $event; })("click", function PoTableComponent_ng_template_16_Template_po_checkbox_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r296); const row_r294 = restoredCtx.$implicit; const ctx_r298 = i0.ɵɵnextContext(); return ctx_r298.selectable ? ctx_r298.selectRow(row_r294) : "javascript:;"; });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r291 = ctx.$implicit;
-    i0.ɵɵclassProp("po-table-checkbox-checked", row_r291.$selected);
+    const row_r294 = ctx.$implicit;
+    i0.ɵɵproperty("ngModel", row_r294.$selected);
 } }
 function PoTableComponent_ng_template_18_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span");
 } if (rf & 2) {
-    const column_r294 = i0.ɵɵnextContext().$implicit;
-    const ctx_r296 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("po-table-header-icon-unselected", (ctx_r296.sortedColumn == null ? null : ctx_r296.sortedColumn.property) !== column_r294)("po-table-header-icon-descending", (ctx_r296.sortedColumn == null ? null : ctx_r296.sortedColumn.property) === column_r294 && ctx_r296.sortedColumn.ascending)("po-table-header-icon-ascending", (ctx_r296.sortedColumn == null ? null : ctx_r296.sortedColumn.property) === column_r294 && !ctx_r296.sortedColumn.ascending);
+    const column_r299 = i0.ɵɵnextContext().$implicit;
+    const ctx_r301 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("po-table-header-icon-unselected", (ctx_r301.sortedColumn == null ? null : ctx_r301.sortedColumn.property) !== column_r299)("po-table-header-icon-descending", (ctx_r301.sortedColumn == null ? null : ctx_r301.sortedColumn.property) === column_r299 && ctx_r301.sortedColumn.ascending)("po-table-header-icon-ascending", (ctx_r301.sortedColumn == null ? null : ctx_r301.sortedColumn.property) === column_r299 && !ctx_r301.sortedColumn.ascending);
 } }
 function PoTableComponent_ng_template_18_Template(rf, ctx) { if (rf & 1) {
-    const _r299 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 93, 94);
-    i0.ɵɵlistener("mouseenter", function PoTableComponent_ng_template_18_Template_span_mouseenter_0_listener($event) { i0.ɵɵrestoreView(_r299); const ctx_r298 = i0.ɵɵnextContext(); return ctx_r298.tooltipMouseEnter($event); })("mouseleave", function PoTableComponent_ng_template_18_Template_span_mouseleave_0_listener() { i0.ɵɵrestoreView(_r299); const ctx_r300 = i0.ɵɵnextContext(); return ctx_r300.tooltipMouseLeave(); });
+    const _r304 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 95, 96);
+    i0.ɵɵlistener("mouseenter", function PoTableComponent_ng_template_18_Template_span_mouseenter_0_listener($event) { i0.ɵɵrestoreView(_r304); const ctx_r303 = i0.ɵɵnextContext(); return ctx_r303.tooltipMouseEnter($event); })("mouseleave", function PoTableComponent_ng_template_18_Template_span_mouseleave_0_listener() { i0.ɵɵrestoreView(_r304); const ctx_r305 = i0.ɵɵnextContext(); return ctx_r305.tooltipMouseLeave(); });
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "titlecase");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, PoTableComponent_ng_template_18_span_4_Template, 1, 6, "span", 95);
+    i0.ɵɵtemplate(4, PoTableComponent_ng_template_18_span_4_Template, 1, 6, "span", 97);
 } if (rf & 2) {
-    const column_r294 = ctx.$implicit;
+    const column_r299 = ctx.$implicit;
     const ctx_r18 = i0.ɵɵnextContext();
     i0.ɵɵproperty("p-tooltip", ctx_r18.tooltipText);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", column_r294.label || i0.ɵɵpipeBind1(3, 3, column_r294.property), " ");
+    i0.ɵɵtextInterpolate1(" ", column_r299.label || i0.ɵɵpipeBind1(3, 3, column_r299.property), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r18.sort && column_r294.sortable !== false);
+    i0.ɵɵproperty("ngIf", ctx_r18.sort && column_r299.sortable !== false);
 } }
 function PoTableComponent_ng_template_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 96);
+    i0.ɵɵelementStart(0, "div", 98);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -16838,45 +17211,45 @@ function PoTableComponent_ng_template_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate1(" ", ctx_r22.hasValidColumns ? ctx_r22.literals.noVisibleColumn : ctx_r22.literals.noColumns, "\n");
 } }
 function PoTableComponent_ng_template_24_td_0_div_1_po_icon_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "po-icon", 103);
+    i0.ɵɵelement(0, "po-icon", 105);
 } if (rf & 2) {
-    const ctx_r306 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("p-icon", ctx_r306.firstAction.icon);
+    const ctx_r311 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("p-icon", ctx_r311.firstAction.icon);
 } }
 function PoTableComponent_ng_template_24_td_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r309 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 101);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_24_td_0_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r309); const row_r301 = i0.ɵɵnextContext(2).row; const ctx_r307 = i0.ɵɵnextContext(); return ctx_r307.executeTableAction(row_r301, ctx_r307.firstAction); });
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_24_td_0_div_1_po_icon_1_Template, 1, 1, "po-icon", 102);
+    const _r314 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 103);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_24_td_0_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r314); const row_r306 = i0.ɵɵnextContext(2).row; const ctx_r312 = i0.ɵɵnextContext(); return ctx_r312.executeTableAction(row_r306, ctx_r312.firstAction); });
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_24_td_0_div_1_po_icon_1_Template, 1, 1, "po-icon", 104);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r301 = i0.ɵɵnextContext(2).row;
-    const ctx_r305 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("po-table-action-disabled", ctx_r305.firstAction.disabled ? ctx_r305.validateTableAction(row_r301, ctx_r305.firstAction) : false);
+    const row_r306 = i0.ɵɵnextContext(2).row;
+    const ctx_r310 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("po-table-action-disabled", ctx_r310.firstAction.disabled ? ctx_r310.validateTableAction(row_r306, ctx_r310.firstAction) : false);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r305.firstAction.icon);
+    i0.ɵɵproperty("ngIf", ctx_r310.firstAction.icon);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r305.firstAction.label, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r310.firstAction.label, " ");
 } }
 function PoTableComponent_ng_template_24_td_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 99);
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_24_td_0_div_1_Template, 3, 4, "div", 100);
+    i0.ɵɵelementStart(0, "td", 101);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_24_td_0_div_1_Template, 3, 4, "div", 102);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r303 = i0.ɵɵnextContext(2);
+    const ctx_r308 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r303.firstAction.visible !== false);
+    i0.ɵɵproperty("ngIf", ctx_r308.firstAction.visible !== false);
 } }
 function PoTableComponent_ng_template_24_td_1_Template(rf, ctx) { if (rf & 1) {
-    const _r314 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 104)(1, "span", 105, 106);
-    i0.ɵɵlistener("click", function PoTableComponent_ng_template_24_td_1_Template_span_click_1_listener() { i0.ɵɵrestoreView(_r314); const _r311 = i0.ɵɵreference(2); const row_r301 = i0.ɵɵnextContext().row; const ctx_r312 = i0.ɵɵnextContext(); return ctx_r312.togglePopup(row_r301, _r311); });
+    const _r319 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 106)(1, "span", 107, 108);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_24_td_1_Template_span_click_1_listener() { i0.ɵɵrestoreView(_r319); const _r316 = i0.ɵɵreference(2); const row_r306 = i0.ɵɵnextContext().row; const ctx_r317 = i0.ɵɵnextContext(); return ctx_r317.togglePopup(row_r306, _r316); });
     i0.ɵɵelementEnd()();
 } }
 function PoTableComponent_ng_template_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PoTableComponent_ng_template_24_td_0_Template, 2, 1, "td", 97);
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_24_td_1_Template, 3, 0, "td", 98);
+    i0.ɵɵtemplate(0, PoTableComponent_ng_template_24_td_0_Template, 2, 1, "td", 99);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_24_td_1_Template, 3, 0, "td", 100);
 } if (rf & 2) {
     const ctx_r24 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngIf", ctx_r24.isSingleAction);
@@ -16884,9 +17257,9 @@ function PoTableComponent_ng_template_24_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r24.visibleActions.length > 1);
 } }
 function PoTableComponent_po_table_column_manager_26_Template(rf, ctx) { if (rf & 1) {
-    const _r316 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "po-table-column-manager", 107);
-    i0.ɵɵlistener("p-visible-columns-change", function PoTableComponent_po_table_column_manager_26_Template_po_table_column_manager_p_visible_columns_change_0_listener($event) { i0.ɵɵrestoreView(_r316); const ctx_r315 = i0.ɵɵnextContext(); return ctx_r315.onVisibleColumnsChange($event); })("p-change-visible-columns", function PoTableComponent_po_table_column_manager_26_Template_po_table_column_manager_p_change_visible_columns_0_listener($event) { i0.ɵɵrestoreView(_r316); const ctx_r317 = i0.ɵɵnextContext(); return ctx_r317.onChangeVisibleColumns($event); })("p-initial-columns", function PoTableComponent_po_table_column_manager_26_Template_po_table_column_manager_p_initial_columns_0_listener($event) { i0.ɵɵrestoreView(_r316); const ctx_r318 = i0.ɵɵnextContext(); return ctx_r318.onColumnRestoreManager($event); });
+    const _r321 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "po-table-column-manager", 109);
+    i0.ɵɵlistener("p-visible-columns-change", function PoTableComponent_po_table_column_manager_26_Template_po_table_column_manager_p_visible_columns_change_0_listener($event) { i0.ɵɵrestoreView(_r321); const ctx_r320 = i0.ɵɵnextContext(); return ctx_r320.onVisibleColumnsChange($event); })("p-change-visible-columns", function PoTableComponent_po_table_column_manager_26_Template_po_table_column_manager_p_change_visible_columns_0_listener($event) { i0.ɵɵrestoreView(_r321); const ctx_r322 = i0.ɵɵnextContext(); return ctx_r322.onChangeVisibleColumns($event); })("p-initial-columns", function PoTableComponent_po_table_column_manager_26_Template_po_table_column_manager_p_initial_columns_0_listener($event) { i0.ɵɵrestoreView(_r321); const ctx_r323 = i0.ɵɵnextContext(); return ctx_r323.onColumnRestoreManager($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r25 = i0.ɵɵnextContext();
@@ -17029,6 +17402,7 @@ class PoTableComponent extends PoTableBaseComponent {
             this.checkInfiniteScroll();
             this.visibleElement = true;
         }
+        document.body.offsetWidth > 1366 ? (this.itemSize = 44) : (this.itemSize = 32);
     }
     ngOnDestroy() {
         this.removeListeners();
@@ -17285,7 +17659,7 @@ class PoTableComponent extends PoTableBaseComponent {
         return template.templateRef;
     }
     syncronizeHorizontalScroll() {
-        this.poTableThead.nativeElement.scrollLeft = this.poTableTbody.nativeElement.scrollLeft;
+        this.poTableThead.nativeElement.scrollLeft = this.poTableTbodyVirtual.nativeElement.scrollLeft;
     }
     calculateHeightTableContainer(height) {
         const value = parseFloat(height);
@@ -17303,11 +17677,12 @@ class PoTableComponent extends PoTableBaseComponent {
                     }
                 });
             }
+            this.changeDetector.detectChanges();
         });
     }
     checkInfiniteScroll() {
         if (this.hasInfiniteScroll()) {
-            if (this.poTableTbody.nativeElement.scrollHeight > this.height) {
+            if (this.poTableTbodyVirtual.nativeElement.scrollHeight >= this.height) {
                 this.includeInfiniteScroll();
             }
             else {
@@ -17354,11 +17729,12 @@ class PoTableComponent extends PoTableBaseComponent {
             this.hasItems &&
             !this.subscriptionScrollEvent &&
             this.height &&
-            this.poTableTbody.nativeElement.scrollHeight);
+            this.poTableTbodyVirtual.nativeElement.scrollHeight);
     }
     includeInfiniteScroll() {
-        this.scrollEvent$ = this.defaultService.scrollListener(this.poTableTbody.nativeElement);
+        this.scrollEvent$ = this.defaultService.scrollListener(this.poTableTbodyVirtual.nativeElement);
         this.subscriptionScrollEvent = this.scrollEvent$.subscribe(event => this.showMoreInfiniteScroll(event));
+        this.changeDetector.detectChanges();
     }
     mergeCustomIcons(rowIcons, customIcons) {
         const mergedIcons = [];
@@ -17419,16 +17795,17 @@ PoTableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTableCom
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tableCellTemplate = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tableColumnTemplates = _t);
     } }, viewQuery: function PoTableComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$W, 5, ElementRef);
+        i0.ɵɵviewQuery(_c0$V, 5, ElementRef);
         i0.ɵɵviewQuery(_c1$p, 5);
         i0.ɵɵviewQuery(_c2$a, 5, ElementRef);
         i0.ɵɵviewQuery(_c3$6, 5, ElementRef);
         i0.ɵɵviewQuery(_c4$4, 5, ElementRef);
         i0.ɵɵviewQuery(_c5$2, 5, ElementRef);
-        i0.ɵɵviewQuery(_c6$2, 5);
-        i0.ɵɵviewQuery(_c7$1, 5, ElementRef);
+        i0.ɵɵviewQuery(_c6$2, 5, ElementRef);
+        i0.ɵɵviewQuery(_c7$1, 5);
         i0.ɵɵviewQuery(_c8$1, 5, ElementRef);
-        i0.ɵɵviewQuery(_c9, 5);
+        i0.ɵɵviewQuery(_c9, 5, ElementRef);
+        i0.ɵɵviewQuery(_c10, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.noColumnsHeader = _t.first);
@@ -17437,21 +17814,22 @@ PoTableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTableCom
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tableWrapperElement = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.poTableTbody = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.poTableThead = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.poTableTbodyVirtual = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.columnManagerTarget = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.actionsIconElement = _t);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.actionsElement = _t);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headersTable = _t);
-    } }, features: [i0.ɵɵProvidersFeature([PoDateService]), i0.ɵɵInheritDefinitionFeature], decls: 27, vars: 6, consts: [["p-no-padding", "", 3, "p-no-shadow", 4, "ngIf", "ngIfElse"], ["tableContainerTemplate", ""], ["class", "po-row po-table-footer-show-more", 3, "po-invisible", 4, "ngIf"], ["tableHeaderTemplate", ""], ["tableBodyTemplate", ""], ["tableTemplate", ""], [3, "p-actions", "p-target"], ["popup", ""], ["poTableColumnDetail", ""], ["inputRadio", ""], ["inputCheckbox", ""], ["contentHeaderTemplate", ""], ["noColumnsWithHeight", ""], ["noColumnsWithoutHeight", ""], ["ActionsColumnTemplate", ""], [3, "p-columns", "p-max-columns", "p-target", "p-last-visible-columns-selected", "p-columns-default", "p-visible-columns-change", "p-change-visible-columns", "p-initial-columns", 4, "ngIf"], ["p-no-padding", "", 3, "p-no-shadow"], [4, "ngTemplateOutlet"], ["class", "po-table-overlay", 4, "ngIf"], [1, "po-table-main-container"], [1, "po-table-wrapper"], ["tableWrapper", ""], ["class", "po-table-container", 3, "height", 4, "ngIf"], [4, "ngIf"], ["class", "po-table-footer", 4, "ngIf"], [1, "po-table-overlay"], [1, "po-table-overlay-content", 3, "p-text"], [1, "po-table-container"], [1, "po-table-header-fixed", "po-table-header"], ["poTableThead", ""], [1, "po-table-container-fixed-inner", 3, "scroll"], ["poTableTbody", ""], [1, "po-table-footer"], [4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "p-literals", "p-subtitles"], [1, "po-row", "po-table-footer-show-more"], ["tableFooter", ""], [1, "po-offset-xl-4", "po-offset-lg-4", "po-offset-md-3", "po-lg-4", "po-md-6", 3, "p-disabled", "p-label", "p-loading", "p-click"], [1, "po-table"], ["class", "po-table-column-selectable", 4, "ngIf"], ["class", "po-table-header-column po-table-header-master-detail", 4, "ngIf"], [3, "po-table-header-master-detail", "po-table-header-single-action", 4, "ngIf"], ["class", "po-table-header-column po-text-center", 4, "ngIf"], ["class", "po-table-header-ellipsis", 3, "width", "max-width", "min-width", "po-clickable", "po-table-header-subtitle", "click", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "po-table-header-single-action", "po-table-header-actions", 4, "ngIf"], [3, "po-table-header-column-manager", "po-table-header-column-manager-border", "po-table-header-single-action", 4, "ngIf"], [1, "po-table-column-selectable"], ["type", "checkbox", "class", "po-table-checkbox", 3, "po-table-checkbox-checked", "po-table-checkbox-indeterminate", 4, "ngIf"], ["class", "po-table-checkbox-label po-clickable", 3, "click", 4, "ngIf"], ["type", "checkbox", 1, "po-table-checkbox"], [1, "po-table-checkbox-label", "po-clickable", 3, "click"], [1, "po-table-header-column", "po-table-header-master-detail"], [1, "po-table-header-column", "po-text-center"], ["noColumnsHeader", ""], [4, "ngIf", "ngIfThen", "ngIfElse"], [1, "po-table-header-ellipsis", 3, "click"], ["headersTable", ""], [1, "po-table-header-flex"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["columnManager", ""], ["p-tooltip-position", "left", 1, "po-table-header-column-manager-button", "po-icon", "po-icon-settings", "po-clickable", 3, "p-tooltip", "click"], ["columnManagerTarget", ""], ["class", "po-table-group-row", 4, "ngIf"], [1, "po-table-group-row"], [1, "po-table-row", "po-table-row-no-data"], [1, "po-table-no-data", "po-text-center", 3, "colSpan"], ["class", "po-table-group-row", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "po-table-row"], ["class", "po-table-column-detail-toggle", 3, "click", 4, "ngIf"], [3, "width", "max-width", "min-width", "po-table-column", "po-table-column-right", "po-table-column-center", "po-table-column-icons", "ngClass", "click", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["class", "po-table-column", 4, "ngIf"], [1, "po-table-column-detail-toggle", 3, "click"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "ngClass", "click"], [1, "po-table-column-cell", "notranslate", 3, "ngSwitch", "p-tooltip", "mouseenter", "mouseleave"], [4, "ngSwitchCase"], [3, "p-action", "p-disabled", "p-link", "p-row", "p-value", "click", 4, "ngSwitchCase"], [3, "p-column", "p-icons", "p-row", 4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "p-action", "p-disabled", "p-link", "p-row", "p-value", "click"], [3, "p-column", "p-icons", "p-row"], [3, "p-subtitle"], [3, "p-value"], [1, "po-table-column", "po-table-column-empty"], [1, "po-table-column"], [1, "po-table-row-template-container", 3, "colSpan"], [1, "po-table-column-detail", 3, "colSpan"], [3, "p-selectable", "p-detail", "p-items", "p-select-row"], [1, "po-table-row-no-data", "po-table-column-empty"], ["class", "po-icon po-clickable", 3, "po-icon-arrow-up", "po-icon-arrow-down", 4, "ngIf"], [1, "po-icon", "po-clickable"], ["type", "radio", 1, "po-table-radio"], [1, "po-table-radio-label", "po-clickable", 3, "click"], [1, "po-table-header-ellipsis", 3, "p-tooltip", "mouseenter", "mouseleave"], ["columnHeader", ""], [3, "po-table-header-icon-unselected", "po-table-header-icon-descending", "po-table-header-icon-ascending", 4, "ngIf"], [1, "po-table-header-fixed-inner"], ["class", "po-table-column po-table-column-single-action", 4, "ngIf"], ["class", "po-table-column-actions", 4, "ngIf"], [1, "po-table-column", "po-table-column-single-action"], ["class", "po-table-single-action po-clickable", 3, "po-table-action-disabled", "click", 4, "ngIf"], [1, "po-table-single-action", "po-clickable", 3, "click"], ["class", "po-table-single-action-content", 3, "p-icon", 4, "ngIf"], [1, "po-table-single-action-content", 3, "p-icon"], [1, "po-table-column-actions"], [1, "po-icon", "po-icon-more", "po-clickable", 3, "click"], ["popupTarget", ""], [3, "p-columns", "p-max-columns", "p-target", "p-last-visible-columns-selected", "p-columns-default", "p-visible-columns-change", "p-change-visible-columns", "p-initial-columns"]], template: function PoTableComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, features: [i0.ɵɵProvidersFeature([PoDateService]), i0.ɵɵInheritDefinitionFeature], decls: 27, vars: 6, consts: [["p-no-padding", "", 3, "p-no-shadow", 4, "ngIf", "ngIfElse"], ["tableContainerTemplate", ""], ["class", "po-row po-table-footer-show-more", 3, "po-invisible", 4, "ngIf"], ["tableHeaderTemplate", ""], ["tableBodyTemplate", ""], ["tableTemplate", ""], [3, "p-actions", "p-target"], ["popup", ""], ["poTableColumnDetail", ""], ["inputRadio", ""], ["inputCheckbox", ""], ["contentHeaderTemplate", ""], ["noColumnsWithHeight", ""], ["noColumnsWithoutHeight", ""], ["ActionsColumnTemplate", ""], [3, "p-columns", "p-max-columns", "p-target", "p-last-visible-columns-selected", "p-columns-default", "p-visible-columns-change", "p-change-visible-columns", "p-initial-columns", 4, "ngIf"], ["p-no-padding", "", 3, "p-no-shadow"], [4, "ngTemplateOutlet"], ["class", "po-table-overlay", 4, "ngIf"], [1, "po-table-main-container"], [1, "po-table-wrapper"], ["tableWrapper", ""], ["class", "po-table-container", 4, "ngIf"], [4, "ngIf"], ["class", "po-table-footer", 4, "ngIf"], [1, "po-table-overlay"], [1, "po-table-overlay-content", 3, "p-text"], [1, "po-table-container"], [1, "po-table-header-fixed", "po-table-header"], ["poTableThead", ""], [1, "po-table-container-fixed-inner"], ["poTableTbody", ""], [4, "ngIf", "ngIfThen", "ngIfElse"], [1, "po-table-footer"], [4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "p-literals", "p-subtitles"], [1, "po-row", "po-table-footer-show-more"], ["tableFooter", ""], [1, "po-offset-xl-4", "po-offset-lg-4", "po-offset-md-3", "po-lg-4", "po-md-6", 3, "p-disabled", "p-label", "p-loading", "p-click"], [1, "po-table"], ["class", "po-table-column-selectable", 4, "ngIf"], ["class", "po-table-header-column po-table-header-master-detail", 4, "ngIf"], [3, "po-table-header-master-detail", "po-table-header-single-action", 4, "ngIf"], ["class", "po-table-header-column po-text-center", 4, "ngIf"], ["class", "po-table-header-ellipsis", 3, "width", "max-width", "min-width", "po-clickable", "po-table-header-subtitle", "click", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "po-table-header-single-action", "po-table-header-actions", 4, "ngIf"], [3, "po-table-header-column-manager", "po-table-header-column-manager-border", "po-table-header-single-action", 4, "ngIf"], [1, "po-table-column-selectable"], ["name", "selectAll", 3, "ngModel", "click", "p-change", "ngModelChange", 4, "ngIf"], ["name", "selectAll", 3, "ngModel", "click", "p-change", "ngModelChange"], [1, "po-table-header-column", "po-table-header-master-detail"], [1, "po-table-header-column", "po-text-center"], ["noColumnsHeader", ""], [1, "po-table-header-ellipsis", 3, "click"], ["headersTable", ""], [1, "po-table-header-flex"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["columnManager", ""], ["p-tooltip-position", "left", 1, "po-table-header-column-manager-button", "po-icon", "po-icon-settings", "po-clickable", 3, "p-tooltip", "click"], ["columnManagerTarget", ""], [3, "itemSize", "minBufferPx", "maxBufferPx", "scroll"], ["poTableTbodyVirtual", ""], ["class", "po-table-group-row", 4, "ngIf"], [1, "po-table-group-row"], [1, "po-table-row", "po-table-row-no-data"], [1, "po-table-no-data", "po-text-center", 3, "colSpan"], ["class", "po-table-group-row", 4, "cdkVirtualFor", "cdkVirtualForOf", "cdkVirtualForTrackBy"], [1, "po-table-row"], ["class", "po-table-column-detail-toggle", 3, "click", 4, "ngIf"], [3, "width", "max-width", "min-width", "po-table-column", "po-table-column-right", "po-table-column-center", "po-table-column-icons", "ngClass", "click", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["class", "po-table-column", 4, "ngIf"], [1, "po-table-column-detail-toggle", 3, "click"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "ngClass", "click"], [1, "po-table-column-cell", "notranslate", 3, "ngSwitch", "p-tooltip", "mouseenter", "mouseleave"], [4, "ngSwitchCase"], [3, "p-action", "p-disabled", "p-link", "p-row", "p-value", "click", 4, "ngSwitchCase"], [3, "p-column", "p-icons", "p-row", 4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "p-action", "p-disabled", "p-link", "p-row", "p-value", "click"], [3, "p-column", "p-icons", "p-row"], [3, "p-subtitle"], [3, "p-value"], [1, "po-table-column", "po-table-column-empty"], [1, "po-table-column"], [1, "po-table-row-template-container", 3, "colSpan"], [1, "po-table-column-detail", 3, "colSpan"], [3, "p-selectable", "p-detail", "p-items", "p-select-row"], ["class", "po-table-group-row", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "po-table-row-no-data", "po-table-column-empty"], ["class", "po-icon po-clickable", 3, "po-icon-arrow-up", "po-icon-arrow-down", 4, "ngIf"], [1, "po-icon", "po-clickable"], ["type", "radio", 1, "po-table-radio"], [1, "po-table-radio-label", "po-clickable", 3, "click"], ["name", "checkbox", 3, "ngModel", "p-change", "ngModelChange", "click"], [1, "po-table-header-ellipsis", 3, "p-tooltip", "mouseenter", "mouseleave"], ["columnHeader", ""], [3, "po-table-header-icon-unselected", "po-table-header-icon-descending", "po-table-header-icon-ascending", 4, "ngIf"], [1, "po-table-header-fixed-inner"], ["class", "po-table-column po-table-column-single-action", 4, "ngIf"], ["class", "po-table-column-actions", 4, "ngIf"], [1, "po-table-column", "po-table-column-single-action"], ["class", "po-table-single-action po-clickable", 3, "po-table-action-disabled", "click", 4, "ngIf"], [1, "po-table-single-action", "po-clickable", 3, "click"], ["class", "po-table-single-action-content", 3, "p-icon", 4, "ngIf"], [1, "po-table-single-action-content", 3, "p-icon"], [1, "po-table-column-actions"], [1, "po-icon", "po-icon-more", "po-clickable", 3, "click"], ["popupTarget", ""], [3, "p-columns", "p-max-columns", "p-target", "p-last-visible-columns-selected", "p-columns-default", "p-visible-columns-change", "p-change-visible-columns", "p-initial-columns"]], template: function PoTableComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, PoTableComponent_po_container_0_Template, 2, 2, "po-container", 0);
         i0.ɵɵtemplate(1, PoTableComponent_ng_template_1_Template, 8, 10, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
         i0.ɵɵtemplate(3, PoTableComponent_div_3_Template, 3, 5, "div", 2);
         i0.ɵɵtemplate(4, PoTableComponent_ng_template_4_Template, 11, 15, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵtemplate(6, PoTableComponent_ng_template_6_Template, 3, 6, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
+        i0.ɵɵtemplate(6, PoTableComponent_ng_template_6_Template, 5, 11, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
         i0.ɵɵtemplate(8, PoTableComponent_ng_template_8_Template, 13, 17, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor);
         i0.ɵɵelement(10, "po-popup", 6, 7);
         i0.ɵɵtemplate(12, PoTableComponent_ng_template_12_Template, 1, 1, "ng-template", null, 8, i0.ɵɵtemplateRefExtractor);
         i0.ɵɵtemplate(14, PoTableComponent_ng_template_14_Template, 2, 2, "ng-template", null, 9, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵtemplate(16, PoTableComponent_ng_template_16_Template, 2, 2, "ng-template", null, 10, i0.ɵɵtemplateRefExtractor);
+        i0.ɵɵtemplate(16, PoTableComponent_ng_template_16_Template, 1, 1, "ng-template", null, 10, i0.ɵɵtemplateRefExtractor);
         i0.ɵɵtemplate(18, PoTableComponent_ng_template_18_Template, 5, 5, "ng-template", null, 11, i0.ɵɵtemplateRefExtractor);
         i0.ɵɵtemplate(20, PoTableComponent_ng_template_20_Template, 2, 3, "ng-template", null, 12, i0.ɵɵtemplateRefExtractor);
         i0.ɵɵtemplate(22, PoTableComponent_ng_template_22_Template, 1, 1, "ng-template", null, 13, i0.ɵɵtemplateRefExtractor);
@@ -17466,10 +17844,10 @@ PoTableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTableCom
         i0.ɵɵproperty("p-actions", ctx.actions)("p-target", ctx.popupTarget);
         i0.ɵɵadvance(16);
         i0.ɵɵproperty("ngIf", !ctx.hideColumnsManager);
-    } }, directives: [i1.NgIf, PoContainerComponent, i1.NgTemplateOutlet, PoLoadingComponent, i1.NgForOf, PoTableSubtitleFooterComponent, PoButtonComponent, PoTooltipDirective, i1.NgClass, i1.NgSwitch, i1.NgSwitchCase, PoTableColumnLinkComponent, PoTableColumnIconComponent, PoTableSubtitleCircleComponent, PoTableColumnLabelComponent, i1.NgSwitchDefault, PoTableDetailComponent, PoPopupComponent, PoIconComponent, PoTableColumnManagerComponent], pipes: [i1.CurrencyPipe, i1.DatePipe, PoTimePipe, i1.TitleCasePipe], encapsulation: 2 });
+    } }, directives: [i1.NgIf, PoContainerComponent, i1.NgTemplateOutlet, PoLoadingComponent, i1.NgForOf, PoTableSubtitleFooterComponent, PoButtonComponent, PoCheckboxComponent, i3.NgControlStatus, i3.NgModel, PoTooltipDirective, i13.CdkVirtualScrollViewport, i13.CdkFixedSizeVirtualScroll, i13.CdkVirtualForOf, i1.NgClass, i1.NgSwitch, i1.NgSwitchCase, PoTableColumnLinkComponent, PoTableColumnIconComponent, PoTableSubtitleCircleComponent, PoTableColumnLabelComponent, i1.NgSwitchDefault, PoTableDetailComponent, PoPopupComponent, PoIconComponent, PoTableColumnManagerComponent], pipes: [i1.CurrencyPipe, i1.DatePipe, PoTimePipe, i1.TitleCasePipe], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoTableComponent, [{
         type: Component,
-        args: [{ selector: 'po-table', providers: [PoDateService], template: "<po-container *ngIf=\"container; else tableContainerTemplate\" p-no-padding [p-no-shadow]=\"container === 'border'\">\n  <ng-container *ngTemplateOutlet=\"tableContainerTemplate\"></ng-container>\n</po-container>\n\n<ng-template #tableContainerTemplate>\n  <div [class.po-table-container-relative]=\"loading\">\n    <div *ngIf=\"loading\" class=\"po-table-overlay\">\n      <po-loading class=\"po-table-overlay-content\" [p-text]=\"literals.loadingData\"></po-loading>\n    </div>\n\n    <div class=\"po-table-main-container\">\n      <div\n        #tableWrapper\n        class=\"po-table-wrapper\"\n        [class.po-table-header-fixed-columns-pixels]=\"allColumnsWidthPixels\"\n        [style.opacity]=\"tableOpacity\"\n      >\n        <div *ngIf=\"height\" class=\"po-table-container\" [style.height.px]=\"heightTableContainer\">\n          <div #poTableThead class=\"po-table-header-fixed po-table-header\">\n            <ng-container *ngTemplateOutlet=\"tableHeaderTemplate\"></ng-container>\n          </div>\n          <div #poTableTbody class=\"po-table-container-fixed-inner\" (scroll)=\"syncronizeHorizontalScroll()\">\n            <ng-container *ngTemplateOutlet=\"tableBodyTemplate\"></ng-container>\n          </div>\n        </div>\n\n        <div *ngIf=\"!height\">\n          <ng-container *ngTemplateOutlet=\"tableTemplate\"></ng-container>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"po-table-footer\" *ngIf=\"hasFooter\">\n    <ng-container *ngFor=\"let column of subtitleColumns; trackBy: trackBy\">\n      <po-table-subtitle-footer [p-literals]=\"literals\" [p-subtitles]=\"column.subtitles\"> </po-table-subtitle-footer>\n    </ng-container>\n  </div>\n</ng-template>\n\n<div\n  *ngIf=\"!infiniteScroll\"\n  class=\"po-row po-table-footer-show-more\"\n  [class.po-invisible]=\"showMore.observers.length === 0 && !hasService\"\n  #tableFooter\n>\n  <po-button\n    class=\"po-offset-xl-4 po-offset-lg-4 po-offset-md-3 po-lg-4 po-md-6\"\n    [p-disabled]=\"showMoreDisabled\"\n    [p-label]=\"literals.loadMoreData\"\n    [p-loading]=\"loadingShowMore\"\n    (p-click)=\"onShowMore()\"\n  >\n  </po-button>\n</div>\n\n<ng-template #tableHeaderTemplate>\n  <table class=\"po-table\" [class.po-table-striped]=\"striped\" [class.po-table-layout-fixed]=\"hideTextOverflow\">\n    <thead>\n      <tr [class.po-table-header]=\"!height\">\n        <th *ngIf=\"hasSelectableColumn\" class=\"po-table-column-selectable\">\n          <div [class.po-table-header-fixed-inner]=\"height\">\n            <input\n              *ngIf=\"!hideSelectAll\"\n              type=\"checkbox\"\n              class=\"po-table-checkbox\"\n              [class.po-table-checkbox-checked]=\"selectAll\"\n              [class.po-table-checkbox-indeterminate]=\"selectAll === null\"\n            />\n            <label *ngIf=\"!hideSelectAll\" class=\"po-table-checkbox-label po-clickable\" (click)=\"selectAllRows()\">\n            </label>\n          </div>\n        </th>\n\n        <th\n          *ngIf=\"(hasMasterDetailColumn || hasRowTemplate) && !hasRowTemplateWithArrowDirectionRight\"\n          class=\"po-table-header-column po-table-header-master-detail\"\n        ></th>\n\n        <!-- Coluna criada para caso as a\u00E7\u00F5es fiquem no lado esquerdo -->\n        <th\n          *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n          [class.po-table-header-master-detail]=\"!isSingleAction\"\n          [class.po-table-header-single-action]=\"isSingleAction\"\n        ></th>\n\n        <th *ngIf=\"!hasMainColumns\" #noColumnsHeader class=\"po-table-header-column po-text-center\">\n          <ng-container *ngIf=\"height; then noColumnsWithHeight; else noColumnsWithoutHeight\"> </ng-container>\n        </th>\n\n        <th\n          *ngFor=\"let column of mainColumns; let i = index; trackBy: trackBy\"\n          #headersTable\n          class=\"po-table-header-ellipsis\"\n          [style.width]=\"column.width\"\n          [style.max-width]=\"column.width\"\n          [style.min-width]=\"column.width\"\n          [class.po-clickable]=\"(sort && column.sortable !== false) || hasService\"\n          [class.po-table-header-subtitle]=\"column.type === 'subtitle'\"\n          (click)=\"sortColumn(column)\"\n        >\n          <div\n            class=\"po-table-header-flex\"\n            [class.po-table-header-fixed-inner]=\"height\"\n            [class.po-table-header-flex-right]=\"column.type === 'currency' || column.type === 'number'\"\n            [class.po-table-header-flex-center]=\"column.type === 'subtitle'\"\n          >\n            <ng-container *ngTemplateOutlet=\"contentHeaderTemplate; context: { $implicit: column }\"> </ng-container>\n          </div>\n        </th>\n\n        <th\n          *ngIf=\"hasRowTemplateWithArrowDirectionRight && (hasVisibleActions || hideColumnsManager)\"\n          class=\"po-table-header-column po-table-header-master-detail\"\n        ></th>\n\n        <th\n          *ngIf=\"hasVisibleActions && hideColumnsManager && actionRight\"\n          [class.po-table-header-single-action]=\"isSingleAction\"\n          [class.po-table-header-actions]=\"!isSingleAction\"\n        ></th>\n\n        <th\n          #columnManager\n          *ngIf=\"hasValidColumns && !hideColumnsManager\"\n          [class.po-table-header-column-manager]=\"!isSingleAction || !actionRight\"\n          [class.po-table-header-column-manager-border]=\"!height && container\"\n          [class.po-table-header-single-action]=\"isSingleAction && actionRight\"\n        >\n          <div\n            [class.po-table-header-column-manager-border]=\"height && container\"\n            [class.po-table-header-column-manager-fixed-inner]=\"height\"\n            [style.width.px]=\"height && visibleActions.length ? columnManager.offsetWidth : undefined\"\n          >\n            <button\n              #columnManagerTarget\n              class=\"po-table-header-column-manager-button po-icon po-icon-settings po-clickable\"\n              p-tooltip-position=\"left\"\n              [p-tooltip]=\"literals.columnsManager\"\n              (click)=\"onOpenColumnManager()\"\n            ></button>\n          </div>\n        </th>\n      </tr>\n    </thead>\n  </table>\n</ng-template>\n\n<ng-template #tableBodyTemplate>\n  <table class=\"po-table\" [class.po-table-striped]=\"striped\" [class.po-table-layout-fixed]=\"hideTextOverflow\">\n    <tbody class=\"po-table-group-row\" *ngIf=\"!hasItems || !hasMainColumns\">\n      <tr class=\"po-table-row po-table-row-no-data\">\n        <td [colSpan]=\"columnCount\" class=\"po-table-no-data po-text-center\">\n          <span> {{ literals.noData }} </span>\n        </td>\n      </tr>\n    </tbody>\n\n    <ng-container *ngIf=\"hasMainColumns\">\n      <tbody class=\"po-table-group-row\" *ngFor=\"let row of items; let rowIndex = index; trackBy: trackBy\">\n        <tr class=\"po-table-row\" [class.po-table-row-active]=\"row.$selected || (row.$selected === null && selectable)\">\n          <td *ngIf=\"selectable\" class=\"po-table-column-selectable\">\n            <ng-container *ngTemplateOutlet=\"singleSelect ? inputRadio : inputCheckbox; context: { $implicit: row }\">\n            </ng-container>\n          </td>\n\n          <!-- Valida se a origem do detail \u00E9 pelo input do po-table -->\n          <td\n            *ngIf=\"columnMasterDetail && !hideDetail && !hasRowTemplate\"\n            class=\"po-table-column-detail-toggle\"\n            (click)=\"toggleDetail(row)\"\n          >\n            <ng-template\n              [ngTemplateOutlet]=\"poTableColumnDetail\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n\n          <!-- Coluna com as a\u00E7\u00F5es na esquerda (padr\u00E3o)-->\n          <ng-template\n            *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n            [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n            [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n          >\n          </ng-template>\n\n          <!-- Valida se a origem do detail \u00E9 pela diretiva -->\n          <td\n            *ngIf=\"hasRowTemplate && !hasRowTemplateWithArrowDirectionRight\"\n            class=\"po-table-column-detail-toggle\"\n            (click)=\"toggleDetail(row)\"\n          >\n            <ng-template\n              [ngTemplateOutlet]=\"poTableColumnDetail\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n\n          <td\n            *ngFor=\"let column of mainColumns; let columnIndex = index; trackBy: trackBy\"\n            [style.width]=\"column.width\"\n            [style.max-width]=\"column.width\"\n            [style.min-width]=\"column.width\"\n            [class.po-table-column]=\"column.type !== 'icon'\"\n            [class.po-table-column-right]=\"column.type === 'currency' || column.type === 'number'\"\n            [class.po-table-column-center]=\"column.type === 'subtitle'\"\n            [class.po-table-column-icons]=\"column.type === 'icon'\"\n            [ngClass]=\"getClassColor(row, column)\"\n            (click)=\"selectable ? selectRow(row) : 'javascript:;'\"\n          >\n            <div\n              class=\"po-table-column-cell notranslate\"\n              [class.po-table-body-ellipsis]=\"hideTextOverflow\"\n              [ngSwitch]=\"column.type\"\n              [p-tooltip]=\"tooltipText\"\n              [style.width.px]=\"noColumnsHeader?.nativeElement.parentElement?.offsetWidth\"\n              (mouseenter)=\"tooltipMouseEnter($event, column, row)\"\n              (mouseleave)=\"tooltipMouseLeave()\"\n            >\n              <span *ngSwitchCase=\"'columnTemplate'\">\n                <ng-container *ngTemplateOutlet=\"getTemplate(column); context: { $implicit: getCellData(row, column) }\">\n                </ng-container>\n              </span>\n\n              <span *ngSwitchCase=\"'cellTemplate'\">\n                <ng-container *ngTemplateOutlet=\"tableCellTemplate?.templateRef; context: { row: row, column: column }\">\n                </ng-container>\n              </span>\n\n              <span *ngSwitchCase=\"'boolean'\">\n                {{ getBooleanLabel(getCellData(row, column), column) }}\n              </span>\n\n              <span *ngSwitchCase=\"'currency'\">\n                {{ getCellData(row, column) | currency: column.format:'symbol':'1.2-2' }}\n              </span>\n\n              <span *ngSwitchCase=\"'date'\">\n                {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy' }}\n              </span>\n\n              <span *ngSwitchCase=\"'time'\">\n                {{ getCellData(row, column) | po_time: column.format || 'HH:mm:ss.ffffff' }}\n              </span>\n\n              <span *ngSwitchCase=\"'dateTime'\">\n                {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy HH:mm:ss' }}\n              </span>\n\n              <span *ngSwitchCase=\"'number'\">\n                {{ formatNumber(getCellData(row, column), column.format) }}\n              </span>\n\n              <po-table-column-link\n                *ngSwitchCase=\"'link'\"\n                [p-action]=\"column.action\"\n                [p-disabled]=\"checkDisabled(row, column)\"\n                [p-link]=\"row[column.link]\"\n                [p-row]=\"row\"\n                [p-value]=\"getCellData(row, column)\"\n                (click)=\"onClickLink($event, row, column)\"\n              >\n              </po-table-column-link>\n\n              <po-table-column-icon\n                *ngSwitchCase=\"'icon'\"\n                [p-column]=\"column\"\n                [p-icons]=\"getColumnIcons(row, column)\"\n                [p-row]=\"row\"\n              >\n              </po-table-column-icon>\n\n              <span *ngSwitchCase=\"'subtitle'\">\n                <po-table-subtitle-circle [p-subtitle]=\"getSubtitleColumn(row, column)\"></po-table-subtitle-circle>\n              </span>\n              <span *ngSwitchCase=\"'label'\">\n                <po-table-column-label [p-value]=\"getColumnLabel(row, column)\"> </po-table-column-label>\n              </span>\n              <span *ngSwitchDefault>{{ getCellData(row, column) }}</span>\n            </div>\n          </td>\n\n          <td\n            *ngIf=\"hasRowTemplateWithArrowDirectionRight\"\n            class=\"po-table-column-detail-toggle\"\n            (click)=\"toggleDetail(row)\"\n          >\n            <ng-template\n              [ngTemplateOutlet]=\"poTableColumnDetail\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n\n          <!-- Coluna de a\u00E7oes na direita -->\n          <ng-template\n            *ngIf=\"actionRight\"\n            [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n            [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n          >\n          </ng-template>\n\n          <!-- Coluna para n\u00E3o ficar em branco nas linhas de gerenciamento -->\n          <ng-container *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction) && !hideColumnsManager\">\n            <td class=\"po-table-column po-table-column-empty\"></td>\n          </ng-container>\n\n          <!-- Column Manager -->\n          <td\n            *ngIf=\"!hasVisibleActions && !hideColumnsManager && !hasRowTemplateWithArrowDirectionRight\"\n            class=\"po-table-column\"\n          ></td>\n        </tr>\n\n        <tr *ngIf=\"hasMainColumns && hasRowTemplate && row.$showDetail && isShowRowTemplate(row, rowIndex)\">\n          <td class=\"po-table-row-template-container\" [colSpan]=\"columnCountForMasterDetail\">\n            <ng-template\n              [ngTemplateOutlet]=\"tableRowTemplate.templateRef\"\n              [ngTemplateOutletContext]=\"{ $implicit: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n        </tr>\n\n        <tr *ngIf=\"hasMainColumns && isShowMasterDetail(row)\">\n          <td class=\"po-table-column-detail\" [colSpan]=\"columnCountForMasterDetail\">\n            <po-table-detail\n              [p-selectable]=\"selectable && !detailHideSelect\"\n              [p-detail]=\"columnMasterDetail.detail\"\n              [p-items]=\"row[nameColumnDetail]\"\n              (p-select-row)=\"selectDetailRow($event)\"\n            >\n            </po-table-detail>\n          </td>\n        </tr>\n      </tbody>\n    </ng-container>\n  </table>\n</ng-template>\n\n<ng-template #tableTemplate>\n  <table class=\"po-table\" [class.po-table-striped]=\"striped\" [class.po-table-layout-fixed]=\"hideTextOverflow\">\n    <thead>\n      <tr [class.po-table-header]=\"!height\">\n        <th *ngIf=\"hasSelectableColumn\" class=\"po-table-column-selectable\">\n          <div [class.po-table-header-fixed-inner]=\"height\">\n            <input\n              *ngIf=\"!hideSelectAll\"\n              type=\"checkbox\"\n              class=\"po-table-checkbox\"\n              [class.po-table-checkbox-checked]=\"selectAll\"\n              [class.po-table-checkbox-indeterminate]=\"selectAll === null\"\n            />\n            <label *ngIf=\"!hideSelectAll\" class=\"po-table-checkbox-label po-clickable\" (click)=\"selectAllRows()\">\n            </label>\n          </div>\n        </th>\n\n        <th\n          *ngIf=\"(hasMasterDetailColumn || hasRowTemplate) && !hasRowTemplateWithArrowDirectionRight\"\n          class=\"po-table-header-column po-table-header-master-detail\"\n        ></th>\n\n        <!-- Coluna criada para caso as a\u00E7\u00F5es fiquem no lado esquerdo -->\n        <th\n          *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n          [class.po-table-header-master-detail]=\"!isSingleAction\"\n          [class.po-table-header-single-action]=\"isSingleAction\"\n        ></th>\n\n        <th *ngIf=\"!hasMainColumns\" #noColumnsHeader class=\"po-table-header-column po-text-center\">\n          <ng-container *ngIf=\"height; then noColumnsWithHeight; else noColumnsWithoutHeight\"> </ng-container>\n        </th>\n\n        <th\n          *ngFor=\"let column of mainColumns; let i = index; trackBy: trackBy\"\n          #headersTable\n          class=\"po-table-header-ellipsis\"\n          [style.width]=\"column.width\"\n          [style.max-width]=\"column.width\"\n          [style.min-width]=\"column.width\"\n          [class.po-clickable]=\"(sort && column.sortable !== false) || hasService\"\n          [class.po-table-header-subtitle]=\"column.type === 'subtitle'\"\n          (click)=\"sortColumn(column)\"\n        >\n          <div\n            class=\"po-table-header-flex\"\n            [class.po-table-header-fixed-inner]=\"height\"\n            [class.po-table-header-flex-right]=\"column.type === 'currency' || column.type === 'number'\"\n            [class.po-table-header-flex-center]=\"column.type === 'subtitle'\"\n          >\n            <ng-container *ngTemplateOutlet=\"contentHeaderTemplate; context: { $implicit: column }\"> </ng-container>\n          </div>\n        </th>\n\n        <th\n          *ngIf=\"hasRowTemplateWithArrowDirectionRight && (hasVisibleActions || hideColumnsManager)\"\n          class=\"po-table-header-column po-table-header-master-detail\"\n        ></th>\n\n        <th\n          *ngIf=\"hasVisibleActions && hideColumnsManager && actionRight\"\n          [class.po-table-header-single-action]=\"isSingleAction\"\n          [class.po-table-header-actions]=\"!isSingleAction\"\n        ></th>\n\n        <th\n          #columnManager\n          *ngIf=\"hasValidColumns && !hideColumnsManager\"\n          [class.po-table-header-column-manager]=\"!isSingleAction || !actionRight\"\n          [class.po-table-header-column-manager-border]=\"!height && container\"\n          [class.po-table-header-single-action]=\"isSingleAction && actionRight\"\n        >\n          <div\n            [class.po-table-header-column-manager-border]=\"height && container\"\n            [class.po-table-header-column-manager-fixed-inner]=\"height\"\n            [style.width.px]=\"height && visibleActions.length ? columnManager.offsetWidth : undefined\"\n          >\n            <button\n              #columnManagerTarget\n              class=\"po-table-header-column-manager-button po-icon po-icon-settings po-clickable\"\n              p-tooltip-position=\"left\"\n              [p-tooltip]=\"literals.columnsManager\"\n              (click)=\"onOpenColumnManager()\"\n            ></button>\n          </div>\n        </th>\n      </tr>\n    </thead>\n\n    <tbody class=\"po-table-group-row\" *ngIf=\"!hasItems || !hasMainColumns\">\n      <tr class=\"po-table-row po-table-row-no-data\">\n        <td [colSpan]=\"columnCount\" class=\"po-table-no-data po-text-center\">\n          <span> {{ literals.noData }} </span>\n        </td>\n      </tr>\n    </tbody>\n\n    <ng-container *ngIf=\"hasMainColumns\">\n      <tbody class=\"po-table-group-row\" *ngFor=\"let row of items; let rowIndex = index; trackBy: trackBy\">\n        <tr class=\"po-table-row\" [class.po-table-row-active]=\"row.$selected || (row.$selected === null && selectable)\">\n          <td *ngIf=\"selectable\" class=\"po-table-column-selectable\">\n            <ng-container *ngTemplateOutlet=\"singleSelect ? inputRadio : inputCheckbox; context: { $implicit: row }\">\n            </ng-container>\n          </td>\n\n          <!-- Valida se a origem do detail \u00E9 pelo input do po-table -->\n          <td\n            *ngIf=\"columnMasterDetail && !hideDetail && !hasRowTemplate\"\n            class=\"po-table-column-detail-toggle\"\n            (click)=\"toggleDetail(row)\"\n          >\n            <ng-template\n              [ngTemplateOutlet]=\"poTableColumnDetail\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n\n          <!-- Coluna com as a\u00E7\u00F5es na esquerda (padr\u00E3o)-->\n          <ng-template\n            *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n            [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n            [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n          >\n          </ng-template>\n\n          <!-- Valida se a origem do detail \u00E9 pela diretiva -->\n          <td\n            *ngIf=\"hasRowTemplate && !hasRowTemplateWithArrowDirectionRight\"\n            class=\"po-table-column-detail-toggle\"\n            (click)=\"toggleDetail(row)\"\n          >\n            <ng-template\n              [ngTemplateOutlet]=\"poTableColumnDetail\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n\n          <td\n            *ngFor=\"let column of mainColumns; let columnIndex = index; trackBy: trackBy\"\n            [style.width]=\"column.width\"\n            [style.max-width]=\"column.width\"\n            [style.min-width]=\"column.width\"\n            [class.po-table-column]=\"column.type !== 'icon'\"\n            [class.po-table-column-right]=\"column.type === 'currency' || column.type === 'number'\"\n            [class.po-table-column-center]=\"column.type === 'subtitle'\"\n            [class.po-table-column-icons]=\"column.type === 'icon'\"\n            [ngClass]=\"getClassColor(row, column)\"\n            (click)=\"selectable ? selectRow(row) : 'javascript:;'\"\n          >\n            <div\n              class=\"po-table-column-cell notranslate\"\n              [class.po-table-body-ellipsis]=\"hideTextOverflow\"\n              [ngSwitch]=\"column.type\"\n              [p-tooltip]=\"tooltipText\"\n              (mouseenter)=\"tooltipMouseEnter($event, column, row)\"\n              (mouseleave)=\"tooltipMouseLeave()\"\n            >\n              <span *ngSwitchCase=\"'columnTemplate'\">\n                <ng-container *ngTemplateOutlet=\"getTemplate(column); context: { $implicit: getCellData(row, column) }\">\n                </ng-container>\n              </span>\n\n              <span *ngSwitchCase=\"'cellTemplate'\">\n                <ng-container *ngTemplateOutlet=\"tableCellTemplate?.templateRef; context: { row: row, column: column }\">\n                </ng-container>\n              </span>\n\n              <span *ngSwitchCase=\"'boolean'\">\n                {{ getBooleanLabel(getCellData(row, column), column) }}\n              </span>\n\n              <span *ngSwitchCase=\"'currency'\">\n                {{ getCellData(row, column) | currency: column.format:'symbol':'1.2-2' }}\n              </span>\n\n              <span *ngSwitchCase=\"'date'\">\n                {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy' }}\n              </span>\n\n              <span *ngSwitchCase=\"'time'\">\n                {{ getCellData(row, column) | po_time: column.format || 'HH:mm:ss.ffffff' }}\n              </span>\n\n              <span *ngSwitchCase=\"'dateTime'\">\n                {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy HH:mm:ss' }}\n              </span>\n\n              <span *ngSwitchCase=\"'number'\">\n                {{ formatNumber(getCellData(row, column), column.format) }}\n              </span>\n\n              <po-table-column-link\n                *ngSwitchCase=\"'link'\"\n                [p-action]=\"column.action\"\n                [p-disabled]=\"checkDisabled(row, column)\"\n                [p-link]=\"row[column.link]\"\n                [p-row]=\"row\"\n                [p-value]=\"getCellData(row, column)\"\n                (click)=\"onClickLink($event, row, column)\"\n              >\n              </po-table-column-link>\n\n              <po-table-column-icon\n                *ngSwitchCase=\"'icon'\"\n                [p-column]=\"column\"\n                [p-icons]=\"getColumnIcons(row, column)\"\n                [p-row]=\"row\"\n              >\n              </po-table-column-icon>\n\n              <span *ngSwitchCase=\"'subtitle'\">\n                <po-table-subtitle-circle [p-subtitle]=\"getSubtitleColumn(row, column)\"></po-table-subtitle-circle>\n              </span>\n              <span *ngSwitchCase=\"'label'\">\n                <po-table-column-label [p-value]=\"getColumnLabel(row, column)\"> </po-table-column-label>\n              </span>\n              <span *ngSwitchDefault>{{ getCellData(row, column) }}</span>\n            </div>\n          </td>\n\n          <td\n            *ngIf=\"hasRowTemplateWithArrowDirectionRight\"\n            class=\"po-table-column-detail-toggle\"\n            (click)=\"toggleDetail(row)\"\n          >\n            <ng-template\n              [ngTemplateOutlet]=\"poTableColumnDetail\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n\n          <!-- Coluna de a\u00E7oes na direita -->\n          <ng-template\n            *ngIf=\"actionRight\"\n            [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n            [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n          >\n          </ng-template>\n\n          <!-- Coluna para n\u00E3o ficar em branco nas linhas de gerenciamento -->\n          <ng-container *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction) && !hideColumnsManager\">\n            <td class=\"po-table-row-no-data po-table-column-empty\"></td>\n          </ng-container>\n\n          <!-- Column Manager -->\n          <td\n            *ngIf=\"!hasVisibleActions && !hideColumnsManager && !hasRowTemplateWithArrowDirectionRight\"\n            class=\"po-table-column\"\n          ></td>\n        </tr>\n\n        <tr *ngIf=\"hasMainColumns && hasRowTemplate && row.$showDetail && isShowRowTemplate(row, rowIndex)\">\n          <td class=\"po-table-row-template-container\" [colSpan]=\"columnCountForMasterDetail\">\n            <ng-template\n              [ngTemplateOutlet]=\"tableRowTemplate.templateRef\"\n              [ngTemplateOutletContext]=\"{ $implicit: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n        </tr>\n\n        <tr *ngIf=\"hasMainColumns && isShowMasterDetail(row)\">\n          <td class=\"po-table-column-detail\" [colSpan]=\"columnCountForMasterDetail\">\n            <po-table-detail\n              [p-selectable]=\"selectable && !detailHideSelect\"\n              [p-detail]=\"columnMasterDetail.detail\"\n              [p-items]=\"row[nameColumnDetail]\"\n              (p-select-row)=\"selectDetailRow($event)\"\n            >\n            </po-table-detail>\n          </td>\n        </tr>\n      </tbody>\n    </ng-container>\n  </table>\n</ng-template>\n\n<po-popup #popup [p-actions]=\"actions\" [p-target]=\"popupTarget\"> </po-popup>\n\n<ng-template #poTableColumnDetail let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <span\n    *ngIf=\"(containsMasterDetail(row) && !hasRowTemplate) || (isShowRowTemplate(row, rowIndex) && hasRowTemplate)\"\n    class=\"po-icon po-clickable\"\n    [class.po-icon-arrow-up]=\"row.$showDetail\"\n    [class.po-icon-arrow-down]=\"!row.$showDetail\"\n  >\n  </span>\n</ng-template>\n\n<ng-template #inputRadio let-row>\n  <input type=\"radio\" class=\"po-table-radio\" [class.po-table-radio-checked]=\"row.$selected\" />\n  <label class=\"po-table-radio-label po-clickable\" (click)=\"selectable ? selectRow(row) : 'javascript:;'\"></label>\n</ng-template>\n\n<ng-template #inputCheckbox let-row>\n  <input type=\"checkbox\" class=\"po-table-checkbox\" [class.po-table-checkbox-checked]=\"row.$selected\" />\n  <label class=\"po-table-checkbox-label po-clickable\" (click)=\"selectable ? selectRow(row) : 'javascript:;'\"></label>\n</ng-template>\n\n<ng-template #contentHeaderTemplate let-column>\n  <span\n    #columnHeader\n    class=\"po-table-header-ellipsis\"\n    [p-tooltip]=\"tooltipText\"\n    (mouseenter)=\"tooltipMouseEnter($event)\"\n    (mouseleave)=\"tooltipMouseLeave()\"\n  >\n    {{ column.label || (column.property | titlecase) }}\n  </span>\n  <span\n    *ngIf=\"sort && column.sortable !== false\"\n    [class.po-table-header-icon-unselected]=\"sortedColumn?.property !== column\"\n    [class.po-table-header-icon-descending]=\"sortedColumn?.property === column && sortedColumn.ascending\"\n    [class.po-table-header-icon-ascending]=\"sortedColumn?.property === column && !sortedColumn.ascending\"\n  >\n  </span>\n</ng-template>\n\n<ng-template #noColumnsWithHeight>\n  <div class=\"po-table-header-fixed-inner\" [style.width.px]=\"noColumnsHeader?.nativeElement.offsetWidth\">\n    {{ hasValidColumns ? literals.noVisibleColumn : literals.noColumns }}\n  </div>\n</ng-template>\n\n<ng-template #noColumnsWithoutHeight>\n  {{ hasValidColumns ? literals.noVisibleColumn : literals.noColumns }}\n</ng-template>\n\n<!-- Template de a\u00E7\u00F5es -->\n<ng-template #ActionsColumnTemplate let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <td *ngIf=\"isSingleAction\" class=\"po-table-column po-table-column-single-action\">\n    <div\n      *ngIf=\"firstAction.visible !== false\"\n      class=\"po-table-single-action po-clickable\"\n      [class.po-table-action-disabled]=\"firstAction.disabled ? validateTableAction(row, firstAction) : false\"\n      (click)=\"executeTableAction(row, firstAction)\"\n    >\n      <po-icon *ngIf=\"firstAction.icon\" class=\"po-table-single-action-content\" [p-icon]=\"firstAction.icon\"></po-icon>\n      {{ firstAction.label }}\n    </div>\n  </td>\n\n  <td *ngIf=\"visibleActions.length > 1\" class=\"po-table-column-actions\">\n    <span #popupTarget class=\"po-icon po-icon-more po-clickable\" (click)=\"togglePopup(row, popupTarget)\"></span>\n  </td>\n</ng-template>\n\n<po-table-column-manager\n  *ngIf=\"!hideColumnsManager\"\n  [p-columns]=\"columns\"\n  [p-max-columns]=\"maxColumns\"\n  [p-target]=\"columnManagerTarget\"\n  [p-last-visible-columns-selected]=\"lastVisibleColumnsSelected\"\n  (p-visible-columns-change)=\"onVisibleColumnsChange($event)\"\n  (p-change-visible-columns)=\"onChangeVisibleColumns($event)\"\n  [p-columns-default]=\"initialColumns\"\n  (p-initial-columns)=\"onColumnRestoreManager($event)\"\n>\n</po-table-column-manager>\n" }]
+        args: [{ selector: 'po-table', providers: [PoDateService], template: "<po-container *ngIf=\"container; else tableContainerTemplate\" p-no-padding [p-no-shadow]=\"container === 'border'\">\n  <ng-container *ngTemplateOutlet=\"tableContainerTemplate\"></ng-container>\n</po-container>\n\n<ng-template #tableContainerTemplate>\n  <div [class.po-table-container-relative]=\"loading\">\n    <div *ngIf=\"loading\" class=\"po-table-overlay\">\n      <po-loading class=\"po-table-overlay-content\" [p-text]=\"literals.loadingData\"></po-loading>\n    </div>\n\n    <div class=\"po-table-main-container\">\n      <div\n        #tableWrapper\n        class=\"po-table-wrapper\"\n        [class.po-table-header-fixed-columns-pixels]=\"allColumnsWidthPixels\"\n        [style.opacity]=\"tableOpacity\"\n      >\n        <div *ngIf=\"height\" class=\"po-table-container\">\n          <div #poTableThead class=\"po-table-header-fixed po-table-header\">\n            <ng-container *ngTemplateOutlet=\"tableHeaderTemplate\"></ng-container>\n          </div>\n\n          <div #poTableTbody class=\"po-table-container-fixed-inner\">\n            <ng-container *ngIf=\"height; then tableBodyTemplate; else tableTemplate\"></ng-container>\n          </div>\n        </div>\n\n        <div *ngIf=\"!height\">\n          <ng-container *ngTemplateOutlet=\"tableTemplate\"></ng-container>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"po-table-footer\" *ngIf=\"hasFooter\">\n    <ng-container *ngFor=\"let column of subtitleColumns; trackBy: trackBy\">\n      <po-table-subtitle-footer [p-literals]=\"literals\" [p-subtitles]=\"column.subtitles\"> </po-table-subtitle-footer>\n    </ng-container>\n  </div>\n</ng-template>\n\n<div\n  *ngIf=\"!infiniteScroll\"\n  class=\"po-row po-table-footer-show-more\"\n  [class.po-invisible]=\"showMore.observers.length === 0 && !hasService\"\n  #tableFooter\n>\n  <po-button\n    class=\"po-offset-xl-4 po-offset-lg-4 po-offset-md-3 po-lg-4 po-md-6\"\n    [p-disabled]=\"showMoreDisabled\"\n    [p-label]=\"literals.loadMoreData\"\n    [p-loading]=\"loadingShowMore\"\n    (p-click)=\"onShowMore()\"\n  >\n  </po-button>\n</div>\n\n<ng-template #tableHeaderTemplate>\n  <table class=\"po-table\" [class.po-table-striped]=\"striped\" [class.po-table-layout-fixed]=\"hideTextOverflow\">\n    <thead>\n      <tr [class.po-table-header]=\"!height\">\n        <th *ngIf=\"hasSelectableColumn\" class=\"po-table-column-selectable\">\n          <div [class.po-table-header-fixed-inner]=\"height\">\n            <po-checkbox\n              name=\"selectAll\"\n              *ngIf=\"!hideSelectAll\"\n              (click)=\"selectAllRows()\"\n              (p-change)=\"selectAllRows()\"\n              [(ngModel)]=\"selectAll\"\n            ></po-checkbox>\n          </div>\n        </th>\n\n        <th\n          *ngIf=\"(hasMasterDetailColumn || hasRowTemplate) && !hasRowTemplateWithArrowDirectionRight\"\n          class=\"po-table-header-column po-table-header-master-detail\"\n        ></th>\n\n        <!-- Coluna criada para caso as a\u00E7\u00F5es fiquem no lado esquerdo -->\n        <th\n          *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n          [class.po-table-header-master-detail]=\"!isSingleAction\"\n          [class.po-table-header-single-action]=\"isSingleAction\"\n        ></th>\n\n        <th *ngIf=\"!hasMainColumns\" #noColumnsHeader class=\"po-table-header-column po-text-center\">\n          <ng-container *ngIf=\"height; then noColumnsWithHeight; else noColumnsWithoutHeight\"> </ng-container>\n        </th>\n\n        <th\n          *ngFor=\"let column of mainColumns; let i = index; trackBy: trackBy\"\n          #headersTable\n          class=\"po-table-header-ellipsis\"\n          [style.width]=\"column.width\"\n          [style.max-width]=\"column.width\"\n          [style.min-width]=\"column.width\"\n          [class.po-clickable]=\"(sort && column.sortable !== false) || hasService\"\n          [class.po-table-header-subtitle]=\"column.type === 'subtitle'\"\n          (click)=\"sortColumn(column)\"\n        >\n          <div\n            class=\"po-table-header-flex\"\n            [class.po-table-header-fixed-inner]=\"height\"\n            [class.po-table-header-flex-right]=\"column.type === 'currency' || column.type === 'number'\"\n            [class.po-table-header-flex-center]=\"column.type === 'subtitle'\"\n          >\n            <ng-container *ngTemplateOutlet=\"contentHeaderTemplate; context: { $implicit: column }\"> </ng-container>\n          </div>\n        </th>\n\n        <th\n          *ngIf=\"hasRowTemplateWithArrowDirectionRight && (hasVisibleActions || hideColumnsManager)\"\n          class=\"po-table-header-column po-table-header-master-detail\"\n        ></th>\n\n        <th\n          *ngIf=\"hasVisibleActions && hideColumnsManager && actionRight\"\n          [class.po-table-header-single-action]=\"isSingleAction\"\n          [class.po-table-header-actions]=\"!isSingleAction\"\n        ></th>\n\n        <th\n          #columnManager\n          *ngIf=\"hasValidColumns && !hideColumnsManager\"\n          [class.po-table-header-column-manager]=\"!isSingleAction || !actionRight\"\n          [class.po-table-header-column-manager-border]=\"!height && container\"\n          [class.po-table-header-single-action]=\"isSingleAction && actionRight\"\n        >\n          <div\n            [class.po-table-header-column-manager-border]=\"height && container\"\n            [class.po-table-header-column-manager-fixed-inner]=\"height\"\n            [style.width.px]=\"height && visibleActions.length ? columnManager.offsetWidth : undefined\"\n          >\n            <button\n              #columnManagerTarget\n              class=\"po-table-header-column-manager-button po-icon po-icon-settings po-clickable\"\n              p-tooltip-position=\"left\"\n              [p-tooltip]=\"literals.columnsManager\"\n              (click)=\"onOpenColumnManager()\"\n            ></button>\n          </div>\n        </th>\n      </tr>\n    </thead>\n  </table>\n</ng-template>\n\n<!-- s\u00F3 virtual -->\n<ng-template #tableBodyTemplate>\n  <cdk-virtual-scroll-viewport\n    #poTableTbodyVirtual\n    [itemSize]=\"itemSize\"\n    [style.height.px]=\"heightTableContainer\"\n    [minBufferPx]=\"height < 100 ? 100 : height\"\n    [maxBufferPx]=\"height < 200 ? 200 : height\"\n    (scroll)=\"syncronizeHorizontalScroll()\"\n  >\n    <table class=\"po-table\" [class.po-table-striped]=\"striped\" [class.po-table-layout-fixed]=\"hideTextOverflow\">\n      <tbody class=\"po-table-group-row\" *ngIf=\"!hasItems || !hasMainColumns\">\n        <tr class=\"po-table-row po-table-row-no-data\">\n          <td [colSpan]=\"columnCount\" class=\"po-table-no-data po-text-center\">\n            <span> {{ literals.noData }} </span>\n          </td>\n        </tr>\n      </tbody>\n      <ng-container *ngIf=\"hasMainColumns\">\n        <tbody class=\"po-table-group-row\" *cdkVirtualFor=\"let row of items; let rowIndex = index; trackBy: trackBy\">\n          <tr\n            class=\"po-table-row\"\n            [class.po-table-row-active]=\"row.$selected || (row.$selected === null && selectable)\"\n          >\n            <td *ngIf=\"selectable\" class=\"po-table-column-selectable\">\n              <ng-container *ngTemplateOutlet=\"singleSelect ? inputRadio : inputCheckbox; context: { $implicit: row }\">\n              </ng-container>\n            </td>\n\n            <!-- Valida se a origem do detail \u00E9 pelo input do po-table -->\n            <td\n              *ngIf=\"columnMasterDetail && !hideDetail && !hasRowTemplate\"\n              class=\"po-table-column-detail-toggle\"\n              (click)=\"toggleDetail(row)\"\n            >\n              <ng-template\n                [ngTemplateOutlet]=\"poTableColumnDetail\"\n                [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n              >\n              </ng-template>\n            </td>\n\n            <!-- Coluna com as a\u00E7\u00F5es na esquerda (padr\u00E3o)-->\n            <ng-template\n              *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n              [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n\n            <!-- Valida se a origem do detail \u00E9 pela diretiva -->\n            <td\n              *ngIf=\"hasRowTemplate && !hasRowTemplateWithArrowDirectionRight\"\n              class=\"po-table-column-detail-toggle\"\n              (click)=\"toggleDetail(row)\"\n            >\n              <ng-template\n                [ngTemplateOutlet]=\"poTableColumnDetail\"\n                [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n              >\n              </ng-template>\n            </td>\n\n            <td\n              *ngFor=\"let column of mainColumns; let columnIndex = index; trackBy: trackBy\"\n              [style.width]=\"column.width\"\n              [style.max-width]=\"column.width\"\n              [style.min-width]=\"column.width\"\n              [class.po-table-column]=\"column.type !== 'icon'\"\n              [class.po-table-column-right]=\"column.type === 'currency' || column.type === 'number'\"\n              [class.po-table-column-center]=\"column.type === 'subtitle'\"\n              [class.po-table-column-icons]=\"column.type === 'icon'\"\n              [ngClass]=\"getClassColor(row, column)\"\n              (click)=\"selectable ? selectRow(row) : 'javascript:;'\"\n            >\n              <div\n                class=\"po-table-column-cell notranslate\"\n                [class.po-table-body-ellipsis]=\"hideTextOverflow\"\n                [ngSwitch]=\"column.type\"\n                [p-tooltip]=\"tooltipText\"\n                [style.width.px]=\"noColumnsHeader?.nativeElement.parentElement?.offsetWidth\"\n                (mouseenter)=\"tooltipMouseEnter($event, column, row)\"\n                (mouseleave)=\"tooltipMouseLeave()\"\n              >\n                <span *ngSwitchCase=\"'columnTemplate'\">\n                  <ng-container\n                    *ngTemplateOutlet=\"getTemplate(column); context: { $implicit: getCellData(row, column) }\"\n                  >\n                  </ng-container>\n                </span>\n\n                <span *ngSwitchCase=\"'cellTemplate'\">\n                  <ng-container\n                    *ngTemplateOutlet=\"tableCellTemplate?.templateRef; context: { row: row, column: column }\"\n                  >\n                  </ng-container>\n                </span>\n\n                <span *ngSwitchCase=\"'boolean'\">\n                  {{ getBooleanLabel(getCellData(row, column), column) }}\n                </span>\n\n                <span *ngSwitchCase=\"'currency'\">\n                  {{ getCellData(row, column) | currency: column.format:'symbol':'1.2-2' }}\n                </span>\n\n                <span *ngSwitchCase=\"'date'\">\n                  {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy' }}\n                </span>\n\n                <span *ngSwitchCase=\"'time'\">\n                  {{ getCellData(row, column) | po_time: column.format || 'HH:mm:ss.ffffff' }}\n                </span>\n\n                <span *ngSwitchCase=\"'dateTime'\">\n                  {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy HH:mm:ss' }}\n                </span>\n\n                <span *ngSwitchCase=\"'number'\">\n                  {{ formatNumber(getCellData(row, column), column.format) }}\n                </span>\n\n                <po-table-column-link\n                  *ngSwitchCase=\"'link'\"\n                  [p-action]=\"column.action\"\n                  [p-disabled]=\"checkDisabled(row, column)\"\n                  [p-link]=\"row[column.link]\"\n                  [p-row]=\"row\"\n                  [p-value]=\"getCellData(row, column)\"\n                  (click)=\"onClickLink($event, row, column)\"\n                >\n                </po-table-column-link>\n\n                <po-table-column-icon\n                  *ngSwitchCase=\"'icon'\"\n                  [p-column]=\"column\"\n                  [p-icons]=\"getColumnIcons(row, column)\"\n                  [p-row]=\"row\"\n                >\n                </po-table-column-icon>\n\n                <span *ngSwitchCase=\"'subtitle'\">\n                  <po-table-subtitle-circle [p-subtitle]=\"getSubtitleColumn(row, column)\"></po-table-subtitle-circle>\n                </span>\n                <span *ngSwitchCase=\"'label'\">\n                  <po-table-column-label [p-value]=\"getColumnLabel(row, column)\"> </po-table-column-label>\n                </span>\n                <span *ngSwitchDefault>{{ getCellData(row, column) }}</span>\n              </div>\n            </td>\n\n            <td\n              *ngIf=\"hasRowTemplateWithArrowDirectionRight\"\n              class=\"po-table-column-detail-toggle\"\n              (click)=\"toggleDetail(row)\"\n            >\n              <ng-template\n                [ngTemplateOutlet]=\"poTableColumnDetail\"\n                [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n              >\n              </ng-template>\n            </td>\n\n            <!-- Coluna de a\u00E7oes na direita -->\n            <ng-template\n              *ngIf=\"actionRight\"\n              [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n\n            <!-- Coluna para n\u00E3o ficar em branco nas linhas de gerenciamento -->\n            <ng-container *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction) && !hideColumnsManager\">\n              <td class=\"po-table-column po-table-column-empty\"></td>\n            </ng-container>\n\n            <!-- Column Manager -->\n            <td\n              *ngIf=\"!hasVisibleActions && !hideColumnsManager && !hasRowTemplateWithArrowDirectionRight\"\n              class=\"po-table-column\"\n            ></td>\n          </tr>\n\n          <tr *ngIf=\"hasMainColumns && hasRowTemplate && row.$showDetail && isShowRowTemplate(row, rowIndex)\">\n            <td class=\"po-table-row-template-container\" [colSpan]=\"columnCountForMasterDetail\">\n              <ng-template\n                [ngTemplateOutlet]=\"tableRowTemplate.templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: row, rowIndex: rowIndex }\"\n              >\n              </ng-template>\n            </td>\n          </tr>\n\n          <tr *ngIf=\"hasMainColumns && isShowMasterDetail(row)\">\n            <td class=\"po-table-column-detail\" [colSpan]=\"columnCountForMasterDetail\">\n              <po-table-detail\n                [p-selectable]=\"selectable && !detailHideSelect\"\n                [p-detail]=\"columnMasterDetail.detail\"\n                [p-items]=\"row[nameColumnDetail]\"\n                (p-select-row)=\"selectDetailRow($event)\"\n              >\n              </po-table-detail>\n            </td>\n          </tr>\n        </tbody>\n      </ng-container>\n    </table>\n  </cdk-virtual-scroll-viewport>\n</ng-template>\n\n<ng-template #tableTemplate>\n  <table class=\"po-table\" [class.po-table-striped]=\"striped\" [class.po-table-layout-fixed]=\"hideTextOverflow\">\n    <thead>\n      <tr [class.po-table-header]=\"!height\">\n        <th *ngIf=\"hasSelectableColumn\" class=\"po-table-column-selectable\">\n          <div [class.po-table-header-fixed-inner]=\"height\">\n            <po-checkbox\n              name=\"selectAll\"\n              *ngIf=\"!hideSelectAll\"\n              (click)=\"selectAllRows()\"\n              (p-change)=\"selectAllRows()\"\n              [(ngModel)]=\"selectAll\"\n            ></po-checkbox>\n          </div>\n        </th>\n\n        <th\n          *ngIf=\"(hasMasterDetailColumn || hasRowTemplate) && !hasRowTemplateWithArrowDirectionRight\"\n          class=\"po-table-header-column po-table-header-master-detail\"\n        ></th>\n\n        <!-- Coluna criada para caso as a\u00E7\u00F5es fiquem no lado esquerdo -->\n        <th\n          *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n          [class.po-table-header-master-detail]=\"!isSingleAction\"\n          [class.po-table-header-single-action]=\"isSingleAction\"\n        ></th>\n\n        <th *ngIf=\"!hasMainColumns\" #noColumnsHeader class=\"po-table-header-column po-text-center\">\n          <ng-container *ngIf=\"height; then noColumnsWithHeight; else noColumnsWithoutHeight\"> </ng-container>\n        </th>\n\n        <th\n          *ngFor=\"let column of mainColumns; let i = index; trackBy: trackBy\"\n          #headersTable\n          class=\"po-table-header-ellipsis\"\n          [style.width]=\"column.width\"\n          [style.max-width]=\"column.width\"\n          [style.min-width]=\"column.width\"\n          [class.po-clickable]=\"(sort && column.sortable !== false) || hasService\"\n          [class.po-table-header-subtitle]=\"column.type === 'subtitle'\"\n          (click)=\"sortColumn(column)\"\n        >\n          <div\n            class=\"po-table-header-flex\"\n            [class.po-table-header-fixed-inner]=\"height\"\n            [class.po-table-header-flex-right]=\"column.type === 'currency' || column.type === 'number'\"\n            [class.po-table-header-flex-center]=\"column.type === 'subtitle'\"\n          >\n            <ng-container *ngTemplateOutlet=\"contentHeaderTemplate; context: { $implicit: column }\"> </ng-container>\n          </div>\n        </th>\n\n        <th\n          *ngIf=\"hasRowTemplateWithArrowDirectionRight && (hasVisibleActions || hideColumnsManager)\"\n          class=\"po-table-header-column po-table-header-master-detail\"\n        ></th>\n\n        <th\n          *ngIf=\"hasVisibleActions && hideColumnsManager && actionRight\"\n          [class.po-table-header-single-action]=\"isSingleAction\"\n          [class.po-table-header-actions]=\"!isSingleAction\"\n        ></th>\n\n        <th\n          #columnManager\n          *ngIf=\"hasValidColumns && !hideColumnsManager\"\n          [class.po-table-header-column-manager]=\"!isSingleAction || !actionRight\"\n          [class.po-table-header-column-manager-border]=\"!height && container\"\n          [class.po-table-header-single-action]=\"isSingleAction && actionRight\"\n        >\n          <div\n            [class.po-table-header-column-manager-border]=\"height && container\"\n            [class.po-table-header-column-manager-fixed-inner]=\"height\"\n            [style.width.px]=\"height && visibleActions.length ? columnManager.offsetWidth : undefined\"\n          >\n            <button\n              #columnManagerTarget\n              class=\"po-table-header-column-manager-button po-icon po-icon-settings po-clickable\"\n              p-tooltip-position=\"left\"\n              [p-tooltip]=\"literals.columnsManager\"\n              (click)=\"onOpenColumnManager()\"\n            ></button>\n          </div>\n        </th>\n      </tr>\n    </thead>\n\n    <tbody class=\"po-table-group-row\" *ngIf=\"!hasItems || !hasMainColumns\">\n      <tr class=\"po-table-row po-table-row-no-data\">\n        <td [colSpan]=\"columnCount\" class=\"po-table-no-data po-text-center\">\n          <span> {{ literals.noData }} </span>\n        </td>\n      </tr>\n    </tbody>\n\n    <ng-container *ngIf=\"hasMainColumns\">\n      <tbody class=\"po-table-group-row\" *ngFor=\"let row of items; let rowIndex = index; trackBy: trackBy\">\n        <tr class=\"po-table-row\" [class.po-table-row-active]=\"row.$selected || (row.$selected === null && selectable)\">\n          <td *ngIf=\"selectable\" class=\"po-table-column-selectable\">\n            <ng-container *ngTemplateOutlet=\"singleSelect ? inputRadio : inputCheckbox; context: { $implicit: row }\">\n            </ng-container>\n          </td>\n\n          <!-- Valida se a origem do detail \u00E9 pelo input do po-table -->\n          <td\n            *ngIf=\"columnMasterDetail && !hideDetail && !hasRowTemplate\"\n            class=\"po-table-column-detail-toggle\"\n            (click)=\"toggleDetail(row)\"\n          >\n            <ng-template\n              [ngTemplateOutlet]=\"poTableColumnDetail\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n\n          <!-- Coluna com as a\u00E7\u00F5es na esquerda (padr\u00E3o)-->\n          <ng-template\n            *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction)\"\n            [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n            [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n          >\n          </ng-template>\n\n          <!-- Valida se a origem do detail \u00E9 pela diretiva -->\n          <td\n            *ngIf=\"hasRowTemplate && !hasRowTemplateWithArrowDirectionRight\"\n            class=\"po-table-column-detail-toggle\"\n            (click)=\"toggleDetail(row)\"\n          >\n            <ng-template\n              [ngTemplateOutlet]=\"poTableColumnDetail\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n\n          <td\n            *ngFor=\"let column of mainColumns; let columnIndex = index; trackBy: trackBy\"\n            [style.width]=\"column.width\"\n            [style.max-width]=\"column.width\"\n            [style.min-width]=\"column.width\"\n            [class.po-table-column]=\"column.type !== 'icon'\"\n            [class.po-table-column-right]=\"column.type === 'currency' || column.type === 'number'\"\n            [class.po-table-column-center]=\"column.type === 'subtitle'\"\n            [class.po-table-column-icons]=\"column.type === 'icon'\"\n            [ngClass]=\"getClassColor(row, column)\"\n            (click)=\"selectable ? selectRow(row) : 'javascript:;'\"\n          >\n            <div\n              class=\"po-table-column-cell notranslate\"\n              [class.po-table-body-ellipsis]=\"hideTextOverflow\"\n              [ngSwitch]=\"column.type\"\n              [p-tooltip]=\"tooltipText\"\n              (mouseenter)=\"tooltipMouseEnter($event, column, row)\"\n              (mouseleave)=\"tooltipMouseLeave()\"\n            >\n              <span *ngSwitchCase=\"'columnTemplate'\">\n                <ng-container *ngTemplateOutlet=\"getTemplate(column); context: { $implicit: getCellData(row, column) }\">\n                </ng-container>\n              </span>\n\n              <span *ngSwitchCase=\"'cellTemplate'\">\n                <ng-container *ngTemplateOutlet=\"tableCellTemplate?.templateRef; context: { row: row, column: column }\">\n                </ng-container>\n              </span>\n\n              <span *ngSwitchCase=\"'boolean'\">\n                {{ getBooleanLabel(getCellData(row, column), column) }}\n              </span>\n\n              <span *ngSwitchCase=\"'currency'\">\n                {{ getCellData(row, column) | currency: column.format:'symbol':'1.2-2' }}\n              </span>\n\n              <span *ngSwitchCase=\"'date'\">\n                {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy' }}\n              </span>\n\n              <span *ngSwitchCase=\"'time'\">\n                {{ getCellData(row, column) | po_time: column.format || 'HH:mm:ss.ffffff' }}\n              </span>\n\n              <span *ngSwitchCase=\"'dateTime'\">\n                {{ getCellData(row, column) | date: column.format || 'dd/MM/yyyy HH:mm:ss' }}\n              </span>\n\n              <span *ngSwitchCase=\"'number'\">\n                {{ formatNumber(getCellData(row, column), column.format) }}\n              </span>\n\n              <po-table-column-link\n                *ngSwitchCase=\"'link'\"\n                [p-action]=\"column.action\"\n                [p-disabled]=\"checkDisabled(row, column)\"\n                [p-link]=\"row[column.link]\"\n                [p-row]=\"row\"\n                [p-value]=\"getCellData(row, column)\"\n                (click)=\"onClickLink($event, row, column)\"\n              >\n              </po-table-column-link>\n\n              <po-table-column-icon\n                *ngSwitchCase=\"'icon'\"\n                [p-column]=\"column\"\n                [p-icons]=\"getColumnIcons(row, column)\"\n                [p-row]=\"row\"\n              >\n              </po-table-column-icon>\n\n              <span *ngSwitchCase=\"'subtitle'\">\n                <po-table-subtitle-circle [p-subtitle]=\"getSubtitleColumn(row, column)\"></po-table-subtitle-circle>\n              </span>\n              <span *ngSwitchCase=\"'label'\">\n                <po-table-column-label [p-value]=\"getColumnLabel(row, column)\"> </po-table-column-label>\n              </span>\n              <span *ngSwitchDefault>{{ getCellData(row, column) }}</span>\n            </div>\n          </td>\n\n          <td\n            *ngIf=\"hasRowTemplateWithArrowDirectionRight\"\n            class=\"po-table-column-detail-toggle\"\n            (click)=\"toggleDetail(row)\"\n          >\n            <ng-template\n              [ngTemplateOutlet]=\"poTableColumnDetail\"\n              [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n\n          <!-- Coluna de a\u00E7oes na direita -->\n          <ng-template\n            *ngIf=\"actionRight\"\n            [ngTemplateOutlet]=\"ActionsColumnTemplate\"\n            [ngTemplateOutletContext]=\"{ row: row, rowIndex: rowIndex }\"\n          >\n          </ng-template>\n\n          <!-- Coluna para n\u00E3o ficar em branco nas linhas de gerenciamento -->\n          <ng-container *ngIf=\"!actionRight && (visibleActions.length > 1 || isSingleAction) && !hideColumnsManager\">\n            <td class=\"po-table-row-no-data po-table-column-empty\"></td>\n          </ng-container>\n\n          <!-- Column Manager -->\n          <td\n            *ngIf=\"!hasVisibleActions && !hideColumnsManager && !hasRowTemplateWithArrowDirectionRight\"\n            class=\"po-table-column\"\n          ></td>\n        </tr>\n\n        <tr *ngIf=\"hasMainColumns && hasRowTemplate && row.$showDetail && isShowRowTemplate(row, rowIndex)\">\n          <td class=\"po-table-row-template-container\" [colSpan]=\"columnCountForMasterDetail\">\n            <ng-template\n              [ngTemplateOutlet]=\"tableRowTemplate.templateRef\"\n              [ngTemplateOutletContext]=\"{ $implicit: row, rowIndex: rowIndex }\"\n            >\n            </ng-template>\n          </td>\n        </tr>\n\n        <tr *ngIf=\"hasMainColumns && isShowMasterDetail(row)\">\n          <td class=\"po-table-column-detail\" [colSpan]=\"columnCountForMasterDetail\">\n            <po-table-detail\n              [p-selectable]=\"selectable && !detailHideSelect\"\n              [p-detail]=\"columnMasterDetail.detail\"\n              [p-items]=\"row[nameColumnDetail]\"\n              (p-select-row)=\"selectDetailRow($event)\"\n            >\n            </po-table-detail>\n          </td>\n        </tr>\n      </tbody>\n    </ng-container>\n  </table>\n</ng-template>\n\n<po-popup #popup [p-actions]=\"actions\" [p-target]=\"popupTarget\"> </po-popup>\n\n<ng-template #poTableColumnDetail let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <span\n    *ngIf=\"(containsMasterDetail(row) && !hasRowTemplate) || (isShowRowTemplate(row, rowIndex) && hasRowTemplate)\"\n    class=\"po-icon po-clickable\"\n    [class.po-icon-arrow-up]=\"row.$showDetail\"\n    [class.po-icon-arrow-down]=\"!row.$showDetail\"\n  >\n  </span>\n</ng-template>\n\n<ng-template #inputRadio let-row>\n  <input type=\"radio\" class=\"po-table-radio\" [class.po-table-radio-checked]=\"row.$selected\" />\n  <label class=\"po-table-radio-label po-clickable\" (click)=\"selectable ? selectRow(row) : 'javascript:;'\"></label>\n</ng-template>\n\n<ng-template #inputCheckbox let-row>\n  <po-checkbox\n    name=\"checkbox\"\n    (p-change)=\"selectable ? selectRow(row) : 'javascript:;'\"\n    [(ngModel)]=\"row.$selected\"\n    (click)=\"selectable ? selectRow(row) : 'javascript:;'\"\n  ></po-checkbox>\n</ng-template>\n\n<ng-template #contentHeaderTemplate let-column>\n  <span\n    #columnHeader\n    class=\"po-table-header-ellipsis\"\n    [p-tooltip]=\"tooltipText\"\n    (mouseenter)=\"tooltipMouseEnter($event)\"\n    (mouseleave)=\"tooltipMouseLeave()\"\n  >\n    {{ column.label || (column.property | titlecase) }}\n  </span>\n  <span\n    *ngIf=\"sort && column.sortable !== false\"\n    [class.po-table-header-icon-unselected]=\"sortedColumn?.property !== column\"\n    [class.po-table-header-icon-descending]=\"sortedColumn?.property === column && sortedColumn.ascending\"\n    [class.po-table-header-icon-ascending]=\"sortedColumn?.property === column && !sortedColumn.ascending\"\n  >\n  </span>\n</ng-template>\n\n<ng-template #noColumnsWithHeight>\n  <div class=\"po-table-header-fixed-inner\" [style.width.px]=\"noColumnsHeader?.nativeElement.offsetWidth\">\n    {{ hasValidColumns ? literals.noVisibleColumn : literals.noColumns }}\n  </div>\n</ng-template>\n\n<ng-template #noColumnsWithoutHeight>\n  {{ hasValidColumns ? literals.noVisibleColumn : literals.noColumns }}\n</ng-template>\n\n<!-- Template de a\u00E7\u00F5es -->\n<ng-template #ActionsColumnTemplate let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <td *ngIf=\"isSingleAction\" class=\"po-table-column po-table-column-single-action\">\n    <div\n      *ngIf=\"firstAction.visible !== false\"\n      class=\"po-table-single-action po-clickable\"\n      [class.po-table-action-disabled]=\"firstAction.disabled ? validateTableAction(row, firstAction) : false\"\n      (click)=\"executeTableAction(row, firstAction)\"\n    >\n      <po-icon *ngIf=\"firstAction.icon\" class=\"po-table-single-action-content\" [p-icon]=\"firstAction.icon\"></po-icon>\n      {{ firstAction.label }}\n    </div>\n  </td>\n\n  <td *ngIf=\"visibleActions.length > 1\" class=\"po-table-column-actions\">\n    <span #popupTarget class=\"po-icon po-icon-more po-clickable\" (click)=\"togglePopup(row, popupTarget)\"></span>\n  </td>\n</ng-template>\n\n<po-table-column-manager\n  *ngIf=\"!hideColumnsManager\"\n  [p-columns]=\"columns\"\n  [p-max-columns]=\"maxColumns\"\n  [p-target]=\"columnManagerTarget\"\n  [p-last-visible-columns-selected]=\"lastVisibleColumnsSelected\"\n  (p-visible-columns-change)=\"onVisibleColumnsChange($event)\"\n  (p-change-visible-columns)=\"onChangeVisibleColumns($event)\"\n  [p-columns-default]=\"initialColumns\"\n  (p-initial-columns)=\"onColumnRestoreManager($event)\"\n>\n</po-table-column-manager>\n" }]
     }], function () { return [{ type: PoDateService }, { type: i0.IterableDiffers }, { type: i0.Renderer2 }, { type: PoLanguageService }, { type: i0.ChangeDetectorRef }, { type: i1.DecimalPipe }, { type: i2.Router }, { type: PoTableService }]; }, { tableRowTemplate: [{
             type: ContentChild,
             args: [PoTableRowTemplateDirective, { static: true }]
@@ -17497,6 +17875,9 @@ PoTableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTableCom
         }], poTableThead: [{
             type: ViewChild,
             args: ['poTableThead', { read: ElementRef, static: false }]
+        }], poTableTbodyVirtual: [{
+            type: ViewChild,
+            args: ['poTableTbodyVirtual', { read: ElementRef, static: false }]
         }], actionsIconElement: [{
             type: ViewChildren,
             args: ['actionsIconElement', { read: ElementRef }]
@@ -17522,6 +17903,7 @@ PoTableModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PoTableModule
 PoTableModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [DecimalPipe], imports: [[
             CommonModule,
             FormsModule,
+            ScrollingModule,
             RouterModule,
             PoButtonModule,
             PoCheckboxGroupModule,
@@ -17532,7 +17914,8 @@ PoTableModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [DecimalP
             PoPopupModule,
             PoTimeModule,
             PoTooltipModule,
-            PoIconModule
+            PoIconModule,
+            PoCheckboxModule
         ]] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoTableModule, [{
         type: NgModule,
@@ -17540,6 +17923,7 @@ PoTableModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [DecimalP
                 imports: [
                     CommonModule,
                     FormsModule,
+                    ScrollingModule,
                     RouterModule,
                     PoButtonModule,
                     PoCheckboxGroupModule,
@@ -17550,7 +17934,8 @@ PoTableModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [DecimalP
                     PoPopupModule,
                     PoTimeModule,
                     PoTooltipModule,
-                    PoIconModule
+                    PoIconModule,
+                    PoCheckboxModule
                 ],
                 declarations: [
                     PoTableComponent,
@@ -17590,6 +17975,7 @@ PoTableModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [DecimalP
         PoTableCellTemplateDirective,
         PoTableColumnTemplateDirective], imports: [CommonModule,
         FormsModule,
+        ScrollingModule,
         RouterModule,
         PoButtonModule,
         PoCheckboxGroupModule,
@@ -17600,271 +17986,12 @@ PoTableModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [DecimalP
         PoPopupModule,
         PoTimeModule,
         PoTooltipModule,
-        PoIconModule], exports: [PoTableComponent,
+        PoIconModule,
+        PoCheckboxModule], exports: [PoTableComponent,
         PoTableRowTemplateDirective,
         PoTableCellTemplateDirective,
         PoTableColumnTemplateDirective] }); })();
 
-/**
- * @docsPrivate
- *
- * @description
- *
- * Enum que contém os valores numéricos dos *keyCodes*.
- */
-var PoKeyCodeEnum;
-(function (PoKeyCodeEnum) {
-    /** Seta para baixo */
-    PoKeyCodeEnum[PoKeyCodeEnum["arrowDown"] = 40] = "arrowDown";
-    /** Seta para cima */
-    PoKeyCodeEnum[PoKeyCodeEnum["arrowUp"] = 38] = "arrowUp";
-    /** Backspace */
-    PoKeyCodeEnum[PoKeyCodeEnum["backspace"] = 8] = "backspace";
-    /** Delete */
-    PoKeyCodeEnum[PoKeyCodeEnum["delete"] = 46] = "delete";
-    /** Enter */
-    PoKeyCodeEnum[PoKeyCodeEnum["enter"] = 13] = "enter";
-    /** Esc */
-    PoKeyCodeEnum[PoKeyCodeEnum["esc"] = 27] = "esc";
-    /** Tecla K */
-    PoKeyCodeEnum[PoKeyCodeEnum["keyK"] = 75] = "keyK";
-    /** Tecla L */
-    PoKeyCodeEnum[PoKeyCodeEnum["keyL"] = 76] = "keyL";
-    /** Espaço */
-    PoKeyCodeEnum[PoKeyCodeEnum["space"] = 32] = "space";
-    /** Tab */
-    PoKeyCodeEnum[PoKeyCodeEnum["tab"] = 9] = "tab";
-})(PoKeyCodeEnum || (PoKeyCodeEnum = {}));
-
-/**
- * @description
- *
- * O componente `po-checkbox` exibe uma caixa de opção com um texto ao lado, na qual é possível marcar e desmarcar através tanto
- * no *click* do *mouse* quanto por meio da tecla *space* quando estiver com foco.
- *
- * Cada opção poderá receber um estado de marcado, desmarcado, indeterminado/mixed e desabilitado, como também uma ação que será disparada quando
- * ocorrer mudanças do valor.
- *
- * > O *model* deste componente aceitará valores igual à `true`, `false` ou `null` para quando for indeterminado/mixed.
- *
- * **Acessibilidade tratada no componente:**
- *
- * Algumas diretrizes de acessibilidade já são tratadas no componente, internamente, e não podem ser alteradas pelo proprietário do conteúdo. São elas:
- *
- * - O componente foi desenvolvido utilizando controles padrões HTML para permitir a identificação do mesmo na interface por tecnologias assistivas. [WCAG 4.1.2: Name, Role, Value](https://www.w3.org/WAI/WCAG21/Understanding/name-role-value)
- * - A área do foco precisar ter uma espessura de pelo menos 2 pixels CSS e o foco não pode ficar escondido por outros elementos da tela. [WCAG 2.4.12: Focus Appearance](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-enhanced)
- * - A cor não deve ser o único meio para diferenciar o componente do seu estado marcado e desmarcado. [WGAG 1.4.1: Use of Color, 3.2.4: Consistent Identification](https://www.w3.org/WAI/WCAG21/Understanding/use-of-color)
- */
-class PoCheckboxBaseComponent {
-    constructor() {
-        /**
-         * @optional
-         *
-         * @description
-         *
-         * Aplica foco no elemento ao ser iniciado.
-         *
-         * > Caso mais de um elemento seja configurado com essa propriedade, apenas o último elemento declarado com ela terá o foco.
-         *
-         * @default `false`
-         */
-        this.autoFocus = false;
-        /**
-         * @optional
-         *
-         * @description
-         *
-         * Evento disparado quando o valor do *checkbox* for alterado.
-         */
-        this.change = new EventEmitter();
-        this.id = uuid();
-        this._disabled = false;
-    }
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define o estado do *checkbox* como desabilitado.
-     *
-     * @default `false`
-     */
-    set disabled(value) {
-        this._disabled = convertToBoolean(value);
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    changeValue() {
-        if (this.propagateChange) {
-            this.propagateChange(this.checkboxValue);
-        }
-        this.change.emit(this.checkboxValue);
-    }
-    checkOption(value) {
-        if (!this.disabled) {
-            value === 'mixed' ? this.changeModelValue(true) : this.changeModelValue(!value);
-            this.changeValue();
-        }
-    }
-    // Função implementada do ControlValueAccessor
-    // Usada para interceptar os estados de habilitado via forms api
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    registerOnChange(fn) {
-        this.propagateChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    writeValue(value) {
-        if (value !== this.checkboxValue) {
-            this.changeModelValue(value);
-        }
-    }
-}
-PoCheckboxBaseComponent.ɵfac = function PoCheckboxBaseComponent_Factory(t) { return new (t || PoCheckboxBaseComponent)(); };
-PoCheckboxBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoCheckboxBaseComponent, inputs: { name: "name", autoFocus: ["p-auto-focus", "autoFocus"], label: ["p-label", "label"], disabled: ["p-disabled", "disabled"] }, outputs: { change: "p-change" } });
-__decorate([
-    InputBoolean()
-], PoCheckboxBaseComponent.prototype, "autoFocus", void 0);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoCheckboxBaseComponent, [{
-        type: Directive
-    }], null, { name: [{
-            type: Input,
-            args: ['name']
-        }], autoFocus: [{
-            type: Input,
-            args: ['p-auto-focus']
-        }], label: [{
-            type: Input,
-            args: ['p-label']
-        }], change: [{
-            type: Output,
-            args: ['p-change']
-        }], disabled: [{
-            type: Input,
-            args: ['p-disabled']
-        }] }); })();
-
-const _c0$V = ["checkboxLabel"];
-/**
- * @docsExtends PoCheckboxBaseComponent
- *
- * @example
- *
- * <example name="po-checkbox-basic" title="PO Checkbox Basic">
- *   <file name="sample-po-checkbox-basic/sample-po-checkbox-basic.component.html"> </file>
- *   <file name="sample-po-checkbox-basic/sample-po-checkbox-basic.component.ts"> </file>
- * </example>
- *
- * <example name="po-checkbox-labs" title="PO Checkbox Labs">
- *   <file name="sample-po-checkbox-labs/sample-po-checkbox-labs.component.html"> </file>
- *   <file name="sample-po-checkbox-labs/sample-po-checkbox-labs.component.ts"> </file>
- * </example>
- *
- * <example name="po-checkbox-acceptance-term" title="PO Checkbox - Acceptance Term">
- *   <file name="sample-po-checkbox-acceptance-term/sample-po-checkbox-acceptance-term.component.html"> </file>
- *   <file name="sample-po-checkbox-acceptance-term/sample-po-checkbox-acceptance-term.component.ts"> </file>
- * </example>
- */
-class PoCheckboxComponent extends PoCheckboxBaseComponent {
-    constructor(changeDetector) {
-        super();
-        this.changeDetector = changeDetector;
-    }
-    /**
-     * Função que atribui foco ao *checkbox*.
-     *
-     * Para utilizá-la é necessário capturar a referência do componente no DOM através do `ViewChild`, como por exemplo:
-     *
-     * ```
-     * ...
-     * import { ViewChild } from '@angular/core';
-     * import { PoCheckboxComponent } from '@po-ui/ng-components';
-     *
-     * ...
-     *
-     * @ViewChild(PoCheckboxComponent, { static: true }) checkbox: PoCheckboxComponent;
-     *
-     * focusCheckbox() {
-     *   this.checkbox.focus();
-     * }
-     * ```
-     */
-    focus() {
-        if (this.checkboxLabel && !this.disabled) {
-            this.checkboxLabel.nativeElement.focus();
-        }
-    }
-    onBlur() {
-        this.onTouched?.();
-    }
-    ngAfterViewInit() {
-        if (this.autoFocus) {
-            this.focus();
-        }
-    }
-    onKeyDown(event, value) {
-        if (event.which === PoKeyCodeEnum.space || event.keyCode === PoKeyCodeEnum.space) {
-            this.checkOption(value);
-            event.preventDefault();
-        }
-    }
-    changeModelValue(value) {
-        if (value === null) {
-            this.checkboxValue = 'mixed';
-        }
-        else {
-            this.checkboxValue = typeof value === 'boolean' || value === null ? value : false;
-        }
-        this.changeDetector.detectChanges();
-    }
-}
-PoCheckboxComponent.ɵfac = function PoCheckboxComponent_Factory(t) { return new (t || PoCheckboxComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-PoCheckboxComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoCheckboxComponent, selectors: [["po-checkbox"]], viewQuery: function PoCheckboxComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$V, 7);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxLabel = _t.first);
-    } }, features: [i0.ɵɵProvidersFeature([
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => PoCheckboxComponent),
-                multi: true
-            }
-        ]), i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 8, consts: [[1, "container-po-checkbox", 3, "click", "keydown"], ["role", "checkbox", 1, "po-checkbox", 3, "id", "tabindex"], ["tabindex", "-1", 1, "po-checkbox-label", 3, "for"], ["checkboxLabel", ""]], template: function PoCheckboxComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵlistener("click", function PoCheckboxComponent_Template_div_click_0_listener() { return ctx.checkOption(ctx.checkboxValue); })("keydown", function PoCheckboxComponent_Template_div_keydown_0_listener($event) { return ctx.onKeyDown($event, ctx.checkboxValue); });
-        i0.ɵɵelement(1, "span", 1);
-        i0.ɵɵelementStart(2, "label", 2, 3);
-        i0.ɵɵtext(4);
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵattribute("checked", ctx.checkboxValue);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("id", ctx.id)("tabindex", ctx.disabled ? -1 : 0);
-        i0.ɵɵattribute("aria-checked", ctx.checkboxValue)("aria-label", ctx.label)("aria-disabled", ctx.disabled);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("for", ctx.id);
-        i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate1(" ", ctx.label, " ");
-    } }, encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoCheckboxComponent, [{
-        type: Component,
-        args: [{ selector: 'po-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => PoCheckboxComponent),
-                        multi: true
-                    }
-                ], template: "<div\n  class=\"container-po-checkbox\"\n  [attr.checked]=\"checkboxValue\"\n  (click)=\"checkOption(checkboxValue)\"\n  (keydown)=\"onKeyDown($event, checkboxValue)\"\n>\n  <span\n    [attr.aria-checked]=\"checkboxValue\"\n    [attr.aria-label]=\"label\"\n    [id]=\"id\"\n    class=\"po-checkbox\"\n    role=\"checkbox\"\n    [attr.aria-disabled]=\"disabled\"\n    [tabindex]=\"disabled ? -1 : 0\"\n  >\n  </span>\n\n  <label #checkboxLabel [for]=\"id\" class=\"po-checkbox-label\" tabindex=\"-1\">\n    {{ label }}\n  </label>\n</div>\n" }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { checkboxLabel: [{
-            type: ViewChild,
-            args: ['checkboxLabel', { static: true }]
-        }] }); })();
-
 /**
  * @usedBy PoComboComponent
  *
@@ -18498,6 +18625,7 @@ class PoComboBaseComponent {
         this.callModelChange(value);
         this.updateSelectedValue(null);
         this.updateComboList();
+        this.initInputObservable();
     }
     configAfterSetFilterService(service) {
         if (service) {
@@ -27243,9 +27371,11 @@ PoUploadDragDropAreaOverlayComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponen
  * Cada um destes métodos recebe como parâmetro o objeto `PoNotification` que contém os dados da mensagem e o
  * objeto ViewContainerRef que é a representação do container do componente onde será criada a notificação.
  *
- * Estas notificações serão exibidas durante 10 segundos por padrão, podendo ser alterada conforme necessidade.
+ * Estas notificações serão exibidas durante 9 segundos por padrão, podendo ser alterada conforme necessidade.
  * Após este tempo a mesma é removida automaticamente.
  *
+ * Notificações com ação ou notificações de `erro` permanecerão em tela até o usuário fecha-lá ou clicar na ação.
+ *
  * O serviço possui um limite de até 5 notificações por vez, a partir do sexto a primeira notificação será removida dando lugar a nova.
  *
  */
@@ -27256,7 +27386,7 @@ class PoNotificationBaseService {
         // Array responsável por guardar a instância de po-toaster's inferiores.
         this.stackBottom = [];
         // Duração da notificação ativa.
-        this.defaultDuration = 10000;
+        this.defaultDuration = 9000;
     }
     /**
      * Emite uma notificação de sucesso.
@@ -27293,7 +27423,7 @@ class PoNotificationBaseService {
     /**
      * Define em milissegundos a duração padrão para as notificações.
      *
-     * > Padrão 10 segundos.
+     * > Padrão 9 segundos.
      *
      * @param {number} defaultDuration Duração em milisegundos
      */
@@ -27375,7 +27505,7 @@ class PoNotificationService extends PoNotificationBaseService {
         stack.push(componentRef);
         this.verifyLimitToaster(stack);
         this.observableOnClose(componentRef);
-        if (!(toaster.action && toaster.actionLabel)) {
+        if (!((toaster.action && toaster.actionLabel) || toaster.type === PoToasterType.Error)) {
             timer(toaster.duration)
                 .pipe(takeWhile(() => componentRef.instance.alive))
                 .subscribe(() => {
@@ -28199,7 +28329,7 @@ PoUploadComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoUploadC
                 useExisting: forwardRef(() => PoUploadComponent),
                 multi: true
             }
-        ]), i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 13, consts: [[3, "p-label", "p-help", "p-optional"], [1, "po-upload"], ["type", "file", 1, "po-upload-input", 3, "accept", "disabled", "multiple", "required", "change"], ["inputFile", ""], [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-type", "primary", 3, "po-mt-3", "p-disabled", "p-label", "p-click", 4, "ngIf"], [3, "p-directory-compatible", "p-disabled", "p-drag-drop-height", "p-literals", "p-file-change", "p-select-files"], ["for", "file", 1, "po-upload-button", 3, "p-disabled", "p-label", "p-click"], ["uploadButton", ""], [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"], ["p-no-shadow", "", 3, "p-height", "p-no-border", "p-no-padding"], [3, "ngClass"], [3, "p-info", "p-info-icon", "p-status", "p-text", "p-value", "p-cancel", "p-retry", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "p-info", "p-info-icon", "p-status", "p-text", "p-value", "p-cancel", "p-retry"], ["p-type", "primary", 1, "po-upload-send-button", 3, "p-disabled", "p-label", "p-click"]], template: function PoUploadComponent_Template(rf, ctx) { if (rf & 1) {
+        ]), i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 13, consts: [[3, "p-label", "p-help", "p-optional"], [1, "po-upload"], ["type", "file", 1, "po-upload-input", 3, "accept", "disabled", "multiple", "required", "change"], ["inputFile", ""], [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-directory-compatible", "p-disabled", "p-drag-drop-height", "p-literals", "p-file-change", "p-select-files"], ["for", "file", 1, "po-upload-button", 3, "p-disabled", "p-label", "p-click"], ["uploadButton", ""], [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"], ["p-no-shadow", "", 3, "p-height", "p-no-border", "p-no-padding"], [3, "ngClass"], [3, "p-info", "p-info-icon", "p-status", "p-text", "p-value", "p-cancel", "p-retry", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "p-info", "p-info-icon", "p-status", "p-text", "p-value", "p-cancel", "p-retry"], ["p-kind", "primary", 1, "po-upload-send-button", 3, "p-disabled", "p-label", "p-click"]], template: function PoUploadComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "po-field-container", 0)(1, "div", 1)(2, "input", 2, 3);
         i0.ɵɵlistener("change", function PoUploadComponent_Template_input_change_2_listener($event) { return ctx.onFileChange($event); });
         i0.ɵɵelementEnd();
@@ -28240,7 +28370,7 @@ PoUploadComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoUploadC
                         useExisting: forwardRef(() => PoUploadComponent),
                         multi: true
                     }
-                ], template: "<po-field-container [p-label]=\"label\" [p-help]=\"help\" [p-optional]=\"!required && optional\">\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      [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-no-shadow\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-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-type=\"primary\"\n      [p-disabled]=\"hasAnyFileUploading(currentFiles)\"\n      [p-label]=\"literals.startSending\"\n      (p-click)=\"uploadFiles(currentFiles)\"\n    >\n    </po-button>\n  </div>\n</po-field-container>\n" }]
+                ], template: "<po-field-container [p-label]=\"label\" [p-help]=\"help\" [p-optional]=\"!required && optional\">\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      [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-no-shadow\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-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    >\n    </po-button>\n  </div>\n</po-field-container>\n" }]
     }], function () { return [{ type: PoUploadService }, { type: i0.Renderer2 }, { type: PoI18nPipe }, { type: PoNotificationService }, { type: i0.ChangeDetectorRef }, { type: PoLanguageService }]; }, { inputFile: [{
             type: ViewChild,
             args: ['inputFile', { read: ElementRef, static: true }]
@@ -31375,11 +31505,13 @@ PoFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], impor
             PoServicesModule,
             PoTableModule,
             PoTooltipModule,
-            PoIconModule
+            PoIconModule,
+            PoCheckboxModule
         ], PoCheckboxGroupModule,
         PoCleanModule,
         PoDatepickerModule,
-        PoFieldContainerModule] });
+        PoFieldContainerModule,
+        PoCheckboxModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoFieldModule, [{
         type: NgModule,
         args: [{
@@ -31403,13 +31535,13 @@ PoFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], impor
                     PoServicesModule,
                     PoTableModule,
                     PoTooltipModule,
-                    PoIconModule
+                    PoIconModule,
+                    PoCheckboxModule
                 ],
                 exports: [
                     PoCheckboxGroupModule,
                     PoCleanModule,
                     PoDatepickerModule,
-                    PoCheckboxComponent,
                     PoComboComponent,
                     PoComboOptionTemplateDirective,
                     PoDecimalComponent,
@@ -31430,10 +31562,10 @@ PoFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], impor
                     PoSwitchComponent,
                     PoTextareaComponent,
                     PoUploadComponent,
-                    PoUrlComponent
+                    PoUrlComponent,
+                    PoCheckboxModule
                 ],
                 declarations: [
-                    PoCheckboxComponent,
                     PoComboComponent,
                     PoComboOptionTemplateDirective,
                     PoDecimalComponent,
@@ -31470,8 +31602,7 @@ PoFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], impor
                 providers: []
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoFieldModule, { declarations: [PoCheckboxComponent,
-        PoComboComponent,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoFieldModule, { declarations: [PoComboComponent,
         PoComboOptionTemplateDirective,
         PoDecimalComponent,
         PoDatepickerRangeComponent,
@@ -31521,10 +31652,10 @@ PoFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], impor
         PoServicesModule,
         PoTableModule,
         PoTooltipModule,
-        PoIconModule], exports: [PoCheckboxGroupModule,
+        PoIconModule,
+        PoCheckboxModule], exports: [PoCheckboxGroupModule,
         PoCleanModule,
         PoDatepickerModule,
-        PoCheckboxComponent,
         PoComboComponent,
         PoComboOptionTemplateDirective,
         PoDecimalComponent,
@@ -31545,7 +31676,8 @@ PoFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], impor
         PoSwitchComponent,
         PoTextareaComponent,
         PoUploadComponent,
-        PoUrlComponent] }); })();
+        PoUrlComponent,
+        PoCheckboxModule] }); })();
 i0.ɵɵsetComponentScope(PoMultiselectComponent, [PoFieldContainerComponent, i1.NgIf, i1.NgForOf, PoDisclaimerComponent, i1.NgClass, PoMultiselectDropdownComponent, PoFieldContainerBottomComponent], []);
 i0.ɵɵsetComponentScope(PoMultiselectDropdownComponent, [i1.NgIf, PoMultiselectSearchComponent, PoLoadingComponent, PoMultiselectItemComponent, i1.NgForOf], []);
 
@@ -32118,18 +32250,25 @@ PoTagModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], imports
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoTagModule, { declarations: [PoTagComponent], imports: [CommonModule, PoIconModule], exports: [PoTagComponent] }); })();
 
-function getGridColumnsClasses(smColumns, mdColumns, lgColumns, xlColumns, gridColumns, pullColumns) {
+function getGridColumnsClasses(gridColumns, offsetColumns, grid, offset, pull) {
     const systemGrid = {
-        sm: smColumns || gridColumns || 12,
-        md: mdColumns || gridColumns || 6,
-        lg: lgColumns || gridColumns || 4,
-        xl: xlColumns || gridColumns || 3,
-        pullSm: pullColumns?.smPull || 0,
-        pullMd: pullColumns?.mdPull || 0,
-        pullLg: pullColumns?.lgPull || 0,
-        pullXl: pullColumns?.xlPull || 0
+        gridSm: grid?.smGrid || gridColumns || 12,
+        gridMd: grid?.mdGrid || gridColumns || 6,
+        gridLg: grid?.lgGrid || gridColumns || 4,
+        gridXl: grid?.xlGrid || gridColumns || 3,
+        offsetSm: offset?.smOffset || offsetColumns || 0,
+        offsetMd: offset?.mdOffset || offsetColumns || 0,
+        offsetLg: offset?.lgOffset || offsetColumns || 0,
+        offsetXl: offset?.xlOffset || offsetColumns || 0,
+        pullSm: pull?.smPull || 0,
+        pullMd: pull?.mdPull || 0,
+        pullLg: pull?.lgPull || 0,
+        pullXl: pull?.xlPull || 0
     };
-    return `po-sm-${systemGrid.sm} po-pull-sm-${systemGrid.pullSm} po-md-${systemGrid.md} po-pull-md-${systemGrid.pullMd} po-lg-${systemGrid.lg} po-pull-lg-${systemGrid.pullLg} po-xl-${systemGrid.xl} po-pull-xl-${systemGrid.pullXl}`;
+    return (`po-sm-${systemGrid.gridSm} po-offset-sm-${systemGrid.offsetSm} po-pull-sm-${systemGrid.pullSm} ` +
+        `po-md-${systemGrid.gridMd} po-offset-md-${systemGrid.offsetMd} po-pull-md-${systemGrid.pullMd} ` +
+        `po-lg-${systemGrid.gridLg} po-offset-lg-${systemGrid.offsetLg} po-pull-lg-${systemGrid.pullLg} ` +
+        `po-xl-${systemGrid.gridXl} po-offset-xl-${systemGrid.offsetXl} po-pull-xl-${systemGrid.pullXl}`);
 }
 function isVisibleField(field) {
     const containsVisible = 'visible' in field;
@@ -32226,7 +32365,17 @@ class PoDynamicFormFieldsBaseComponent {
         const options = !!field.options ? this.convertOptions(field.options) : undefined;
         const focus = this.hasFocus(field);
         const type = field && field.type ? field.type.toLocaleLowerCase() : 'string';
-        const componentClass = getGridColumnsClasses(field.gridSmColumns, field.gridMdColumns, field.gridLgColumns, field.gridXlColumns, field.gridColumns, {
+        const componentClass = getGridColumnsClasses(field.gridColumns, field.offsetColumns, {
+            smGrid: field.gridSmColumns,
+            mdGrid: field.gridMdColumns,
+            lgGrid: field.gridLgColumns,
+            xlGrid: field.gridXlColumns
+        }, {
+            smOffset: field.offsetSmColumns,
+            mdOffset: field.offsetMdColumns,
+            lgOffset: field.offsetLgColumns,
+            xlOffset: field.offsetXlColumns
+        }, {
             smPull: field.gridSmPull,
             mdPull: field.gridMdPull,
             lgPull: field.gridLgPull,
@@ -32825,7 +32974,17 @@ class PoDynamicViewBaseComponent {
     createField(field) {
         const property = field.property;
         const value = this.transformValue(field.type, this.value[property], field.format);
-        const classesGridColumns = getGridColumnsClasses(field.gridSmColumns, field.gridMdColumns, field.gridLgColumns, field.gridXlColumns, field.gridColumns, {
+        const classesGridColumns = getGridColumnsClasses(field.gridColumns, field.offsetColumns, {
+            smGrid: field.gridSmColumns,
+            mdGrid: field.gridMdColumns,
+            lgGrid: field.gridLgColumns,
+            xlGrid: field.gridXlColumns
+        }, {
+            smOffset: field.offsetSmColumns,
+            mdOffset: field.offsetMdColumns,
+            lgOffset: field.offsetLgColumns,
+            xlOffset: field.offsetXlColumns
+        }, {
             smPull: field.gridSmPull,
             mdPull: field.gridMdPull,
             lgPull: field.gridLgPull,
@@ -35234,7 +35393,7 @@ function PoListViewComponent_ng_container_4_div_9_po_button_1_Template(rf, ctx)
     const action_r35 = ctx.$implicit;
     const item_r7 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r34 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("p-disabled", ctx_r34.returnBooleanValue(action_r35, item_r7))("p-icon", action_r35.icon)("p-label", action_r35.label)("p-type", action_r35.type);
+    i0.ɵɵproperty("p-disabled", ctx_r34.returnBooleanValue(action_r35, item_r7))("p-icon", action_r35.icon)("p-label", action_r35.label)("p-kind", action_r35.type);
 } }
 function PoListViewComponent_ng_container_4_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 30);
@@ -35451,7 +35610,7 @@ PoListViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoListV
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.poPopupComponent = _t.first);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 13, consts: [["class", "po-list-view-main-header", 4, "ngIf"], [1, "po-list-view-main-content"], ["class", "po-list-view", 4, "ngIf"], [4, "ngFor", "ngForOf", "ngForTrackBy"], ["class", "po-mb-2 po-text-center", 4, "ngIf"], [3, "p-actions", "p-target"], ["popup", ""], [1, "po-list-view-main-header"], [1, "po-checkbox-group-item"], [1, "po-list-view-main-select"], ["type", "checkbox", 1, "po-input", "po-checkbox-group-input"], [1, "po-checkbox-group-label", "po-list-view-selectable-label", "po-clickable", 3, "click"], [1, "po-list-view"], [1, "po-list-view-container-no-data", "po-text-center"], [1, "po-list-view-container"], [1, "po-list-view-header"], [1, "po-list-view-title", 3, "ngSwitch"], ["class", "po-list-view-select", 4, "ngIf"], ["class", "po-list-view-title-link", "target", "_blank", 3, "href", "click", 4, "ngSwitchCase"], ["class", "po-list-view-title-link", 3, "routerLink", "click", 4, "ngSwitchCase"], ["class", "po-list-view-title-no-link", 3, "po-list-view-title-link", "click", 4, "ngSwitchCase"], ["class", "po-list-view-actions", 4, "ngIf"], ["class", "po-list-view-more-actions", 4, "ngIf"], ["class", "po-list-view-content", 4, "ngIf"], ["class", "po-list-view-detail", 4, "ngIf"], ["class", "po-list-view-detail-button", 4, "ngIf"], [1, "po-list-view-select"], ["target", "_blank", 1, "po-list-view-title-link", 3, "href", "click"], [1, "po-list-view-title-link", 3, "routerLink", "click"], [1, "po-list-view-title-no-link", 3, "click"], [1, "po-list-view-actions"], ["p-small", "true", 3, "p-disabled", "p-icon", "p-label", "p-type", "p-click", 4, "ngFor", "ngForOf"], ["p-small", "true", 3, "p-disabled", "p-icon", "p-label", "p-type", "p-click"], [1, "po-list-view-more-actions"], [1, "po-icon", "po-icon-more", "po-list-view-more-icon", "po-clickable", 3, "click"], ["popupTarget", ""], [1, "po-list-view-content"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "po-list-view-detail"], [1, "po-list-view-detail-button"], [1, "po-clickable", 3, "click"], [1, "po-mb-2", "po-text-center"], [3, "p-disabled", "p-label", "p-click"]], template: function PoListViewComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 13, consts: [["class", "po-list-view-main-header", 4, "ngIf"], [1, "po-list-view-main-content"], ["class", "po-list-view", 4, "ngIf"], [4, "ngFor", "ngForOf", "ngForTrackBy"], ["class", "po-mb-2 po-text-center", 4, "ngIf"], [3, "p-actions", "p-target"], ["popup", ""], [1, "po-list-view-main-header"], [1, "po-checkbox-group-item"], [1, "po-list-view-main-select"], ["type", "checkbox", 1, "po-input", "po-checkbox-group-input"], [1, "po-checkbox-group-label", "po-list-view-selectable-label", "po-clickable", 3, "click"], [1, "po-list-view"], [1, "po-list-view-container-no-data", "po-text-center"], [1, "po-list-view-container"], [1, "po-list-view-header"], [1, "po-list-view-title", 3, "ngSwitch"], ["class", "po-list-view-select", 4, "ngIf"], ["class", "po-list-view-title-link", "target", "_blank", 3, "href", "click", 4, "ngSwitchCase"], ["class", "po-list-view-title-link", 3, "routerLink", "click", 4, "ngSwitchCase"], ["class", "po-list-view-title-no-link", 3, "po-list-view-title-link", "click", 4, "ngSwitchCase"], ["class", "po-list-view-actions", 4, "ngIf"], ["class", "po-list-view-more-actions", 4, "ngIf"], ["class", "po-list-view-content", 4, "ngIf"], ["class", "po-list-view-detail", 4, "ngIf"], ["class", "po-list-view-detail-button", 4, "ngIf"], [1, "po-list-view-select"], ["target", "_blank", 1, "po-list-view-title-link", 3, "href", "click"], [1, "po-list-view-title-link", 3, "routerLink", "click"], [1, "po-list-view-title-no-link", 3, "click"], [1, "po-list-view-actions"], ["p-small", "true", 3, "p-disabled", "p-icon", "p-label", "p-kind", "p-click", 4, "ngFor", "ngForOf"], ["p-small", "true", 3, "p-disabled", "p-icon", "p-label", "p-kind", "p-click"], [1, "po-list-view-more-actions"], [1, "po-icon", "po-icon-more", "po-list-view-more-icon", "po-clickable", 3, "click"], ["popupTarget", ""], [1, "po-list-view-content"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "po-list-view-detail"], [1, "po-list-view-detail-button"], [1, "po-clickable", 3, "click"], [1, "po-mb-2", "po-text-center"], [3, "p-disabled", "p-label", "p-click"]], template: function PoListViewComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div");
         i0.ɵɵtemplate(1, PoListViewComponent_div_1_Template, 6, 5, "div", 0);
         i0.ɵɵelementStart(2, "div", 1);
@@ -35490,7 +35649,7 @@ PoListViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoListV
                         transition('* => void', [style({ height: '*', 'overflow-y': 'hidden' }), animate(100, style({ height: 0 }))]),
                         transition('void => *', [style({ height: '0' }), animate(100, style({ height: '*' }))])
                     ])
-                ], template: "<div\n  [class.po-list-view-main-container-header]=\"showHeader\"\n  [class.po-list-view-main-container]=\"!showHeader\"\n  [style.height.px]=\"height\"\n>\n  <div *ngIf=\"showHeader\" class=\"po-list-view-main-header\">\n    <div class=\"po-checkbox-group-item\">\n      <div class=\"po-list-view-main-select\">\n        <input\n          class=\"po-input po-checkbox-group-input\"\n          type=\"checkbox\"\n          [class.po-checkbox-group-input-checked]=\"selectAll\"\n          [class.po-checkbox-group-input-indeterminate]=\"selectAll === null\"\n        />\n        <label\n          class=\"po-checkbox-group-label po-list-view-selectable-label po-clickable\"\n          (click)=\"selectAllListItems()\"\n        >\n          {{ literals.selectAll }}\n        </label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"po-list-view-main-content\">\n    <div class=\"po-list-view\" *ngIf=\"!hasItems()\">\n      <div class=\"po-list-view-container-no-data po-text-center\">\n        <span> {{ literals.noData }} </span>\n      </div>\n    </div>\n\n    <ng-container *ngFor=\"let item of items; let index = index; trackBy: trackBy\">\n      <div class=\"po-list-view\">\n        <div class=\"po-list-view-container\">\n          <div class=\"po-list-view-header\">\n            <div class=\"po-list-view-title\" [ngSwitch]=\"checkTitleType(item)\">\n              <div *ngIf=\"select\" class=\"po-list-view-select\">\n                <input\n                  class=\"po-input po-checkbox-group-input\"\n                  type=\"checkbox\"\n                  [class.po-checkbox-group-input-checked]=\"item.$selected\"\n                />\n                <label\n                  class=\"po-checkbox-group-label po-list-view-selectable-label po-clickable\"\n                  (click)=\"selectListItem(item)\"\n                ></label>\n              </div>\n              <a\n                *ngSwitchCase=\"'externalLink'\"\n                class=\"po-list-view-title-link\"\n                target=\"_blank\"\n                [href]=\"item[propertyLink]\"\n                (click)=\"runTitleAction(item)\"\n              >\n                {{ getItemTitle(item) }}\n              </a>\n              <a\n                *ngSwitchCase=\"'internalLink'\"\n                class=\"po-list-view-title-link\"\n                [routerLink]=\"item[propertyLink]\"\n                (click)=\"runTitleAction(item)\"\n              >\n                {{ getItemTitle(item) }}\n              </a>\n              <span\n                *ngSwitchCase=\"'noLink'\"\n                class=\"po-list-view-title-no-link\"\n                [class.po-list-view-title-link]=\"titleHasAction\"\n                (click)=\"titleHasAction && runTitleAction(item)\"\n              >\n                {{ getItemTitle(item) }}\n              </span>\n            </div>\n\n            <div *ngIf=\"showButtonsActions\" class=\"po-list-view-actions\">\n              <po-button\n                *ngFor=\"let action of visibleActions\"\n                p-small=\"true\"\n                [p-disabled]=\"returnBooleanValue(action, item)\"\n                [p-icon]=\"action.icon\"\n                [p-label]=\"action.label\"\n                [p-type]=\"action.type\"\n                (p-click)=\"onClickAction(action, item)\"\n              >\n              </po-button>\n            </div>\n\n            <div *ngIf=\"showPopupActions\" class=\"po-list-view-more-actions\">\n              <span\n                #popupTarget\n                class=\"po-icon po-icon-more po-list-view-more-icon po-clickable\"\n                (click)=\"togglePopup(item, popupTarget)\"\n              >\n              </span>\n            </div>\n          </div>\n\n          <div *ngIf=\"hasContentTemplate\" class=\"po-list-view-content\">\n            <ng-template\n              [ngTemplateOutlet]=\"listViewContentTemplate.templateRef\"\n              [ngTemplateOutletContext]=\"{ $implicit: item, index: index }\"\n            >\n            </ng-template>\n          </div>\n\n          <div @showHideDetail *ngIf=\"hasDetailTemplate && item.$showDetail\" class=\"po-list-view-detail\">\n            <ng-template\n              [ngTemplateOutlet]=\"listViewDetailTemplate.templateRef\"\n              [ngTemplateOutletContext]=\"{ $implicit: item, index: index }\"\n            >\n            </ng-template>\n          </div>\n        </div>\n\n        <div *ngIf=\"hasDetailTemplate\" class=\"po-list-view-detail-button\">\n          <span class=\"po-clickable\" (click)=\"item.$showDetail = !item.$showDetail\">\n            {{ item.$showDetail ? literals.hideDetails : literals.showDetails }}\n          </span>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</div>\n\n<div *ngIf=\"displayShowMoreButton\" class=\"po-mb-2 po-text-center\">\n  <po-button [p-disabled]=\"showMoreDisabled\" [p-label]=\"literals.loadMoreData\" (p-click)=\"onShowMore()\"> </po-button>\n</div>\n\n<po-popup #popup [p-actions]=\"actions\" [p-target]=\"popupTarget\"> </po-popup>\n" }]
+                ], template: "<div\n  [class.po-list-view-main-container-header]=\"showHeader\"\n  [class.po-list-view-main-container]=\"!showHeader\"\n  [style.height.px]=\"height\"\n>\n  <div *ngIf=\"showHeader\" class=\"po-list-view-main-header\">\n    <div class=\"po-checkbox-group-item\">\n      <div class=\"po-list-view-main-select\">\n        <input\n          class=\"po-input po-checkbox-group-input\"\n          type=\"checkbox\"\n          [class.po-checkbox-group-input-checked]=\"selectAll\"\n          [class.po-checkbox-group-input-indeterminate]=\"selectAll === null\"\n        />\n        <label\n          class=\"po-checkbox-group-label po-list-view-selectable-label po-clickable\"\n          (click)=\"selectAllListItems()\"\n        >\n          {{ literals.selectAll }}\n        </label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"po-list-view-main-content\">\n    <div class=\"po-list-view\" *ngIf=\"!hasItems()\">\n      <div class=\"po-list-view-container-no-data po-text-center\">\n        <span> {{ literals.noData }} </span>\n      </div>\n    </div>\n\n    <ng-container *ngFor=\"let item of items; let index = index; trackBy: trackBy\">\n      <div class=\"po-list-view\">\n        <div class=\"po-list-view-container\">\n          <div class=\"po-list-view-header\">\n            <div class=\"po-list-view-title\" [ngSwitch]=\"checkTitleType(item)\">\n              <div *ngIf=\"select\" class=\"po-list-view-select\">\n                <input\n                  class=\"po-input po-checkbox-group-input\"\n                  type=\"checkbox\"\n                  [class.po-checkbox-group-input-checked]=\"item.$selected\"\n                />\n                <label\n                  class=\"po-checkbox-group-label po-list-view-selectable-label po-clickable\"\n                  (click)=\"selectListItem(item)\"\n                ></label>\n              </div>\n              <a\n                *ngSwitchCase=\"'externalLink'\"\n                class=\"po-list-view-title-link\"\n                target=\"_blank\"\n                [href]=\"item[propertyLink]\"\n                (click)=\"runTitleAction(item)\"\n              >\n                {{ getItemTitle(item) }}\n              </a>\n              <a\n                *ngSwitchCase=\"'internalLink'\"\n                class=\"po-list-view-title-link\"\n                [routerLink]=\"item[propertyLink]\"\n                (click)=\"runTitleAction(item)\"\n              >\n                {{ getItemTitle(item) }}\n              </a>\n              <span\n                *ngSwitchCase=\"'noLink'\"\n                class=\"po-list-view-title-no-link\"\n                [class.po-list-view-title-link]=\"titleHasAction\"\n                (click)=\"titleHasAction && runTitleAction(item)\"\n              >\n                {{ getItemTitle(item) }}\n              </span>\n            </div>\n\n            <div *ngIf=\"showButtonsActions\" class=\"po-list-view-actions\">\n              <po-button\n                *ngFor=\"let action of visibleActions\"\n                p-small=\"true\"\n                [p-disabled]=\"returnBooleanValue(action, item)\"\n                [p-icon]=\"action.icon\"\n                [p-label]=\"action.label\"\n                [p-kind]=\"action.type\"\n                (p-click)=\"onClickAction(action, item)\"\n              >\n              </po-button>\n            </div>\n\n            <div *ngIf=\"showPopupActions\" class=\"po-list-view-more-actions\">\n              <span\n                #popupTarget\n                class=\"po-icon po-icon-more po-list-view-more-icon po-clickable\"\n                (click)=\"togglePopup(item, popupTarget)\"\n              >\n              </span>\n            </div>\n          </div>\n\n          <div *ngIf=\"hasContentTemplate\" class=\"po-list-view-content\">\n            <ng-template\n              [ngTemplateOutlet]=\"listViewContentTemplate.templateRef\"\n              [ngTemplateOutletContext]=\"{ $implicit: item, index: index }\"\n            >\n            </ng-template>\n          </div>\n\n          <div @showHideDetail *ngIf=\"hasDetailTemplate && item.$showDetail\" class=\"po-list-view-detail\">\n            <ng-template\n              [ngTemplateOutlet]=\"listViewDetailTemplate.templateRef\"\n              [ngTemplateOutletContext]=\"{ $implicit: item, index: index }\"\n            >\n            </ng-template>\n          </div>\n        </div>\n\n        <div *ngIf=\"hasDetailTemplate\" class=\"po-list-view-detail-button\">\n          <span class=\"po-clickable\" (click)=\"item.$showDetail = !item.$showDetail\">\n            {{ item.$showDetail ? literals.hideDetails : literals.showDetails }}\n          </span>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</div>\n\n<div *ngIf=\"displayShowMoreButton\" class=\"po-mb-2 po-text-center\">\n  <po-button [p-disabled]=\"showMoreDisabled\" [p-label]=\"literals.loadMoreData\" (p-click)=\"onShowMore()\"> </po-button>\n</div>\n\n<po-popup #popup [p-actions]=\"actions\" [p-target]=\"popupTarget\"> </po-popup>\n" }]
     }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.IterableDiffers }, { type: PoLanguageService }]; }, { listViewContentTemplate: [{
             type: ContentChild,
             args: [PoListViewContentTemplateDirective, { static: true }]
@@ -35749,11 +35908,28 @@ PoMenuService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoMenuServ
     }], function () { return [{ type: i1$1.HttpClient }]; }, null); })();
 
 const poMenuLiteralsDefault = {
-    en: { itemNotFound: 'Item not found.', emptyLabelError: 'Attribute PoMenuItem.label can not be empty.' },
-    es: { itemNotFound: 'Elemento no encontrado.', emptyLabelError: 'El atributo PoMenuItem.label no puede ser vacío.' },
-    pt: { itemNotFound: 'Item não encontrado.', emptyLabelError: 'O atributo PoMenuItem.label não pode ser vazio.' },
-    ru: { itemNotFound: 'Предмет не найден.', emptyLabelError: 'Атрибут PoMenuItem.label не может быть пустым.' }
+    en: {
+        itemNotFound: 'Item not found.',
+        emptyLabelError: 'Attribute PoMenuItem.label can not be empty.',
+        logomarcaHome: 'Home logo'
+    },
+    es: {
+        itemNotFound: 'Elemento no encontrado.',
+        emptyLabelError: 'El atributo PoMenuItem.label no puede ser vacío.',
+        logomarcaHome: 'Logomarca inicio'
+    },
+    pt: {
+        itemNotFound: 'Item não encontrado.',
+        emptyLabelError: 'O atributo PoMenuItem.label não pode ser vazio.',
+        logomarcaHome: 'Logomarca home'
+    },
+    ru: {
+        itemNotFound: 'Предмет не найден.',
+        emptyLabelError: 'Атрибут PoMenuItem.label не может быть пустым.',
+        logomarcaHome: 'Дом Логомарка'
+    }
 };
+const MAX_LENGHT = 125;
 /**
  * @description
  *
@@ -35773,6 +35949,7 @@ class PoMenuBaseComponent {
         };
         this._collapsed = false;
         this._filter = false;
+        this._logoAlt = this.literals.logomarcaHome;
         this._maxLevel = 4;
         this._menus = [];
     }
@@ -35913,6 +36090,22 @@ class PoMenuBaseComponent {
     get logo() {
         return this._logo;
     }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Texto alternativo para o logo.
+     *
+     * > Caso esta propriedade seja indefinida ou inválida o texto padrão será "Logomarca home".
+     */
+    set logoAlt(value) {
+        const alt = isTypeof(value, 'string') && value.trim() ? this.maxLength(value) : undefined;
+        this._logoAlt = alt ?? this._logoAlt;
+    }
+    get logoAlt() {
+        return this._logoAlt;
+    }
     /**
      * @optional
      *
@@ -36026,9 +36219,12 @@ class PoMenuBaseComponent {
             });
         }
     }
+    maxLength(value) {
+        return value.length > MAX_LENGHT ? value.toString().substring(0, MAX_LENGHT) : value;
+    }
 }
 PoMenuBaseComponent.ɵfac = function PoMenuBaseComponent_Factory(t) { return new (t || PoMenuBaseComponent)(i0.ɵɵdirectiveInject(PoMenuGlobalService), i0.ɵɵdirectiveInject(PoMenuService), i0.ɵɵdirectiveInject(PoLanguageService)); };
-PoMenuBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoMenuBaseComponent, inputs: { collapsed: ["p-collapsed", "collapsed"], menus: ["p-menus", "menus"], filter: ["p-filter", "filter"], service: ["p-service", "service"], params: ["p-params", "params"], logo: ["p-logo", "logo"], shortLogo: ["p-short-logo", "shortLogo"] } });
+PoMenuBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoMenuBaseComponent, inputs: { collapsed: ["p-collapsed", "collapsed"], menus: ["p-menus", "menus"], filter: ["p-filter", "filter"], service: ["p-service", "service"], params: ["p-params", "params"], logo: ["p-logo", "logo"], logoAlt: ["p-logo-alt", "logoAlt"], shortLogo: ["p-short-logo", "shortLogo"] } });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoMenuBaseComponent, [{
         type: Directive
     }], function () { return [{ type: PoMenuGlobalService }, { type: PoMenuService }, { type: PoLanguageService }]; }, { collapsed: [{
@@ -36049,6 +36245,9 @@ PoMenuBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoMenuB
         }], logo: [{
             type: Input,
             args: ['p-logo']
+        }], logoAlt: [{
+            type: Input,
+            args: ['p-logo-alt']
         }], shortLogo: [{
             type: Input,
             args: ['p-short-logo']
@@ -36580,7 +36779,7 @@ function PoMenuComponent_div_6_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.enableCollapse ? "po-menu-short-logo" : "po-menu-logo")("src", ctx_r1.enableCollapse ? ctx_r1.shortLogo || ctx_r1.logo : ctx_r1.logo, i0.ɵɵsanitizeUrl);
+    i0.ɵɵproperty("ngClass", ctx_r1.enableCollapse ? "po-menu-short-logo" : "po-menu-logo")("src", ctx_r1.enableCollapse ? ctx_r1.shortLogo || ctx_r1.logo : ctx_r1.logo, i0.ɵɵsanitizeUrl)("alt", ctx_r1.logoAlt);
 } }
 function PoMenuComponent_div_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -37104,14 +37303,14 @@ PoMenuComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoMenuCompo
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.menuHeaderTemplate = _t.first);
-    } }, features: [i0.ɵɵProvidersFeature([PoMenuItemsService, PoMenuService]), i0.ɵɵInheritDefinitionFeature], decls: 15, vars: 10, consts: [["class", "po-menu-overlay", 3, "click", 4, "ngIf"], [1, "po-menu-mobile", "po-clickable", 3, "click"], [1, "po-icon", "po-icon-menu"], [1, "po-menu", 3, "ngClass"], [1, "po-menu-header"], ["class", "po-menu-header-container-logo", 4, "ngIf"], ["class", "po-menu-header-template", 4, "ngIf"], [3, "p-loading", "p-filter", 4, "ngIf"], [1, "po-menu-body"], [1, "po-menu-outer"], [1, "po-menu-inner"], ["class", "po-menu-item-wrapper", 4, "ngIf"], ["class", "po-menu-item-wrapper", 4, "ngFor", "ngForOf"], ["class", "po-menu-footer", 4, "ngIf"], [1, "po-menu-overlay", 3, "click"], [1, "po-menu-header-container-logo"], ["href", "./"], [3, "ngClass", "src"], [1, "po-menu-header-template"], [4, "ngTemplateOutlet"], [3, "p-loading", "p-filter"], [1, "po-menu-item-wrapper"], [1, "po-menu-item-first"], [1, "po-menu-icon-container", "po-menu-item-no-data"], [1, "po-icon", "po-icon-info", "po-menu-icon-item", "po-lg-2"], [1, "po-lg-10", "po-menu-icon-label"], [3, "p-action", "p-badge-alert", "p-badge-color", "p-badge-value", "p-collapsed-menu", "p-icon", "p-id", "p-label", "p-level", "p-link", "p-short-label", "p-sub-items", "p-type"], [1, "po-menu-footer"], [1, "po-menu-collapse-button-icon", "po-clickable", 3, "click"], [1, "po-icon"]], template: function PoMenuComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, features: [i0.ɵɵProvidersFeature([PoMenuItemsService, PoMenuService]), i0.ɵɵInheritDefinitionFeature], decls: 15, vars: 10, consts: [["class", "po-menu-overlay", 3, "click", 4, "ngIf"], [1, "po-menu-mobile", "po-clickable", 3, "click"], [1, "po-icon", "po-icon-menu"], [1, "po-menu", 3, "ngClass"], [1, "po-menu-header"], ["class", "po-menu-header-container-logo", 4, "ngIf"], ["class", "po-menu-header-template", 4, "ngIf"], [3, "p-loading", "p-filter", 4, "ngIf"], [1, "po-menu-body"], [1, "po-menu-outer"], [1, "po-menu-inner"], ["class", "po-menu-item-wrapper", 4, "ngIf"], ["class", "po-menu-item-wrapper", 4, "ngFor", "ngForOf"], ["class", "po-menu-footer", 4, "ngIf"], [1, "po-menu-overlay", 3, "click"], [1, "po-menu-header-container-logo"], ["href", "./"], [3, "ngClass", "src", "alt"], [1, "po-menu-header-template"], [4, "ngTemplateOutlet"], [3, "p-loading", "p-filter"], [1, "po-menu-item-wrapper"], [1, "po-menu-item-first"], [1, "po-menu-icon-container", "po-menu-item-no-data"], [1, "po-icon", "po-icon-info", "po-menu-icon-item", "po-lg-2"], [1, "po-lg-10", "po-menu-icon-label"], [3, "p-action", "p-badge-alert", "p-badge-color", "p-badge-value", "p-collapsed-menu", "p-icon", "p-id", "p-label", "p-level", "p-link", "p-short-label", "p-sub-items", "p-type"], [1, "po-menu-footer"], [1, "po-menu-collapse-button-icon", "po-clickable", 3, "click"], [1, "po-icon"]], template: function PoMenuComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, PoMenuComponent_div_0_Template, 1, 0, "div", 0);
         i0.ɵɵelementStart(1, "nav")(2, "div", 1);
         i0.ɵɵlistener("click", function PoMenuComponent_Template_div_click_2_listener() { return ctx.toggleMenuMobile(); });
         i0.ɵɵelement(3, "span", 2);
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(4, "div", 3)(5, "div", 4);
-        i0.ɵɵtemplate(6, PoMenuComponent_div_6_Template, 3, 2, "div", 5);
+        i0.ɵɵtemplate(6, PoMenuComponent_div_6_Template, 3, 3, "div", 5);
         i0.ɵɵtemplate(7, PoMenuComponent_div_7_Template, 2, 1, "div", 6);
         i0.ɵɵtemplate(8, PoMenuComponent_po_menu_filter_8_Template, 1, 1, "po-menu-filter", 7);
         i0.ɵɵelementEnd();
@@ -37140,7 +37339,7 @@ PoMenuComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoMenuCompo
     } }, directives: [i1.NgIf, i1.NgClass, i1.NgTemplateOutlet, PoMenuFilterComponent, PoIconComponent, i1.NgForOf, PoMenuItemComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoMenuComponent, [{
         type: Component,
-        args: [{ selector: 'po-menu', providers: [PoMenuItemsService, PoMenuService], template: "<div *ngIf=\"mobileOpened\" class=\"po-menu-overlay\" (click)=\"toggleMenuMobile()\"></div>\n<nav>\n  <div class=\"po-menu-mobile po-clickable\" (click)=\"toggleMenuMobile()\">\n    <span class=\"po-icon po-icon-menu\"></span>\n  </div>\n\n  <div class=\"po-menu\" [ngClass]=\"{ 'po-menu-animation': mobileOpened }\">\n    <div class=\"po-menu-header\">\n      <div *ngIf=\"logo || (shortLogo && enableCollapse)\" class=\"po-menu-header-container-logo\">\n        <a href=\"./\">\n          <img\n            [ngClass]=\"enableCollapse ? 'po-menu-short-logo' : 'po-menu-logo'\"\n            [src]=\"enableCollapse ? shortLogo || logo : logo\"\n          />\n        </a>\n      </div>\n\n      <div *ngIf=\"!enableCollapse && menuHeaderTemplate\" class=\"po-menu-header-template\">\n        <ng-container *ngTemplateOutlet=\"menuHeaderTemplate.templateRef\"></ng-container>\n      </div>\n\n      <po-menu-filter *ngIf=\"filter && !enableCollapse\" [p-loading]=\"filterLoading\" (p-filter)=\"debounceFilter($event)\">\n      </po-menu-filter>\n    </div>\n\n    <div class=\"po-menu-body\">\n      <!-- Inner e outer para esconder scroll -->\n      <div class=\"po-menu-outer\">\n        <div class=\"po-menu-inner\">\n          <div *ngIf=\"noData\" class=\"po-menu-item-wrapper\">\n            <div class=\"po-menu-item-first\">\n              <div class=\"po-menu-icon-container po-menu-item-no-data\">\n                <po-icon class=\"po-icon po-icon-info po-menu-icon-item po-lg-2\"></po-icon>\n                <div class=\"po-lg-10 po-menu-icon-label\">{{ literals.itemNotFound }}</div>\n              </div>\n            </div>\n          </div>\n\n          <div *ngFor=\"let menu of filteredItems; let menuIndex = index\" class=\"po-menu-item-wrapper\">\n            <po-menu-item\n              [class.po-menu-item-first]=\"menuIndex === 0\"\n              [p-action]=\"menu.action\"\n              [p-badge-alert]=\"menu.badgeAlert\"\n              [p-badge-color]=\"menu.badge ? menu.badge.color : undefined\"\n              [p-badge-value]=\"menu.badge ? menu.badge.value : undefined\"\n              [p-collapsed-menu]=\"enableCollapse\"\n              [p-icon]=\"allowIcons ? menu.icon : null\"\n              [p-id]=\"menu.id\"\n              [p-label]=\"menu.label\"\n              [p-level]=\"menu.level\"\n              [p-link]=\"menu.link\"\n              [p-short-label]=\"menu.shortLabel\"\n              [p-sub-items]=\"menu.subItems\"\n              [p-type]=\"menu.type\"\n            >\n            </po-menu-item>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div *ngIf=\"hasFooter\" class=\"po-menu-footer\">\n      <a class=\"po-menu-collapse-button-icon po-clickable\" (click)=\"toggle()\">\n        <span\n          class=\"po-icon\"\n          [class.po-icon-menu-close]=\"enableCollapseButton\"\n          [class.po-icon-menu-open]=\"enableCollapse\"\n        >\n        </span>\n      </a>\n    </div>\n  </div>\n</nav>\n" }]
+        args: [{ selector: 'po-menu', providers: [PoMenuItemsService, PoMenuService], template: "<div *ngIf=\"mobileOpened\" class=\"po-menu-overlay\" (click)=\"toggleMenuMobile()\"></div>\n<nav>\n  <div class=\"po-menu-mobile po-clickable\" (click)=\"toggleMenuMobile()\">\n    <span class=\"po-icon po-icon-menu\"></span>\n  </div>\n\n  <div class=\"po-menu\" [ngClass]=\"{ 'po-menu-animation': mobileOpened }\">\n    <div class=\"po-menu-header\">\n      <div *ngIf=\"logo || (shortLogo && enableCollapse)\" class=\"po-menu-header-container-logo\">\n        <a href=\"./\">\n          <img\n            [ngClass]=\"enableCollapse ? 'po-menu-short-logo' : 'po-menu-logo'\"\n            [src]=\"enableCollapse ? shortLogo || logo : logo\"\n            [alt]=\"logoAlt\"\n          />\n        </a>\n      </div>\n\n      <div *ngIf=\"!enableCollapse && menuHeaderTemplate\" class=\"po-menu-header-template\">\n        <ng-container *ngTemplateOutlet=\"menuHeaderTemplate.templateRef\"></ng-container>\n      </div>\n\n      <po-menu-filter *ngIf=\"filter && !enableCollapse\" [p-loading]=\"filterLoading\" (p-filter)=\"debounceFilter($event)\">\n      </po-menu-filter>\n    </div>\n\n    <div class=\"po-menu-body\">\n      <!-- Inner e outer para esconder scroll -->\n      <div class=\"po-menu-outer\">\n        <div class=\"po-menu-inner\">\n          <div *ngIf=\"noData\" class=\"po-menu-item-wrapper\">\n            <div class=\"po-menu-item-first\">\n              <div class=\"po-menu-icon-container po-menu-item-no-data\">\n                <po-icon class=\"po-icon po-icon-info po-menu-icon-item po-lg-2\"></po-icon>\n                <div class=\"po-lg-10 po-menu-icon-label\">{{ literals.itemNotFound }}</div>\n              </div>\n            </div>\n          </div>\n\n          <div *ngFor=\"let menu of filteredItems; let menuIndex = index\" class=\"po-menu-item-wrapper\">\n            <po-menu-item\n              [class.po-menu-item-first]=\"menuIndex === 0\"\n              [p-action]=\"menu.action\"\n              [p-badge-alert]=\"menu.badgeAlert\"\n              [p-badge-color]=\"menu.badge ? menu.badge.color : undefined\"\n              [p-badge-value]=\"menu.badge ? menu.badge.value : undefined\"\n              [p-collapsed-menu]=\"enableCollapse\"\n              [p-icon]=\"allowIcons ? menu.icon : null\"\n              [p-id]=\"menu.id\"\n              [p-label]=\"menu.label\"\n              [p-level]=\"menu.level\"\n              [p-link]=\"menu.link\"\n              [p-short-label]=\"menu.shortLabel\"\n              [p-sub-items]=\"menu.subItems\"\n              [p-type]=\"menu.type\"\n            >\n            </po-menu-item>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div *ngIf=\"hasFooter\" class=\"po-menu-footer\">\n      <a class=\"po-menu-collapse-button-icon po-clickable\" (click)=\"toggle()\">\n        <span\n          class=\"po-icon\"\n          [class.po-icon-menu-close]=\"enableCollapseButton\"\n          [class.po-icon-menu-open]=\"enableCollapse\"\n        >\n        </span>\n      </a>\n    </div>\n  </div>\n</nav>\n" }]
     }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.Router }, { type: PoMenuItemsService }, { type: PoMenuGlobalService }, { type: PoMenuService }, { type: PoLanguageService }]; }, { menuHeaderTemplate: [{
             type: ContentChild,
             args: [PoMenuHeaderTemplateDirective, { static: true }]
@@ -38867,7 +39066,7 @@ class PoPageDefaultComponent extends PoPageDefaultBaseComponent {
     }
 }
 PoPageDefaultComponent.ɵfac = function PoPageDefaultComponent_Factory(t) { return new (t || PoPageDefaultComponent)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i2.Router)); };
-PoPageDefaultComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDefaultComponent, selectors: [["po-page-default"]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$e, decls: 4, vars: 1, consts: [[3, "p-breadcrumb", "p-title", 4, "ngIf"], [3, "p-breadcrumb", "p-title"], [1, "po-page-header-actions"], [3, "p-label", "p-actions", 4, "ngIf"], [3, "p-disabled", "p-label", "p-click", 4, "ngIf"], ["p-type", "primary", 3, "p-disabled", "p-icon", "p-label", "p-click", 4, "ngIf"], [3, "p-label", "p-actions"], [3, "p-disabled", "p-label", "p-click"], ["p-type", "primary", 3, "p-disabled", "p-icon", "p-label", "p-click"]], template: function PoPageDefaultComponent_Template(rf, ctx) { if (rf & 1) {
+PoPageDefaultComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDefaultComponent, selectors: [["po-page-default"]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$e, decls: 4, vars: 1, consts: [[3, "p-breadcrumb", "p-title", 4, "ngIf"], [3, "p-breadcrumb", "p-title"], [1, "po-page-header-actions"], [3, "p-label", "p-actions", 4, "ngIf"], [3, "p-disabled", "p-label", "p-click", 4, "ngIf"], ["p-kind", "primary", 3, "p-disabled", "p-icon", "p-label", "p-click", 4, "ngIf"], [3, "p-label", "p-actions"], [3, "p-disabled", "p-label", "p-click"], ["p-kind", "primary", 3, "p-disabled", "p-icon", "p-label", "p-click"]], template: function PoPageDefaultComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "po-page");
         i0.ɵɵtemplate(1, PoPageDefaultComponent_po_page_header_1_Template, 6, 6, "po-page-header", 0);
@@ -38880,7 +39079,7 @@ PoPageDefaultComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPa
     } }, directives: [PoPageComponent, i1.NgIf, PoPageHeaderComponent, PoDropdownComponent, PoButtonComponent, PoPageContentComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageDefaultComponent, [{
         type: Component,
-        args: [{ selector: 'po-page-default', template: "<po-page>\n  <!-- HEADER -->\n  <po-page-header *ngIf=\"hasPageHeader()\" [p-breadcrumb]=\"breadcrumb\" [p-title]=\"title\">\n    <!-- OPERATIONS -->\n    <div class=\"po-page-header-actions\">\n      <po-dropdown\n        *ngIf=\"visibleActions.length > limitPrimaryActions\"\n        [p-label]=\"literals.otherActions\"\n        [p-actions]=\"dropdownActions\"\n      >\n      </po-dropdown>\n\n      <po-button\n        *ngIf=\"visibleActions.length === 3 && visibleActions[2] && !isMobile\"\n        [p-disabled]=\"actionIsDisabled(visibleActions[2])\"\n        [p-label]=\"visibleActions[2].label\"\n        (p-click)=\"callAction(visibleActions[2])\"\n      >\n      </po-button>\n\n      <po-button\n        *ngIf=\"visibleActions[1] && (visibleActions.length === 2 || !isMobile)\"\n        [p-disabled]=\"actionIsDisabled(visibleActions[1])\"\n        [p-label]=\"visibleActions[1].label\"\n        (p-click)=\"callAction(visibleActions[1])\"\n      >\n      </po-button>\n\n      <po-button\n        *ngIf=\"visibleActions[0]\"\n        p-type=\"primary\"\n        [p-disabled]=\"actionIsDisabled(visibleActions[0])\"\n        [p-icon]=\"visibleActions[0].icon\"\n        [p-label]=\"visibleActions[0].label\"\n        (p-click)=\"callAction(visibleActions[0])\"\n      >\n      </po-button>\n    </div>\n  </po-page-header>\n\n  <!-- CONTENT -->\n  <po-page-content>\n    <ng-content></ng-content>\n  </po-page-content>\n</po-page>\n" }]
+        args: [{ selector: 'po-page-default', template: "<po-page>\n  <!-- HEADER -->\n  <po-page-header *ngIf=\"hasPageHeader()\" [p-breadcrumb]=\"breadcrumb\" [p-title]=\"title\">\n    <!-- OPERATIONS -->\n    <div class=\"po-page-header-actions\">\n      <po-dropdown\n        *ngIf=\"visibleActions.length > limitPrimaryActions\"\n        [p-label]=\"literals.otherActions\"\n        [p-actions]=\"dropdownActions\"\n      >\n      </po-dropdown>\n\n      <po-button\n        *ngIf=\"visibleActions.length === 3 && visibleActions[2] && !isMobile\"\n        [p-disabled]=\"actionIsDisabled(visibleActions[2])\"\n        [p-label]=\"visibleActions[2].label\"\n        (p-click)=\"callAction(visibleActions[2])\"\n      >\n      </po-button>\n\n      <po-button\n        *ngIf=\"visibleActions[1] && (visibleActions.length === 2 || !isMobile)\"\n        [p-disabled]=\"actionIsDisabled(visibleActions[1])\"\n        [p-label]=\"visibleActions[1].label\"\n        (p-click)=\"callAction(visibleActions[1])\"\n      >\n      </po-button>\n\n      <po-button\n        *ngIf=\"visibleActions[0]\"\n        p-kind=\"primary\"\n        [p-disabled]=\"actionIsDisabled(visibleActions[0])\"\n        [p-icon]=\"visibleActions[0].icon\"\n        [p-label]=\"visibleActions[0].label\"\n        (p-click)=\"callAction(visibleActions[0])\"\n      >\n      </po-button>\n    </div>\n  </po-page-header>\n\n  <!-- CONTENT -->\n  <po-page-content>\n    <ng-content></ng-content>\n  </po-page-content>\n</po-page>\n" }]
     }], function () { return [{ type: i0.ViewContainerRef }, { type: PoLanguageService }, { type: i0.Renderer2 }, { type: i2.Router }]; }, null); })();
 
 const poPageDetailLiteralsDefault = {
@@ -39047,7 +39246,7 @@ function PoPageDetailComponent_po_page_header_1_div_1_po_button_1_Template(rf, c
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("p-icon", ctx_r2.hasEditOrRemoveFn("icon"))("p-label", ctx_r2.literals.back)("p-type", ctx_r2.hasEditOrRemoveFn("type"));
+    i0.ɵɵproperty("p-icon", ctx_r2.hasEditOrRemoveFn("icon"))("p-label", ctx_r2.literals.back)("p-kind", ctx_r2.hasEditOrRemoveFn("type"));
 } }
 function PoPageDetailComponent_po_page_header_1_div_1_po_button_2_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
@@ -39056,7 +39255,7 @@ function PoPageDetailComponent_po_page_header_1_div_1_po_button_2_Template(rf, c
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("p-icon", ctx_r3.hasEditFn("icon"))("p-label", ctx_r3.literals.remove)("p-type", ctx_r3.hasEditFn("type"));
+    i0.ɵɵproperty("p-icon", ctx_r3.hasEditFn("icon"))("p-label", ctx_r3.literals.remove)("p-kind", ctx_r3.hasEditFn("type"));
 } }
 function PoPageDetailComponent_po_page_header_1_div_1_po_button_3_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
@@ -39122,7 +39321,7 @@ class PoPageDetailComponent extends PoPageDetailBaseComponent {
             return this.hasEvent('edit') ? '' : 'po-icon-delete';
         }
         else if (property === 'type') {
-            return this.hasEvent('edit') ? 'default' : 'primary';
+            return this.hasEvent('edit') ? 'secondary' : 'primary';
         }
         else {
             return '';
@@ -39133,7 +39332,7 @@ class PoPageDetailComponent extends PoPageDetailBaseComponent {
             return this.hasEvent('edit') || this.hasEvent('remove') ? '' : 'po-icon-arrow-left';
         }
         else if (property === 'type') {
-            return this.hasEvent('edit') || this.hasEvent('remove') ? 'default' : 'primary';
+            return this.hasEvent('edit') || this.hasEvent('remove') ? 'secondary' : 'primary';
         }
         else {
             return '';
@@ -39147,7 +39346,7 @@ class PoPageDetailComponent extends PoPageDetailBaseComponent {
     }
 }
 PoPageDetailComponent.ɵfac = /*@__PURE__*/ function () { let ɵPoPageDetailComponent_BaseFactory; return function PoPageDetailComponent_Factory(t) { return (ɵPoPageDetailComponent_BaseFactory || (ɵPoPageDetailComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PoPageDetailComponent)))(t || PoPageDetailComponent); }; }();
-PoPageDetailComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDetailComponent, selectors: [["po-page-detail"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$d, decls: 4, vars: 1, consts: [[3, "p-breadcrumb", "p-title", 4, "ngIf"], [3, "p-breadcrumb", "p-title"], ["class", "po-page-header-actions", 4, "ngIf"], [1, "po-page-header-actions"], [3, "p-icon", "p-label", "p-type", "p-click", 4, "ngIf"], ["p-icon", "po-icon-edit", "p-type", "primary", 3, "p-label", "p-click", 4, "ngIf"], [3, "p-icon", "p-label", "p-type", "p-click"], ["p-icon", "po-icon-edit", "p-type", "primary", 3, "p-label", "p-click"]], template: function PoPageDetailComponent_Template(rf, ctx) { if (rf & 1) {
+PoPageDetailComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDetailComponent, selectors: [["po-page-detail"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$d, decls: 4, vars: 1, consts: [[3, "p-breadcrumb", "p-title", 4, "ngIf"], [3, "p-breadcrumb", "p-title"], ["class", "po-page-header-actions", 4, "ngIf"], [1, "po-page-header-actions"], [3, "p-icon", "p-label", "p-kind", "p-click", 4, "ngIf"], ["p-icon", "po-icon-edit", "p-kind", "primary", 3, "p-label", "p-click", 4, "ngIf"], [3, "p-icon", "p-label", "p-kind", "p-click"], ["p-icon", "po-icon-edit", "p-kind", "primary", 3, "p-label", "p-click"]], template: function PoPageDetailComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "po-page");
         i0.ɵɵtemplate(1, PoPageDetailComponent_po_page_header_1_Template, 2, 3, "po-page-header", 0);
@@ -39160,7 +39359,7 @@ PoPageDetailComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPag
     } }, directives: [PoPageComponent, i1.NgIf, PoPageHeaderComponent, PoButtonComponent, PoPageContentComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageDetailComponent, [{
         type: Component,
-        args: [{ selector: 'po-page-detail', template: "<po-page>\n  <!-- HEADER -->\n  <po-page-header *ngIf=\"hasPageHeader()\" [p-breadcrumb]=\"breadcrumb\" [p-title]=\"title\">\n    <!-- OPERATIONS -->\n    <div *ngIf=\"hasAnyAction()\" class=\"po-page-header-actions\">\n      <po-button\n        *ngIf=\"hasEvent('back')\"\n        [p-icon]=\"hasEditOrRemoveFn('icon')\"\n        [p-label]=\"literals.back\"\n        [p-type]=\"hasEditOrRemoveFn('type')\"\n        (p-click)=\"back.emit()\"\n      >\n      </po-button>\n\n      <po-button\n        *ngIf=\"hasEvent('remove')\"\n        [p-icon]=\"hasEditFn('icon')\"\n        [p-label]=\"literals.remove\"\n        [p-type]=\"hasEditFn('type')\"\n        (p-click)=\"remove.emit()\"\n      >\n      </po-button>\n\n      <po-button\n        *ngIf=\"hasEvent('edit')\"\n        p-icon=\"po-icon-edit\"\n        p-type=\"primary\"\n        [p-label]=\"literals.edit\"\n        (p-click)=\"edit.emit()\"\n      >\n      </po-button>\n    </div>\n  </po-page-header>\n\n  <!-- CONTENT -->\n  <po-page-content>\n    <ng-content> </ng-content>\n  </po-page-content>\n</po-page>\n" }]
+        args: [{ selector: 'po-page-detail', template: "<po-page>\n  <!-- HEADER -->\n  <po-page-header *ngIf=\"hasPageHeader()\" [p-breadcrumb]=\"breadcrumb\" [p-title]=\"title\">\n    <!-- OPERATIONS -->\n    <div *ngIf=\"hasAnyAction()\" class=\"po-page-header-actions\">\n      <po-button\n        *ngIf=\"hasEvent('back')\"\n        [p-icon]=\"hasEditOrRemoveFn('icon')\"\n        [p-label]=\"literals.back\"\n        [p-kind]=\"hasEditOrRemoveFn('type')\"\n        (p-click)=\"back.emit()\"\n      >\n      </po-button>\n\n      <po-button\n        *ngIf=\"hasEvent('remove')\"\n        [p-icon]=\"hasEditFn('icon')\"\n        [p-label]=\"literals.remove\"\n        [p-kind]=\"hasEditFn('type')\"\n        (p-click)=\"remove.emit()\"\n      >\n      </po-button>\n\n      <po-button\n        *ngIf=\"hasEvent('edit')\"\n        p-icon=\"po-icon-edit\"\n        p-kind=\"primary\"\n        [p-label]=\"literals.edit\"\n        (p-click)=\"edit.emit()\"\n      >\n      </po-button>\n    </div>\n  </po-page-header>\n\n  <!-- CONTENT -->\n  <po-page-content>\n    <ng-content> </ng-content>\n  </po-page-content>\n</po-page>\n" }]
     }], null, null); })();
 
 const poPageEditLiteralsDefault = {
@@ -39334,7 +39533,7 @@ function PoPageEditComponent_po_page_header_1_div_1_po_button_1_Template(rf, ctx
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("p-icon", ctx_r2.getIcon("cancel"))("p-label", ctx_r2.literals.cancel)("p-type", ctx_r2.getType("cancel"));
+    i0.ɵɵproperty("p-icon", ctx_r2.getIcon("cancel"))("p-label", ctx_r2.literals.cancel)("p-kind", ctx_r2.getType("cancel"));
 } }
 function PoPageEditComponent_po_page_header_1_div_1_po_button_2_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
@@ -39343,7 +39542,7 @@ function PoPageEditComponent_po_page_header_1_div_1_po_button_2_Template(rf, ctx
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("p-disabled", ctx_r3.disableSubmit)("p-icon", ctx_r3.getIcon("saveNew"))("p-label", ctx_r3.literals.saveNew)("p-type", ctx_r3.getType("saveNew"));
+    i0.ɵɵproperty("p-disabled", ctx_r3.disableSubmit)("p-icon", ctx_r3.getIcon("saveNew"))("p-label", ctx_r3.literals.saveNew)("p-kind", ctx_r3.getType("saveNew"));
 } }
 function PoPageEditComponent_po_page_header_1_div_1_po_button_3_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
@@ -39413,7 +39612,7 @@ class PoPageEditComponent extends PoPageEditBaseComponent {
     getType(type) {
         const isCancelPrimaryAction = type === 'cancel' && this.isPrimaryAction('cancel');
         const isSaveNewPrimaryAction = type === 'saveNew' && this.isPrimaryAction('saveNew');
-        return isCancelPrimaryAction || isSaveNewPrimaryAction ? 'primary' : 'default';
+        return isCancelPrimaryAction || isSaveNewPrimaryAction ? 'primary' : 'secondary';
     }
     hasAnyAction() {
         return this.hasEvent('cancel') || this.hasEvent('saveNew') || this.hasEvent('save');
@@ -39437,7 +39636,7 @@ class PoPageEditComponent extends PoPageEditBaseComponent {
     }
 }
 PoPageEditComponent.ɵfac = /*@__PURE__*/ function () { let ɵPoPageEditComponent_BaseFactory; return function PoPageEditComponent_Factory(t) { return (ɵPoPageEditComponent_BaseFactory || (ɵPoPageEditComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PoPageEditComponent)))(t || PoPageEditComponent); }; }();
-PoPageEditComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageEditComponent, selectors: [["po-page-edit"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$c, decls: 4, vars: 1, consts: [[3, "p-breadcrumb", "p-title", 4, "ngIf"], [3, "p-breadcrumb", "p-title"], ["class", "po-page-header-actions", 4, "ngIf"], [1, "po-page-header-actions"], [3, "p-icon", "p-label", "p-type", "p-click", 4, "ngIf"], [3, "p-disabled", "p-icon", "p-label", "p-type", "p-click", 4, "ngIf"], ["p-icon", "po-icon-ok", "p-type", "primary", 3, "p-disabled", "p-label", "p-click", 4, "ngIf"], [3, "p-icon", "p-label", "p-type", "p-click"], [3, "p-disabled", "p-icon", "p-label", "p-type", "p-click"], ["p-icon", "po-icon-ok", "p-type", "primary", 3, "p-disabled", "p-label", "p-click"]], template: function PoPageEditComponent_Template(rf, ctx) { if (rf & 1) {
+PoPageEditComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageEditComponent, selectors: [["po-page-edit"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$c, decls: 4, vars: 1, consts: [[3, "p-breadcrumb", "p-title", 4, "ngIf"], [3, "p-breadcrumb", "p-title"], ["class", "po-page-header-actions", 4, "ngIf"], [1, "po-page-header-actions"], [3, "p-icon", "p-label", "p-kind", "p-click", 4, "ngIf"], [3, "p-disabled", "p-icon", "p-label", "p-kind", "p-click", 4, "ngIf"], ["p-icon", "po-icon-ok", "p-kind", "primary", 3, "p-disabled", "p-label", "p-click", 4, "ngIf"], [3, "p-icon", "p-label", "p-kind", "p-click"], [3, "p-disabled", "p-icon", "p-label", "p-kind", "p-click"], ["p-icon", "po-icon-ok", "p-kind", "primary", 3, "p-disabled", "p-label", "p-click"]], template: function PoPageEditComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "po-page");
         i0.ɵɵtemplate(1, PoPageEditComponent_po_page_header_1_Template, 2, 3, "po-page-header", 0);
@@ -39450,7 +39649,7 @@ PoPageEditComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageE
     } }, directives: [PoPageComponent, i1.NgIf, PoPageHeaderComponent, PoButtonComponent, PoPageContentComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageEditComponent, [{
         type: Component,
-        args: [{ selector: 'po-page-edit', template: "<po-page>\n  <!-- HEADER -->\n  <po-page-header *ngIf=\"hasPageHeader()\" [p-breadcrumb]=\"breadcrumb\" [p-title]=\"title\">\n    <!-- OPERATIONS -->\n    <div *ngIf=\"hasAnyAction()\" class=\"po-page-header-actions\">\n      <po-button\n        *ngIf=\"hasEvent('cancel')\"\n        [p-icon]=\"getIcon('cancel')\"\n        [p-label]=\"literals.cancel\"\n        [p-type]=\"getType('cancel')\"\n        (p-click)=\"cancel.emit()\"\n      >\n      </po-button>\n\n      <po-button\n        *ngIf=\"hasEvent('saveNew')\"\n        [p-disabled]=\"disableSubmit\"\n        [p-icon]=\"getIcon('saveNew')\"\n        [p-label]=\"literals.saveNew\"\n        [p-type]=\"getType('saveNew')\"\n        (p-click)=\"saveNew.emit()\"\n      >\n      </po-button>\n\n      <po-button\n        *ngIf=\"hasEvent('save')\"\n        p-icon=\"po-icon-ok\"\n        p-type=\"primary\"\n        [p-disabled]=\"disableSubmit\"\n        [p-label]=\"literals.save\"\n        (p-click)=\"save.emit()\"\n      >\n      </po-button>\n    </div>\n  </po-page-header>\n\n  <!-- CONTENT -->\n  <po-page-content>\n    <ng-content> </ng-content>\n  </po-page-content>\n</po-page>\n" }]
+        args: [{ selector: 'po-page-edit', template: "<po-page>\n  <!-- HEADER -->\n  <po-page-header *ngIf=\"hasPageHeader()\" [p-breadcrumb]=\"breadcrumb\" [p-title]=\"title\">\n    <!-- OPERATIONS -->\n    <div *ngIf=\"hasAnyAction()\" class=\"po-page-header-actions\">\n      <po-button\n        *ngIf=\"hasEvent('cancel')\"\n        [p-icon]=\"getIcon('cancel')\"\n        [p-label]=\"literals.cancel\"\n        [p-kind]=\"getType('cancel')\"\n        (p-click)=\"cancel.emit()\"\n      >\n      </po-button>\n\n      <po-button\n        *ngIf=\"hasEvent('saveNew')\"\n        [p-disabled]=\"disableSubmit\"\n        [p-icon]=\"getIcon('saveNew')\"\n        [p-label]=\"literals.saveNew\"\n        [p-kind]=\"getType('saveNew')\"\n        (p-click)=\"saveNew.emit()\"\n      >\n      </po-button>\n\n      <po-button\n        *ngIf=\"hasEvent('save')\"\n        p-icon=\"po-icon-ok\"\n        p-kind=\"primary\"\n        [p-disabled]=\"disableSubmit\"\n        [p-label]=\"literals.save\"\n        (p-click)=\"save.emit()\"\n      >\n      </po-button>\n    </div>\n  </po-page-header>\n\n  <!-- CONTENT -->\n  <po-page-content>\n    <ng-content> </ng-content>\n  </po-page-content>\n</po-page>\n" }]
     }], null, null); })();
 
 const poPageListLiteralsDefault = {
@@ -39883,7 +40082,7 @@ PoPageListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageL
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterInput = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.poPageContent = _t.first);
-    } }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c1$5, decls: 4, vars: 1, consts: [[3, "po-page-list-header-padding", "p-breadcrumb", "p-title", 4, "ngIf"], [3, "p-breadcrumb", "p-title"], [1, "po-page-list-operations"], [1, "po-page-list-actions"], ["p-type", "primary", 3, "p-disabled", "p-icon", "p-label", "p-click", 4, "ngIf"], [3, "p-disabled", "p-label", "p-click", 4, "ngIf"], [3, "p-actions", "p-label", 4, "ngIf"], ["class", "po-page-list-filter-wrapper", 3, "ngClass", 4, "ngIf"], [3, "po-page-list-disclaimer-group", "p-disclaimers", "p-hide-remove-all", "p-title", "p-change", "p-remove", "p-remove-all", 4, "ngIf"], ["p-type", "primary", 3, "p-disabled", "p-icon", "p-label", "p-click"], [3, "p-disabled", "p-label", "p-click"], [3, "p-actions", "p-label"], [1, "po-page-list-filter-wrapper", 3, "ngClass"], [1, "po-field-container-content", "po-page-filter-content", 3, "ngClass"], [1, "po-field-icon-container-right"], [1, "po-icon", "po-icon-search", "po-field-icon", 3, "click"], ["name", "model", "type", "text", 1, "po-input", "po-input-icon-right", 3, "placeholder", "keypress"], ["filterInput", ""], ["class", "po-page-list-filter-search", 4, "ngIf"], [1, "po-page-list-filter-search"], ["tabindex", "0", 1, "po-page-list-filter-search-link", 3, "click", "keydown.enter"], [3, "p-disclaimers", "p-hide-remove-all", "p-title", "p-change", "p-remove", "p-remove-all"]], template: function PoPageListComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c1$5, decls: 4, vars: 1, consts: [[3, "po-page-list-header-padding", "p-breadcrumb", "p-title", 4, "ngIf"], [3, "p-breadcrumb", "p-title"], [1, "po-page-list-operations"], [1, "po-page-list-actions"], ["p-kind", "primary", 3, "p-disabled", "p-icon", "p-label", "p-click", 4, "ngIf"], [3, "p-disabled", "p-label", "p-click", 4, "ngIf"], [3, "p-actions", "p-label", 4, "ngIf"], ["class", "po-page-list-filter-wrapper", 3, "ngClass", 4, "ngIf"], [3, "po-page-list-disclaimer-group", "p-disclaimers", "p-hide-remove-all", "p-title", "p-change", "p-remove", "p-remove-all", 4, "ngIf"], ["p-kind", "primary", 3, "p-disabled", "p-icon", "p-label", "p-click"], [3, "p-disabled", "p-label", "p-click"], [3, "p-actions", "p-label"], [1, "po-page-list-filter-wrapper", 3, "ngClass"], [1, "po-field-container-content", "po-page-filter-content", 3, "ngClass"], [1, "po-field-icon-container-right"], [1, "po-icon", "po-icon-search", "po-field-icon", 3, "click"], ["name", "model", "type", "text", 1, "po-input", "po-input-icon-right", 3, "placeholder", "keypress"], ["filterInput", ""], ["class", "po-page-list-filter-search", 4, "ngIf"], [1, "po-page-list-filter-search"], ["tabindex", "0", 1, "po-page-list-filter-search-link", 3, "click", "keydown.enter"], [3, "p-disclaimers", "p-hide-remove-all", "p-title", "p-change", "p-remove", "p-remove-all"]], template: function PoPageListComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "po-page");
         i0.ɵɵtemplate(1, PoPageListComponent_po_page_header_1_Template, 9, 12, "po-page-header", 0);
@@ -39896,7 +40095,7 @@ PoPageListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageL
     } }, directives: [PoPageComponent, i1.NgIf, PoPageHeaderComponent, PoButtonComponent, PoDropdownComponent, i1.NgClass, PoDisclaimerGroupComponent, PoPageContentComponent], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageListComponent, [{
         type: Component,
-        args: [{ selector: 'po-page-list', template: "<po-page>\n  <!-- HEADER -->\n  <po-page-header\n    *ngIf=\"hasPageHeader()\"\n    [class.po-page-list-header-padding]=\"filter && !visibleActions.length\"\n    [p-breadcrumb]=\"breadcrumb\"\n    [p-title]=\"title\"\n  >\n    <!-- OPERATIONS -->\n    <div class=\"po-page-list-operations\">\n      <div class=\"po-page-list-actions\" [class.po-page-list-actions-padding]=\"filter\">\n        <po-button\n          *ngIf=\"visibleActions[0]\"\n          p-type=\"primary\"\n          [p-disabled]=\"actionIsDisabled(actions[0])\"\n          [p-icon]=\"visibleActions[0].icon\"\n          [p-label]=\"visibleActions[0].label\"\n          (p-click)=\"callAction(visibleActions[0])\"\n        >\n        </po-button>\n\n        <po-button\n          *ngIf=\"visibleActions[1] && (visibleActions.length === 2 || !isMobile)\"\n          [p-disabled]=\"actionIsDisabled(actions[1])\"\n          [p-label]=\"visibleActions[1].label\"\n          (p-click)=\"callAction(visibleActions[1])\"\n        >\n        </po-button>\n\n        <po-button\n          *ngIf=\"visibleActions.length === 3 && visibleActions[2] && !isMobile\"\n          [p-disabled]=\"actionIsDisabled(visibleActions[2])\"\n          [p-label]=\"visibleActions[2].label\"\n          (p-click)=\"callAction(visibleActions[2])\"\n        >\n        </po-button>\n\n        <po-dropdown\n          *ngIf=\"visibleActions.length > limitPrimaryActions\"\n          [p-actions]=\"dropdownActions\"\n          [p-label]=\"literals.otherActions\"\n        >\n        </po-dropdown>\n      </div>\n\n      <!-- FILTER -->\n      <div\n        class=\"po-page-list-filter-wrapper\"\n        *ngIf=\"filter\"\n        [ngClass]=\"hasCustomFilterSize() ? filterSizeClass(filter.width) : ''\"\n      >\n        <div\n          class=\"po-field-container-content po-page-filter-content\"\n          [ngClass]=\"\n            hasCustomFilterSize()\n              ? filter.advancedAction\n                ? 'po-page-filter-input-variable-size'\n                : 'po-page-filter-input-variable-size-wo-adv-search'\n              : ''\n          \"\n        >\n          <div class=\"po-field-icon-container-right\">\n            <span class=\"po-icon po-icon-search po-field-icon\" (click)=\"callActionFilter('action')\"> </span>\n          </div>\n\n          <input\n            #filterInput\n            class=\"po-input po-input-icon-right\"\n            name=\"model\"\n            type=\"text\"\n            [placeholder]=\"filter.placeholder || ''\"\n            (keypress)=\"onkeypress($event.keyCode)\"\n          />\n        </div>\n\n        <div class=\"po-page-list-filter-search\" *ngIf=\"filter.advancedAction\">\n          <span\n            class=\"po-page-list-filter-search-link\"\n            tabindex=\"0\"\n            (click)=\"callActionFilter('advancedAction')\"\n            (keydown.enter)=\"callActionFilter('advancedAction')\"\n          >\n            {{ advancedSearch }}\n          </span>\n        </div>\n      </div>\n    </div>\n\n    <!-- DISCLAIMER -->\n    <po-disclaimer-group\n      *ngIf=\"!!disclaimerGroup\"\n      [class.po-page-list-disclaimer-group]=\"!!disclaimerGroup?.disclaimers?.length\"\n      [p-disclaimers]=\"disclaimerGroup?.disclaimers\"\n      [p-hide-remove-all]=\"disclaimerGroup?.hideRemoveAll\"\n      [p-title]=\"disclaimerGroup?.title\"\n      (p-change)=\"onChangeDisclaimerGroup($event)\"\n      (p-remove)=\"onRemoveDisclaimer($event)\"\n      (p-remove-all)=\"onRemoveAllDisclaimers($event)\"\n    >\n    </po-disclaimer-group>\n  </po-page-header>\n\n  <!-- CONTENT -->\n  <po-page-content>\n    <ng-content></ng-content>\n  </po-page-content>\n</po-page>\n" }]
+        args: [{ selector: 'po-page-list', template: "<po-page>\n  <!-- HEADER -->\n  <po-page-header\n    *ngIf=\"hasPageHeader()\"\n    [class.po-page-list-header-padding]=\"filter && !visibleActions.length\"\n    [p-breadcrumb]=\"breadcrumb\"\n    [p-title]=\"title\"\n  >\n    <!-- OPERATIONS -->\n    <div class=\"po-page-list-operations\">\n      <div class=\"po-page-list-actions\" [class.po-page-list-actions-padding]=\"filter\">\n        <po-button\n          *ngIf=\"visibleActions[0]\"\n          p-kind=\"primary\"\n          [p-disabled]=\"actionIsDisabled(actions[0])\"\n          [p-icon]=\"visibleActions[0].icon\"\n          [p-label]=\"visibleActions[0].label\"\n          (p-click)=\"callAction(visibleActions[0])\"\n        >\n        </po-button>\n\n        <po-button\n          *ngIf=\"visibleActions[1] && (visibleActions.length === 2 || !isMobile)\"\n          [p-disabled]=\"actionIsDisabled(actions[1])\"\n          [p-label]=\"visibleActions[1].label\"\n          (p-click)=\"callAction(visibleActions[1])\"\n        >\n        </po-button>\n\n        <po-button\n          *ngIf=\"visibleActions.length === 3 && visibleActions[2] && !isMobile\"\n          [p-disabled]=\"actionIsDisabled(visibleActions[2])\"\n          [p-label]=\"visibleActions[2].label\"\n          (p-click)=\"callAction(visibleActions[2])\"\n        >\n        </po-button>\n\n        <po-dropdown\n          *ngIf=\"visibleActions.length > limitPrimaryActions\"\n          [p-actions]=\"dropdownActions\"\n          [p-label]=\"literals.otherActions\"\n        >\n        </po-dropdown>\n      </div>\n\n      <!-- FILTER -->\n      <div\n        class=\"po-page-list-filter-wrapper\"\n        *ngIf=\"filter\"\n        [ngClass]=\"hasCustomFilterSize() ? filterSizeClass(filter.width) : ''\"\n      >\n        <div\n          class=\"po-field-container-content po-page-filter-content\"\n          [ngClass]=\"\n            hasCustomFilterSize()\n              ? filter.advancedAction\n                ? 'po-page-filter-input-variable-size'\n                : 'po-page-filter-input-variable-size-wo-adv-search'\n              : ''\n          \"\n        >\n          <div class=\"po-field-icon-container-right\">\n            <span class=\"po-icon po-icon-search po-field-icon\" (click)=\"callActionFilter('action')\"> </span>\n          </div>\n\n          <input\n            #filterInput\n            class=\"po-input po-input-icon-right\"\n            name=\"model\"\n            type=\"text\"\n            [placeholder]=\"filter.placeholder || ''\"\n            (keypress)=\"onkeypress($event.keyCode)\"\n          />\n        </div>\n\n        <div class=\"po-page-list-filter-search\" *ngIf=\"filter.advancedAction\">\n          <span\n            class=\"po-page-list-filter-search-link\"\n            tabindex=\"0\"\n            (click)=\"callActionFilter('advancedAction')\"\n            (keydown.enter)=\"callActionFilter('advancedAction')\"\n          >\n            {{ advancedSearch }}\n          </span>\n        </div>\n      </div>\n    </div>\n\n    <!-- DISCLAIMER -->\n    <po-disclaimer-group\n      *ngIf=\"!!disclaimerGroup\"\n      [class.po-page-list-disclaimer-group]=\"!!disclaimerGroup?.disclaimers?.length\"\n      [p-disclaimers]=\"disclaimerGroup?.disclaimers\"\n      [p-hide-remove-all]=\"disclaimerGroup?.hideRemoveAll\"\n      [p-title]=\"disclaimerGroup?.title\"\n      (p-change)=\"onChangeDisclaimerGroup($event)\"\n      (p-remove)=\"onRemoveDisclaimer($event)\"\n      (p-remove-all)=\"onRemoveAllDisclaimers($event)\"\n    >\n    </po-disclaimer-group>\n  </po-page-header>\n\n  <!-- CONTENT -->\n  <po-page-content>\n    <ng-content></ng-content>\n  </po-page-content>\n</po-page>\n" }]
     }], function () { return [{ type: i0.ViewContainerRef }, { type: PoLanguageService }, { type: i0.Renderer2 }, { type: i2.Router }, { type: i0.ChangeDetectorRef }]; }, { filterInput: [{
             type: ViewChild,
             args: ['filterInput']
@@ -45535,5 +45734,5 @@ function initializeLanguageDefault(config, languageService) {
  * Generated bundle index. Do not edit.
  */
 
-export { I18N_CONFIG, InputBoolean, InputRequired, PO_CONTROL_POSITIONS, PoAccordionComponent, PoAccordionItemComponent, PoAccordionModule, PoActiveOverlayModule, PoActiveOverlayService, PoAvatarComponent, PoAvatarModule, PoBreadcrumbComponent, PoBreadcrumbModule, PoButtonComponent, PoButtonGroupComponent, PoButtonGroupModule, PoButtonGroupToggle, PoButtonModule, PoCalendarComponent, PoCalendarMode, PoCalendarModule, PoChartComponent, PoChartModule, PoChartType, PoCheckboxComponent, PoCheckboxGroupComponent, PoCheckboxGroupModule, PoCleanComponent, PoCleanModule, PoColorPaletteModule, PoColorPaletteService, PoComboComponent, PoComboFilterMode, PoComboOptionTemplateDirective, PoComponentInjectorModule, PoComponentInjectorService, PoComponentsModule, PoContainerComponent, PoContainerModule, PoControlPositionModule, PoDateService, PoDateTimeModule, PoDatepickerComponent, PoDatepickerIsoFormat, PoDatepickerModule, PoDatepickerRangeComponent, PoDecimalComponent, PoDialogComponent, PoDialogModule, PoDialogService, PoDialogType, PoDirectivesModule, PoDisclaimerComponent, PoDisclaimerGroupComponent, PoDisclaimerGroupModule, PoDisclaimerModule, PoDividerComponent, PoDividerModule, PoDropdownComponent, PoDropdownModule, PoDynamicFieldType, PoDynamicFormComponent, PoDynamicModule, PoDynamicViewComponent, PoEmailComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoFieldContainerModule, PoFieldModule, PoGaugeComponent, PoGaugeModule, PoGridComponent, PoGridModule, PoGuardsModule, PoHttpInterceptorModule, PoHttpInterceptorService, PoHttpRequestInterceptorService, PoHttpRequestModule, PoI18nModule, PoI18nPipe, PoI18nService, PoIconComponent, PoIconModule, PoInfoComponent, PoInfoModule, PoInfoOrientation, PoInputComponent, PoInterceptorsModule, PoLanguageModule, PoLanguageService, PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailTemplateDirective, PoListViewModule, PoLoadingComponent, PoLoadingIconComponent, PoLoadingModule, PoLoadingOverlayComponent, PoLoginComponent, PoLookupComponent, PoLookupModalComponent, PoMenuComponent, PoMenuGlobalService, PoMenuHeaderTemplateDirective, PoMenuModule, PoMenuPanelComponent, PoMenuPanelModule, PoModalComponent, PoModalFooterComponent, PoModalModule, PoModule, PoMultiselectComponent, PoMultiselectFilterMode, PoNavbarComponent, PoNavbarModule, PoNotificationModule, PoNotificationService, PoNumberComponent, PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageListComponent, PoPageModule, PoPageSlideComponent, PoPasswordComponent, PoPipesModule, PoPopoverComponent, PoPopoverModule, PoPopupComponent, PoPopupModule, PoProgressComponent, PoProgressModule, PoProgressStatus, PoRadioGroupComponent, PoRichTextComponent, PoSelectComponent, PoSelectOptionTemplateDirective, PoServicesModule, PoSlideComponent, PoSlideContentTemplateDirective, PoSlideModule, PoStepComponent, PoStepperComponent, PoStepperModule, PoStepperOrientation, PoStepperStatus, PoSwitchComponent, PoSwitchLabelPosition, PoTabComponent, PoTableCellTemplateDirective, PoTableColumnSortType, PoTableColumnTemplateDirective, PoTableComponent, PoTableModule, PoTableRowTemplateArrowDirection, PoTableRowTemplateDirective, PoTabsComponent, PoTabsModule, PoTagComponent, PoTagModule, PoTagOrientation, PoTagType, PoTextareaComponent, PoTimeModule, PoTimePipe, PoToasterOrientation, PoToasterType, PoToolbarComponent, PoToolbarModule, PoTooltipDirective, PoTooltipModule, PoTreeViewComponent, PoTreeViewModule, PoUploadComponent, PoUrlComponent, PoWidgetComponent, PoWidgetModule, initializeLanguageDefault, poDialogAlertLiteralsDefault, poDialogConfirmLiteralsDefault, poLanguageDefault, poLocaleDecimalSeparatorList, poLocaleDefault, poLocaleThousandSeparatorList, poLocales, returnPoI18nService };
+export { I18N_CONFIG, InputBoolean, InputRequired, PO_CONTROL_POSITIONS, PoAccordionComponent, PoAccordionItemComponent, PoAccordionModule, PoActiveOverlayModule, PoActiveOverlayService, PoAvatarComponent, PoAvatarModule, PoBreadcrumbComponent, PoBreadcrumbModule, PoButtonComponent, PoButtonGroupComponent, PoButtonGroupModule, PoButtonGroupToggle, PoButtonModule, PoCalendarComponent, PoCalendarMode, PoCalendarModule, PoChartComponent, PoChartModule, PoChartType, PoCheckboxComponent, PoCheckboxGroupComponent, PoCheckboxGroupModule, PoCheckboxModule, PoCleanComponent, PoCleanModule, PoColorPaletteModule, PoColorPaletteService, PoComboComponent, PoComboFilterMode, PoComboOptionTemplateDirective, PoComponentInjectorModule, PoComponentInjectorService, PoComponentsModule, PoContainerComponent, PoContainerModule, PoControlPositionModule, PoDateService, PoDateTimeModule, PoDatepickerComponent, PoDatepickerIsoFormat, PoDatepickerModule, PoDatepickerRangeComponent, PoDecimalComponent, PoDialogComponent, PoDialogModule, PoDialogService, PoDialogType, PoDirectivesModule, PoDisclaimerComponent, PoDisclaimerGroupComponent, PoDisclaimerGroupModule, PoDisclaimerModule, PoDividerComponent, PoDividerModule, PoDropdownComponent, PoDropdownModule, PoDynamicFieldType, PoDynamicFormComponent, PoDynamicModule, PoDynamicViewComponent, PoEmailComponent, PoFieldContainerBottomComponent, PoFieldContainerComponent, PoFieldContainerModule, PoFieldModule, PoGaugeComponent, PoGaugeModule, PoGridComponent, PoGridModule, PoGuardsModule, PoHttpInterceptorModule, PoHttpInterceptorService, PoHttpRequestInterceptorService, PoHttpRequestModule, PoI18nModule, PoI18nPipe, PoI18nService, PoIconComponent, PoIconModule, PoInfoComponent, PoInfoModule, PoInfoOrientation, PoInputComponent, PoInterceptorsModule, PoLanguageModule, PoLanguageService, PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailTemplateDirective, PoListViewModule, PoLoadingComponent, PoLoadingIconComponent, PoLoadingModule, PoLoadingOverlayComponent, PoLoginComponent, PoLookupComponent, PoLookupModalComponent, PoMenuComponent, PoMenuGlobalService, PoMenuHeaderTemplateDirective, PoMenuModule, PoMenuPanelComponent, PoMenuPanelModule, PoModalComponent, PoModalFooterComponent, PoModalModule, PoModule, PoMultiselectComponent, PoMultiselectFilterMode, PoNavbarComponent, PoNavbarModule, PoNotificationModule, PoNotificationService, PoNumberComponent, PoPageDefaultComponent, PoPageDetailComponent, PoPageEditComponent, PoPageListComponent, PoPageModule, PoPageSlideComponent, PoPasswordComponent, PoPipesModule, PoPopoverComponent, PoPopoverModule, PoPopupComponent, PoPopupModule, PoProgressComponent, PoProgressModule, PoProgressStatus, PoRadioGroupComponent, PoRichTextComponent, PoSelectComponent, PoSelectOptionTemplateDirective, PoServicesModule, PoSlideComponent, PoSlideContentTemplateDirective, PoSlideModule, PoStepComponent, PoStepperComponent, PoStepperModule, PoStepperOrientation, PoStepperStatus, PoSwitchComponent, PoSwitchLabelPosition, PoTabComponent, PoTableCellTemplateDirective, PoTableColumnSortType, PoTableColumnTemplateDirective, PoTableComponent, PoTableModule, PoTableRowTemplateArrowDirection, PoTableRowTemplateDirective, PoTabsComponent, PoTabsModule, PoTagComponent, PoTagModule, PoTagOrientation, PoTagType, PoTextareaComponent, PoTimeModule, PoTimePipe, PoToasterOrientation, PoToasterType, PoToolbarComponent, PoToolbarModule, PoTooltipDirective, PoTooltipModule, PoTreeViewComponent, PoTreeViewModule, PoUploadComponent, PoUrlComponent, PoWidgetComponent, PoWidgetModule, initializeLanguageDefault, poDialogAlertLiteralsDefault, poDialogConfirmLiteralsDefault, poLanguageDefault, poLocaleDecimalSeparatorList, poLocaleDefault, poLocaleThousandSeparatorList, poLocales, returnPoI18nService };
 //# sourceMappingURL=po-ui-ng-components.mjs.map