@po-ui/ng-components 6.12.1 → 6.13.0

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

@@ -76,7 +76,7 @@ PoAccordionService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoAcc
 function PoAccordionItemComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
-const _c0$1t = ["*"];
+const _c0$1u = ["*"];
 /**
  * @description
  *
@@ -133,7 +133,7 @@ PoAccordionItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Po
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templateRef = _t.first);
-    } }, inputs: { label: ["p-label", "label"] }, ngContentSelectors: _c0$1t, decls: 1, vars: 0, template: function PoAccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { label: ["p-label", "label"] }, ngContentSelectors: _c0$1u, decls: 1, vars: 0, template: function PoAccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵtemplate(0, PoAccordionItemComponent_ng_template_0_Template, 1, 0, "ng-template");
     } }, encapsulation: 2 });
@@ -192,14 +192,14 @@ function PoAccordionItemBodyComponent_div_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     i0.ɵɵproperty("@toggleBody", undefined);
 } }
-const _c0$1s = ["*"];
+const _c0$1t = ["*"];
 class PoAccordionItemBodyComponent {
     constructor() {
         this.expanded = false;
     }
 }
 PoAccordionItemBodyComponent.ɵfac = function PoAccordionItemBodyComponent_Factory(t) { return new (t || PoAccordionItemBodyComponent)(); };
-PoAccordionItemBodyComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoAccordionItemBodyComponent, selectors: [["po-accordion-item-body"]], inputs: { expanded: ["p-expanded", "expanded"] }, ngContentSelectors: _c0$1s, decls: 1, vars: 1, consts: [["class", "po-accordion-item-body", 4, "ngIf"], [1, "po-accordion-item-body"], [1, "po-accordion-item-body-content"]], template: function PoAccordionItemBodyComponent_Template(rf, ctx) { if (rf & 1) {
+PoAccordionItemBodyComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoAccordionItemBodyComponent, selectors: [["po-accordion-item-body"]], inputs: { expanded: ["p-expanded", "expanded"] }, ngContentSelectors: _c0$1t, decls: 1, vars: 1, consts: [["class", "po-accordion-item-body", 4, "ngIf"], [1, "po-accordion-item-body"], [1, "po-accordion-item-body-content"]], template: function PoAccordionItemBodyComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵtemplate(0, PoAccordionItemBodyComponent_div_0_Template, 3, 1, "div", 0);
     } if (rf & 2) {
@@ -935,6 +935,14 @@ function convertIsoToDate(value, start, end) {
         }
     }
 }
+function convertIsoToDateNoTimezone(value) {
+    if (value) {
+        const day = parseInt(value.substring(8, 10), 10);
+        const month = parseInt(value.substring(5, 7), 10);
+        const year = parseInt(value.substring(0, 4), 10);
+        return new Date(year, month - 1, day);
+    }
+}
 function convertDateToISODate(date) {
     if (date) {
         const getMonth = date.getMonth() + 1;
@@ -1594,8 +1602,8 @@ PoBreadcrumbDropdownComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
             args: ['p-items']
         }] }); })();
 
-const _c0$1r = ["breadcrumb"];
-const _c1$C = ["dropdownIcon"];
+const _c0$1s = ["breadcrumb"];
+const _c1$D = ["dropdownIcon"];
 function PoBreadcrumbComponent_li_3_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "li", 7, 8);
@@ -1769,8 +1777,8 @@ 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$C, 5, ElementRef);
+        i0.ɵɵviewQuery(_c0$1s, 7, ElementRef);
+        i0.ɵɵviewQuery(_c1$D, 5, ElementRef);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.breadcrumbElement = _t.first);
@@ -2419,13 +2427,10 @@ class PoButtonBaseComponent {
      *
      * 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"`.
+     * > A propriedade `p-kind="tertiary"` será inativada ao utilizar esta propriedade.
      */
     set danger(value) {
-        this._danger = value;
-        if (this._danger) {
-            this.kind = PoButtonKind.secondary;
-        }
+        this._danger = this.kind !== PoButtonKind.tertiary ? value : false;
     }
     get danger() {
         return this._danger;
@@ -2445,7 +2450,7 @@ class PoButtonBaseComponent {
      * @default `secondary`
      */
     set kind(value) {
-        this._kind = PoButtonKind[value] && !this.danger ? PoButtonKind[value] : PoButtonKind.secondary;
+        this._kind = PoButtonKind[value] ? PoButtonKind[value] : PoButtonKind.secondary;
     }
     get kind() {
         return this._kind;
@@ -2508,7 +2513,7 @@ __decorate([
             args: ['p-disabled']
         }] }); })();
 
-const _c0$1q = ["button"];
+const _c0$1r = ["button"];
 function PoButtonComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
     i0.ɵɵelement(1, "po-loading-icon", 6);
@@ -2587,7 +2592,7 @@ class PoButtonComponent extends PoButtonBaseComponent {
 }
 PoButtonComponent.ɵfac = /*@__PURE__*/ function () { let ɵPoButtonComponent_BaseFactory; return function PoButtonComponent_Factory(t) { return (ɵPoButtonComponent_BaseFactory || (ɵPoButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PoButtonComponent)))(t || PoButtonComponent); }; }();
 PoButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoButtonComponent, selectors: [["po-button"]], viewQuery: function PoButtonComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$1q, 7);
+        i0.ɵɵviewQuery(_c0$1r, 7);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.buttonElement = _t.first);
@@ -4167,7 +4172,7 @@ function PoCalendarHeaderComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("click", function PoCalendarHeaderComponent_span_4_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.next.emit(); });
     i0.ɵɵelementEnd();
 } }
-const _c0$1p = ["*"];
+const _c0$1q = ["*"];
 class PoCalendarHeaderComponent {
     constructor() {
         this.hidePrevious = false;
@@ -4177,7 +4182,7 @@ class PoCalendarHeaderComponent {
     }
 }
 PoCalendarHeaderComponent.ɵfac = function PoCalendarHeaderComponent_Factory(t) { return new (t || PoCalendarHeaderComponent)(); };
-PoCalendarHeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoCalendarHeaderComponent, selectors: [["po-calendar-header"]], inputs: { hidePrevious: ["p-hide-previous", "hidePrevious"], hideNext: ["p-hide-next", "hideNext"] }, outputs: { previous: "p-previous", next: "p-next" }, ngContentSelectors: _c0$1p, decls: 5, vars: 2, consts: [[1, "po-calendar-header"], ["class", "po-calendar-header-left po-icon po-icon-arrow-left", 3, "click", 4, "ngIf"], ["attr-calendar", "", 1, "po-calendar-header-title"], ["class", "po-calendar-header-right po-icon po-icon-arrow-right", 3, "click", 4, "ngIf"], [1, "po-calendar-header-left", "po-icon", "po-icon-arrow-left", 3, "click"], [1, "po-calendar-header-right", "po-icon", "po-icon-arrow-right", 3, "click"]], template: function PoCalendarHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+PoCalendarHeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoCalendarHeaderComponent, selectors: [["po-calendar-header"]], inputs: { hidePrevious: ["p-hide-previous", "hidePrevious"], hideNext: ["p-hide-next", "hideNext"] }, outputs: { previous: "p-previous", next: "p-next" }, ngContentSelectors: _c0$1q, decls: 5, vars: 2, consts: [[1, "po-calendar-header"], ["class", "po-calendar-header-left po-icon po-icon-arrow-left", 3, "click", 4, "ngIf"], ["attr-calendar", "", 1, "po-calendar-header-title"], ["class", "po-calendar-header-right po-icon po-icon-arrow-right", 3, "click", 4, "ngIf"], [1, "po-calendar-header-left", "po-icon", "po-icon-arrow-left", 3, "click"], [1, "po-calendar-header-right", "po-icon", "po-icon-arrow-right", 3, "click"]], template: function PoCalendarHeaderComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵtemplate(1, PoCalendarHeaderComponent_span_1_Template, 1, 0, "span", 1);
@@ -4659,7 +4664,7 @@ function PoCalendarComponent_ng_template_1_ng_container_1_Template(rf, ctx) { if
 function PoCalendarComponent_ng_template_1_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-const _c0$1o = function () { return { partType: "end" }; };
+const _c0$1p = function () { return { partType: "end" }; };
 function PoCalendarComponent_ng_template_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵtemplate(1, PoCalendarComponent_ng_template_1_ng_container_2_ng_container_1_Template, 1, 0, "ng-container", 5);
@@ -4668,9 +4673,9 @@ function PoCalendarComponent_ng_template_1_ng_container_2_Template(rf, ctx) { if
     i0.ɵɵnextContext(2);
     const _r5 = i0.ɵɵreference(6);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r5)("ngTemplateOutletContext", i0.ɵɵpureFunction0(2, _c0$1o));
+    i0.ɵɵproperty("ngTemplateOutlet", _r5)("ngTemplateOutletContext", i0.ɵɵpureFunction0(2, _c0$1p));
 } }
-const _c1$B = function () { return { partType: "start" }; };
+const _c1$C = 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);
@@ -4680,7 +4685,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$B));
+    i0.ɵɵproperty("ngTemplateOutlet", _r5)("ngTemplateOutletContext", i0.ɵɵpureFunction0(3, _c1$C));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", !ctx_r2.isResponsive);
 } }
@@ -5106,7 +5111,7 @@ PoChartMathsService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoCh
             }]
     }], null, null); })();
 
-const _c0$1n = ["chartLine"];
+const _c0$1o = ["chartLine"];
 class PoChartLineBaseComponent {
     constructor(mathsService, renderer, elementRef) {
         this.mathsService = mathsService;
@@ -5234,7 +5239,7 @@ class PoChartLineBaseComponent {
 }
 PoChartLineBaseComponent.ɵfac = function PoChartLineBaseComponent_Factory(t) { return new (t || PoChartLineBaseComponent)(i0.ɵɵdirectiveInject(PoChartMathsService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
 PoChartLineBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoChartLineBaseComponent, viewQuery: function PoChartLineBaseComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$1n, 5);
+        i0.ɵɵviewQuery(_c0$1o, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chartLine = _t.first);
@@ -5273,8 +5278,8 @@ PoChartLineBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: Po
             args: ['p-series']
         }] }); })();
 
-const _c0$1m = ["chartPath"];
-const _c1$A = ["po-chart-path", ""];
+const _c0$1n = ["chartPath"];
+const _c1$B = ["po-chart-path", ""];
 const pathDashoffsetDefaultWidth = 0;
 class PoChartPathComponent {
     constructor(changeDetector) {
@@ -5314,11 +5319,11 @@ class PoChartPathComponent {
 }
 PoChartPathComponent.ɵfac = function PoChartPathComponent_Factory(t) { return new (t || PoChartPathComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 PoChartPathComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartPathComponent, selectors: [["", "po-chart-path", ""]], viewQuery: function PoChartPathComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$1m, 7);
+        i0.ɵɵviewQuery(_c0$1n, 7);
     } 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$A, 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$B, 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) {
@@ -5355,7 +5360,7 @@ __decorate([
             args: ['p-animate']
         }] }); })();
 
-const _c0$1l = ["po-chart-series-point", ""];
+const _c0$1m = ["po-chart-series-point", ""];
 function PoChartSeriesPointComponent__svg_circle_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -5433,7 +5438,7 @@ class PoChartSeriesPointComponent {
     }
 }
 PoChartSeriesPointComponent.ɵfac = function PoChartSeriesPointComponent_Factory(t) { return new (t || PoChartSeriesPointComponent)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-PoChartSeriesPointComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartSeriesPointComponent, selectors: [["", "po-chart-series-point", ""]], inputs: { animate: ["p-animate", "animate"], isActive: ["p-is-active", "isActive"], chartLine: ["p-chart-line", "chartLine"], relativeTo: ["p-relative-to", "relativeTo"], color: ["p-color", "color"], coordinates: ["p-coordinates", "coordinates"] }, outputs: { pointClick: "p-point-click", pointHover: "p-point-hover" }, attrs: _c0$1l, decls: 2, vars: 4, consts: [["p-tooltip-position", "top", "class", "po-chart-line-point", 3, "p-tooltip", "p-append-in-body", "p-display-tooltip", "class", "po-chart-active-point", "click", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["p-tooltip-position", "top", 1, "po-chart-line-point", 3, "p-tooltip", "p-append-in-body", "p-display-tooltip", "click", "mouseenter", "mouseleave"]], template: function PoChartSeriesPointComponent_Template(rf, ctx) { if (rf & 1) {
+PoChartSeriesPointComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartSeriesPointComponent, selectors: [["", "po-chart-series-point", ""]], inputs: { animate: ["p-animate", "animate"], isActive: ["p-is-active", "isActive"], chartLine: ["p-chart-line", "chartLine"], relativeTo: ["p-relative-to", "relativeTo"], color: ["p-color", "color"], coordinates: ["p-coordinates", "coordinates"] }, outputs: { pointClick: "p-point-click", pointHover: "p-point-hover" }, attrs: _c0$1m, decls: 2, vars: 4, consts: [["p-tooltip-position", "top", "class", "po-chart-line-point", 3, "p-tooltip", "p-append-in-body", "p-display-tooltip", "class", "po-chart-active-point", "click", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["p-tooltip-position", "top", 1, "po-chart-line-point", 3, "p-tooltip", "p-append-in-body", "p-display-tooltip", "click", "mouseenter", "mouseleave"]], template: function PoChartSeriesPointComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, PoChartSeriesPointComponent__svg_circle_0_Template, 1, 11, "circle", 0);
         i0.ɵɵpipe(1, "async");
     } if (rf & 2) {
@@ -5474,7 +5479,7 @@ __decorate([
             args: ['p-coordinates']
         }] }); })();
 
-const _c0$1k = ["po-chart-area", ""];
+const _c0$1l = ["po-chart-area", ""];
 function PoChartAreaComponent__svg_g_2_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -5556,7 +5561,7 @@ class PoChartAreaComponent extends PoChartLineBaseComponent {
     }
 }
 PoChartAreaComponent.ɵfac = function PoChartAreaComponent_Factory(t) { return new (t || PoChartAreaComponent)(i0.ɵɵdirectiveInject(PoChartMathsService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-PoChartAreaComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAreaComponent, selectors: [["", "po-chart-area", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1k, decls: 3, vars: 2, consts: [["chartLine", ""], [3, "class", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "mouseenter", "mouseleave"], ["po-chart-path", "", 3, "p-chart-line", "p-animate", "p-color", "p-coordinates", "p-is-active"], ["po-chart-series-point", "", 3, "p-animate", "p-chart-line", "p-color", "p-coordinates", "p-is-active", "p-relative-to", "p-point-click", "p-point-hover"]], template: function PoChartAreaComponent_Template(rf, ctx) { if (rf & 1) {
+PoChartAreaComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAreaComponent, selectors: [["", "po-chart-area", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1l, decls: 3, vars: 2, consts: [["chartLine", ""], [3, "class", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "mouseenter", "mouseleave"], ["po-chart-path", "", 3, "p-chart-line", "p-animate", "p-color", "p-coordinates", "p-is-active"], ["po-chart-series-point", "", 3, "p-animate", "p-chart-line", "p-color", "p-coordinates", "p-is-active", "p-relative-to", "p-point-click", "p-point-hover"]], template: function PoChartAreaComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵnamespaceSVG();
         i0.ɵɵelementStart(0, "g", null, 0);
         i0.ɵɵtemplate(2, PoChartAreaComponent__svg_g_2_Template, 3, 15, "g", 1);
@@ -5570,7 +5575,7 @@ PoChartAreaComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChar
         args: [{ selector: '[po-chart-area]', template: "<svg:g #chartLine>\n\n  <svg:g *ngFor=\"let item of seriesPathsCoordinates; let i = index; trackBy: trackBy\"\n    [class]=\"'po-chart-line-path-group-' + i\"\n    (mouseenter)=\"onEnter(i)\"\n    (mouseleave)=\"onLeave(i)\"\n  >\n    <!-- SERIES PATHS -->\n    <svg:g po-chart-path\n      [p-chart-line]=\"chartType === 'line'\"\n      [attr.key]=\"'po-chart-line-path-' + i\"\n      [p-animate]=\"animate\"\n      [p-color]=\"item.color\" \n      [p-coordinates]=\"item?.coordinates\"\n      [p-is-active]=\"item.isActive\"\n      >\n      </svg:g>\n\n    <!-- SERIES POINTS -->\n    <svg:g po-chart-series-point\n      [p-animate]=\"animate\"\n      [p-chart-line]=\"chartType === 'line'\"\n      [p-color]=\"item.color\"\n      [p-coordinates]=\"seriesPointsCoordinates[i]\"\n      [p-is-active]=\"activeTooltip\"\n      [p-relative-to]=\"'po-chart-line-path-group-' + i\" \n      [attr.key]=\"'po-chart-line-path-points-group-' + i\"\n      (p-point-click)=\"onSeriePointClick($event)\"\n      (p-point-hover)=\"onSeriePointHover($event)\"\n      ></svg:g>\n  </svg:g>\n\n</svg:g>" }]
     }], function () { return [{ type: PoChartMathsService }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, null); })();
 
-const _c0$1j = ["po-chart-axis-path", ""];
+const _c0$1k = ["po-chart-axis-path", ""];
 function PoChartAxisPathComponent__svg_path_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelement(0, "path", 1);
@@ -5592,7 +5597,7 @@ class PoChartAxisPathComponent {
     }
 }
 PoChartAxisPathComponent.ɵfac = function PoChartAxisPathComponent_Factory(t) { return new (t || PoChartAxisPathComponent)(); };
-PoChartAxisPathComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAxisPathComponent, selectors: [["", "po-chart-axis-path", ""]], inputs: { axisXCoordinates: ["p-axis-x-coordinates", "axisXCoordinates"], axisYCoordinates: ["p-axis-y-coordinates", "axisYCoordinates"] }, attrs: _c0$1j, decls: 4, vars: 4, consts: [["class", "po-chart-axis-path", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "po-chart-axis-path"]], template: function PoChartAxisPathComponent_Template(rf, ctx) { if (rf & 1) {
+PoChartAxisPathComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAxisPathComponent, selectors: [["", "po-chart-axis-path", ""]], inputs: { axisXCoordinates: ["p-axis-x-coordinates", "axisXCoordinates"], axisYCoordinates: ["p-axis-y-coordinates", "axisYCoordinates"] }, attrs: _c0$1k, decls: 4, vars: 4, consts: [["class", "po-chart-axis-path", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "po-chart-axis-path"]], template: function PoChartAxisPathComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵnamespaceSVG();
         i0.ɵɵelementStart(0, "g");
         i0.ɵɵtemplate(1, PoChartAxisPathComponent__svg_path_1_Template, 1, 1, "path", 0);
@@ -5617,7 +5622,7 @@ PoChartAxisPathComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Po
             args: ['p-axis-y-coordinates']
         }] }); })();
 
-const _c0$1i = ["po-chart-axis-label", ""];
+const _c0$1j = ["po-chart-axis-label", ""];
 function PoChartAxisLabelComponent__svg_text_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(0, "text", 2);
@@ -5651,7 +5656,7 @@ class PoChartAxisLabelComponent {
     }
 }
 PoChartAxisLabelComponent.ɵfac = function PoChartAxisLabelComponent_Factory(t) { return new (t || PoChartAxisLabelComponent)(); };
-PoChartAxisLabelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAxisLabelComponent, selectors: [["", "po-chart-axis-label", ""]], inputs: { alignByTheCorners: ["p-align-by-the-corners", "alignByTheCorners"], axisXLabelCoordinates: ["p-axis-x-label-coordinates", "axisXLabelCoordinates"], axisYLabelCoordinates: ["p-axis-y-label-coordinates", "axisYLabelCoordinates"], type: ["p-type", "type"] }, attrs: _c0$1i, decls: 4, vars: 4, consts: [["class", "po-chart-axis-x-label", "dominant-baseline", "middle", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["class", "po-chart-axis-y-label", 3, "po-chart-centered-label", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["dominant-baseline", "middle", 1, "po-chart-axis-x-label"], [1, "po-chart-axis-y-label"]], template: function PoChartAxisLabelComponent_Template(rf, ctx) { if (rf & 1) {
+PoChartAxisLabelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAxisLabelComponent, selectors: [["", "po-chart-axis-label", ""]], inputs: { alignByTheCorners: ["p-align-by-the-corners", "alignByTheCorners"], axisXLabelCoordinates: ["p-axis-x-label-coordinates", "axisXLabelCoordinates"], axisYLabelCoordinates: ["p-axis-y-label-coordinates", "axisYLabelCoordinates"], type: ["p-type", "type"] }, attrs: _c0$1j, decls: 4, vars: 4, consts: [["class", "po-chart-axis-x-label", "dominant-baseline", "middle", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["class", "po-chart-axis-y-label", 3, "po-chart-centered-label", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["dominant-baseline", "middle", 1, "po-chart-axis-x-label"], [1, "po-chart-axis-y-label"]], template: function PoChartAxisLabelComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵnamespaceSVG();
         i0.ɵɵelementStart(0, "g");
         i0.ɵɵtemplate(1, PoChartAxisLabelComponent__svg_text_1_Template, 2, 3, "text", 0);
@@ -5682,7 +5687,7 @@ PoChartAxisLabelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: P
             args: ['p-type']
         }] }); })();
 
-const _c0$1h = ["po-chart-axis", ""];
+const _c0$1i = ["po-chart-axis", ""];
 class PoChartAxisComponent {
     constructor(mathsService) {
         this.mathsService = mathsService;
@@ -5947,7 +5952,7 @@ class PoChartAxisComponent {
     }
 }
 PoChartAxisComponent.ɵfac = function PoChartAxisComponent_Factory(t) { return new (t || PoChartAxisComponent)(i0.ɵɵdirectiveInject(PoChartMathsService)); };
-PoChartAxisComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAxisComponent, selectors: [["", "po-chart-axis", ""]], inputs: { alignByTheCorners: ["p-align-by-the-corners", "alignByTheCorners"], type: ["p-type", "type"], range: ["p-range", "range"], series: ["p-series", "series"], categories: ["p-categories", "categories"], containerSize: ["p-container-size", "containerSize"], axisOptions: ["p-options", "axisOptions"] }, outputs: { categoriesCoordinates: "p-categories-coordinates" }, attrs: _c0$1h, decls: 2, vars: 6, consts: [["po-chart-axis-path", "", 3, "p-axis-x-coordinates", "p-axis-y-coordinates"], ["po-chart-axis-label", "", 3, "p-align-by-the-corners", "p-axis-x-label-coordinates", "p-axis-y-label-coordinates", "p-type"]], template: function PoChartAxisComponent_Template(rf, ctx) { if (rf & 1) {
+PoChartAxisComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAxisComponent, selectors: [["", "po-chart-axis", ""]], inputs: { alignByTheCorners: ["p-align-by-the-corners", "alignByTheCorners"], type: ["p-type", "type"], range: ["p-range", "range"], series: ["p-series", "series"], categories: ["p-categories", "categories"], containerSize: ["p-container-size", "containerSize"], axisOptions: ["p-options", "axisOptions"] }, outputs: { categoriesCoordinates: "p-categories-coordinates" }, attrs: _c0$1i, decls: 2, vars: 6, consts: [["po-chart-axis-path", "", 3, "p-axis-x-coordinates", "p-axis-y-coordinates"], ["po-chart-axis-label", "", 3, "p-align-by-the-corners", "p-axis-x-label-coordinates", "p-axis-y-label-coordinates", "p-type"]], template: function PoChartAxisComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵnamespaceSVG();
         i0.ɵɵelement(0, "g", 0)(1, "g", 1);
     } if (rf & 2) {
@@ -6084,7 +6089,7 @@ PoChartBarBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoC
             args: ['p-series']
         }] }); })();
 
-const _c0$1g = ["po-chart-bar-path", ""];
+const _c0$1h = ["po-chart-bar-path", ""];
 function PoChartBarPathComponent__svg_path_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -6116,7 +6121,7 @@ class PoChartBarPathComponent {
     }
 }
 PoChartBarPathComponent.ɵfac = function PoChartBarPathComponent_Factory(t) { return new (t || PoChartBarPathComponent)(); };
-PoChartBarPathComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartBarPathComponent, selectors: [["", "po-chart-bar-path", ""]], inputs: { color: ["p-color", "color"], coordinates: ["p-coordinates", "coordinates"], tooltipPosition: ["p-tooltip-position", "tooltipPosition"] }, outputs: { barClick: "p-bar-click", barHover: "p-bar-hover" }, attrs: _c0$1g, decls: 1, vars: 2, consts: [["class", "po-chart-bar-path", 3, "p-tooltip", "p-tooltip-position", "p-append-in-body", "class", "mouseenter", "click", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "po-chart-bar-path", 3, "p-tooltip", "p-tooltip-position", "p-append-in-body", "mouseenter", "click"]], template: function PoChartBarPathComponent_Template(rf, ctx) { if (rf & 1) {
+PoChartBarPathComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartBarPathComponent, selectors: [["", "po-chart-bar-path", ""]], inputs: { color: ["p-color", "color"], coordinates: ["p-coordinates", "coordinates"], tooltipPosition: ["p-tooltip-position", "tooltipPosition"] }, outputs: { barClick: "p-bar-click", barHover: "p-bar-hover" }, attrs: _c0$1h, decls: 1, vars: 2, consts: [["class", "po-chart-bar-path", 3, "p-tooltip", "p-tooltip-position", "p-append-in-body", "class", "mouseenter", "click", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "po-chart-bar-path", 3, "p-tooltip", "p-tooltip-position", "p-append-in-body", "mouseenter", "click"]], template: function PoChartBarPathComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, PoChartBarPathComponent__svg_path_0_Template, 1, 7, "path", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngForOf", ctx.coordinates)("ngForTrackBy", ctx.trackBy);
@@ -6141,7 +6146,7 @@ PoChartBarPathComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoC
             args: ['p-bar-hover']
         }] }); })();
 
-const _c0$1f = ["po-chart-bar", ""];
+const _c0$1g = ["po-chart-bar", ""];
 function PoChartBarComponent__svg_g_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -6202,7 +6207,7 @@ class PoChartBarComponent extends PoChartBarBaseComponent {
     }
 }
 PoChartBarComponent.ɵfac = function PoChartBarComponent_Factory(t) { return new (t || PoChartBarComponent)(i0.ɵɵdirectiveInject(PoChartMathsService)); };
-PoChartBarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartBarComponent, selectors: [["", "po-chart-bar", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1f, decls: 2, vars: 2, consts: [[3, "class", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["po-chart-bar-path", "", 3, "p-color", "p-coordinates", "p-tooltip-position", "p-bar-click", "p-bar-hover"]], template: function PoChartBarComponent_Template(rf, ctx) { if (rf & 1) {
+PoChartBarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartBarComponent, selectors: [["", "po-chart-bar", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1g, decls: 2, vars: 2, consts: [[3, "class", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["po-chart-bar-path", "", 3, "p-color", "p-coordinates", "p-tooltip-position", "p-bar-click", "p-bar-hover"]], template: function PoChartBarComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵnamespaceSVG();
         i0.ɵɵelementStart(0, "g");
         i0.ɵɵtemplate(1, PoChartBarComponent__svg_g_1_Template, 2, 6, "g", 0);
@@ -6216,7 +6221,7 @@ PoChartBarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChart
         args: [{ selector: '[po-chart-bar]', template: "<svg:g>\n  <svg:g *ngFor=\"let item of seriesPathsCoordinates; let i = index; trackBy: trackBy\"\n    [class]=\"'po-chart-bar-group-' + i\"\n  >\n    <!-- SERIES PATHS -->\n    <svg:g po-chart-bar-path\n      [attr.key]=\"'po-chart-bar-path-' + i\"\n      [p-color]=\"item[0]?.color\" \n      [p-coordinates]=\"item\"\n      [p-tooltip-position]=\"tooltipPosition\"\n      (p-bar-click)=\"onSerieBarClick($event)\"\n      (p-bar-hover)=\"onSerieBarHover($event)\"\n      >\n      </svg:g>\n  </svg:g>\n</svg:g>" }]
     }], function () { return [{ type: PoChartMathsService }]; }, null); })();
 
-const _c0$1e = ["po-chart-column", ""];
+const _c0$1f = ["po-chart-column", ""];
 function PoChartColumnComponent__svg_g_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -6278,7 +6283,7 @@ class PoChartColumnComponent extends PoChartBarBaseComponent {
     }
 }
 PoChartColumnComponent.ɵfac = function PoChartColumnComponent_Factory(t) { return new (t || PoChartColumnComponent)(i0.ɵɵdirectiveInject(PoChartMathsService)); };
-PoChartColumnComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartColumnComponent, selectors: [["", "po-chart-column", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1e, decls: 2, vars: 2, consts: [[3, "class", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["po-chart-bar-path", "", 3, "p-color", "p-coordinates", "p-tooltip-position", "p-bar-click", "p-bar-hover"]], template: function PoChartColumnComponent_Template(rf, ctx) { if (rf & 1) {
+PoChartColumnComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartColumnComponent, selectors: [["", "po-chart-column", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1f, decls: 2, vars: 2, consts: [[3, "class", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["po-chart-bar-path", "", 3, "p-color", "p-coordinates", "p-tooltip-position", "p-bar-click", "p-bar-hover"]], template: function PoChartColumnComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵnamespaceSVG();
         i0.ɵɵelementStart(0, "g");
         i0.ɵɵtemplate(1, PoChartColumnComponent__svg_g_1_Template, 2, 6, "g", 0);
@@ -6778,7 +6783,7 @@ PoResizeObserverDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: P
             args: ['p-resize-observer']
         }] }); })();
 
-const _c0$1d = ["po-chart-line", ""];
+const _c0$1e = ["po-chart-line", ""];
 function PoChartLineComponent__svg_g_2_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -6826,7 +6831,7 @@ class PoChartLineComponent extends PoChartLineBaseComponent {
     }
 }
 PoChartLineComponent.ɵfac = function PoChartLineComponent_Factory(t) { return new (t || PoChartLineComponent)(i0.ɵɵdirectiveInject(PoChartMathsService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-PoChartLineComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartLineComponent, selectors: [["", "po-chart-line", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1d, decls: 3, vars: 2, consts: [["chartLine", ""], [3, "class", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "mouseenter", "mouseleave"], ["po-chart-path", "", 3, "p-chart-line", "p-animate", "p-color", "p-coordinates", "p-is-active"], ["po-chart-series-point", "", 3, "p-animate", "p-chart-line", "p-color", "p-coordinates", "p-is-active", "p-relative-to", "p-point-click", "p-point-hover"]], template: function PoChartLineComponent_Template(rf, ctx) { if (rf & 1) {
+PoChartLineComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartLineComponent, selectors: [["", "po-chart-line", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1e, decls: 3, vars: 2, consts: [["chartLine", ""], [3, "class", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "mouseenter", "mouseleave"], ["po-chart-path", "", 3, "p-chart-line", "p-animate", "p-color", "p-coordinates", "p-is-active"], ["po-chart-series-point", "", 3, "p-animate", "p-chart-line", "p-color", "p-coordinates", "p-is-active", "p-relative-to", "p-point-click", "p-point-hover"]], template: function PoChartLineComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵnamespaceSVG();
         i0.ɵɵelementStart(0, "g", null, 0);
         i0.ɵɵtemplate(2, PoChartLineComponent__svg_g_2_Template, 3, 15, "g", 1);
@@ -6840,8 +6845,8 @@ PoChartLineComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChar
         args: [{ selector: '[po-chart-line]', template: "<svg:g #chartLine>\n\n  <svg:g *ngFor=\"let item of seriesPathsCoordinates; let i = index; trackBy: trackBy\"\n    [class]=\"'po-chart-line-path-group-' + i\"\n    (mouseenter)=\"onEnter(i)\"\n    (mouseleave)=\"onLeave(i)\"\n  >\n    <!-- SERIES PATHS -->\n    <svg:g po-chart-path\n      [p-chart-line]=\"chartType === 'line'\"\n      [attr.key]=\"'po-chart-line-path-' + i\"\n      [p-animate]=\"animate\"\n      [p-color]=\"item.color\" \n      [p-coordinates]=\"item?.coordinates\"\n      [p-is-active]=\"item.isActive\"\n      >\n      </svg:g>\n\n    <!-- SERIES POINTS -->\n    <svg:g po-chart-series-point\n      [p-animate]=\"animate\"\n      [p-chart-line]=\"chartType === 'line'\"\n      [p-color]=\"item.color\"\n      [p-coordinates]=\"seriesPointsCoordinates[i]\"\n      [p-is-active]=\"activeTooltip\"\n      [p-relative-to]=\"'po-chart-line-path-group-' + i\" \n      [attr.key]=\"'po-chart-line-path-points-group-' + i\"\n      (p-point-click)=\"onSeriePointClick($event)\"\n      (p-point-hover)=\"onSeriePointHover($event)\"\n      ></svg:g>\n  </svg:g>\n\n</svg:g>" }]
     }], function () { return [{ type: PoChartMathsService }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, null); })();
 
-const _c0$1c = ["svgPaths"];
-const _c1$z = ["svgLabels"];
+const _c0$1d = ["svgPaths"];
+const _c1$A = ["svgLabels"];
 class PoChartCircularComponent {
     constructor(ngZone, changeDetector) {
         this.ngZone = ngZone;
@@ -6966,8 +6971,8 @@ 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$z, 5);
+        i0.ɵɵviewQuery(_c0$1d, 5);
+        i0.ɵɵviewQuery(_c1$A, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.svgPaths = _t);
@@ -7080,8 +7085,8 @@ PoChartTooltipDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoC
             args: ['mousemove', ['$event']]
         }] }); })();
 
-const _c0$1b = ["svgPath"];
-const _c1$y = ["po-chart-circular-path", ""];
+const _c0$1c = ["svgPath"];
+const _c1$z = ["po-chart-circular-path", ""];
 class PoChartCircularPathComponent {
     constructor(renderer) {
         this.renderer = renderer;
@@ -7102,11 +7107,11 @@ class PoChartCircularPathComponent {
 }
 PoChartCircularPathComponent.ɵfac = function PoChartCircularPathComponent_Factory(t) { return new (t || PoChartCircularPathComponent)(i0.ɵɵdirectiveInject(i0.Renderer2)); };
 PoChartCircularPathComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartCircularPathComponent, selectors: [["", "po-chart-circular-path", ""]], viewQuery: function PoChartCircularPathComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$1b, 5, ElementRef);
+        i0.ɵɵviewQuery(_c0$1c, 5, ElementRef);
     } 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$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) {
+    } }, inputs: { serie: ["p-serie", "serie"] }, outputs: { onClick: "p-on-click", onHover: "p-on-hover" }, attrs: _c1$z, 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(); });
@@ -7133,8 +7138,8 @@ PoChartCircularPathComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
             args: ['svgPath', { read: ElementRef }]
         }] }); })();
 
-const _c0$1a = ["svgLabel"];
-const _c1$x = ["po-chart-circular-label", ""];
+const _c0$1b = ["svgLabel"];
+const _c1$y = ["po-chart-circular-label", ""];
 class PoChartCircularLabelComponent {
     constructor(changeDetection, renderer) {
         this.changeDetection = changeDetection;
@@ -7149,11 +7154,11 @@ class PoChartCircularLabelComponent {
 }
 PoChartCircularLabelComponent.ɵfac = function PoChartCircularLabelComponent_Factory(t) { return new (t || PoChartCircularLabelComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.Renderer2)); };
 PoChartCircularLabelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartCircularLabelComponent, selectors: [["", "po-chart-circular-label", ""]], viewQuery: function PoChartCircularLabelComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$1a, 5, ElementRef);
+        i0.ɵɵviewQuery(_c0$1b, 5, ElementRef);
     } 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$x, 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$y, 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);
@@ -7178,7 +7183,7 @@ PoChartCircularLabelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
             args: ['svgLabel', { read: ElementRef }]
         }] }); })();
 
-const _c0$19 = ["po-chart-pie", ""];
+const _c0$1a = ["po-chart-pie", ""];
 function PoChartPieComponent__svg_g_1_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -7260,7 +7265,7 @@ class PoChartPieComponent extends PoChartCircularComponent {
     }
 }
 PoChartPieComponent.ɵfac = function PoChartPieComponent_Factory(t) { return new (t || PoChartPieComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-PoChartPieComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartPieComponent, selectors: [["", "po-chart-pie", ""]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], attrs: _c0$19, decls: 3, vars: 2, consts: [[4, "ngFor", "ngForOf"], [4, "ngIf"], ["po-chart-circular-path", "", 3, "p-serie", "p-on-click", "p-on-hover"], ["svgPaths", ""], ["po-chart-circular-label", "", 3, "p-serie", "p-show-label"], ["svgLabels", ""]], template: function PoChartPieComponent_Template(rf, ctx) { if (rf & 1) {
+PoChartPieComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartPieComponent, selectors: [["", "po-chart-pie", ""]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], attrs: _c0$1a, decls: 3, vars: 2, consts: [[4, "ngFor", "ngForOf"], [4, "ngIf"], ["po-chart-circular-path", "", 3, "p-serie", "p-on-click", "p-on-hover"], ["svgPaths", ""], ["po-chart-circular-label", "", 3, "p-serie", "p-show-label"], ["svgLabels", ""]], template: function PoChartPieComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵnamespaceSVG();
         i0.ɵɵelementStart(0, "g");
         i0.ɵɵtemplate(1, PoChartPieComponent__svg_g_1_Template, 3, 2, "g", 0);
@@ -7277,7 +7282,7 @@ PoChartPieComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChart
         args: [{ selector: '[po-chart-pie]', template: "<svg:g>\n  <!-- SERIES PATHS -->\n  <svg:g *ngFor=\"let item of seriesList; let i = index\">\n    <svg:g #svgPaths po-chart-circular-path\n      [attr.key]=\"'po-chart-circular-path-' + i\"\n      [p-serie]=\"item\"\n      (p-on-click)=\"onSerieClick($event)\"\n      (p-on-hover)=\"onSerieHover($event)\">\n    </svg:g>\n  </svg:g>\n\n  <!-- SERIES LABELS -->\n  <svg:g *ngIf=\"canDisplayLabels\">\n    <svg:g *ngFor=\"let item of seriesLabels; let i = index\">\n      <svg:g #svgLabels po-chart-circular-label\n        [attr.key]=\"'po-chart-circular-label-' + i\"\n        [p-serie]=\"item\"\n        [p-show-label]=\"showLabels\">\n      </svg:g>\n    </svg:g>\n  </svg:g>\n</svg:g>\n\n" }]
     }], function () { return [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, null); })();
 
-const _c0$18 = ["po-chart-donut", ""];
+const _c0$19 = ["po-chart-donut", ""];
 function PoChartDonutComponent__svg_g_1_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -7414,7 +7419,7 @@ class PoChartDonutComponent extends PoChartCircularComponent {
     }
 }
 PoChartDonutComponent.ɵfac = function PoChartDonutComponent_Factory(t) { return new (t || PoChartDonutComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-PoChartDonutComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartDonutComponent, selectors: [["", "po-chart-donut", ""]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], attrs: _c0$18, decls: 3, vars: 2, consts: [[4, "ngFor", "ngForOf"], [4, "ngIf"], ["po-chart-circular-path", "", 3, "p-serie", "p-on-click", "p-on-hover"], ["svgPaths", ""], ["po-chart-circular-label", "", 3, "p-serie", "p-show-label"], ["svgLabels", ""]], template: function PoChartDonutComponent_Template(rf, ctx) { if (rf & 1) {
+PoChartDonutComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartDonutComponent, selectors: [["", "po-chart-donut", ""]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], attrs: _c0$19, decls: 3, vars: 2, consts: [[4, "ngFor", "ngForOf"], [4, "ngIf"], ["po-chart-circular-path", "", 3, "p-serie", "p-on-click", "p-on-hover"], ["svgPaths", ""], ["po-chart-circular-label", "", 3, "p-serie", "p-show-label"], ["svgLabels", ""]], template: function PoChartDonutComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵnamespaceSVG();
         i0.ɵɵelementStart(0, "g");
         i0.ɵɵtemplate(1, PoChartDonutComponent__svg_g_1_Template, 3, 2, "g", 0);
@@ -7431,7 +7436,7 @@ PoChartDonutComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoCha
         args: [{ selector: '[po-chart-donut]', template: "<svg:g>\n  <!-- SERIES PATHS -->\n  <svg:g *ngFor=\"let item of seriesList; let i = index\">\n    <svg:g #svgPaths po-chart-circular-path\n      [attr.key]=\"'po-chart-circular-path-' + i\"\n      [p-serie]=\"item\"\n      (p-on-click)=\"onSerieClick($event)\"\n      (p-on-hover)=\"onSerieHover($event)\">\n    </svg:g>\n  </svg:g>\n\n  <!-- SERIES LABELS -->\n  <svg:g *ngIf=\"canDisplayLabels\">\n    <svg:g *ngFor=\"let item of seriesLabels; let i = index\">\n      <svg:g #svgLabels po-chart-circular-label\n        [attr.key]=\"'po-chart-circular-label-' + i\"\n        [p-serie]=\"item\"\n        [p-show-label]=\"showLabels\">\n      </svg:g>\n    </svg:g>\n  </svg:g>\n</svg:g>\n\n" }]
     }], function () { return [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, null); })();
 
-const _c0$17 = ["svgELement"];
+const _c0$18 = ["svgELement"];
 function PoChartContainerComponent__svg_g_2_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -7601,7 +7606,7 @@ class PoChartContainerComponent {
 }
 PoChartContainerComponent.ɵfac = function PoChartContainerComponent_Factory(t) { return new (t || PoChartContainerComponent)(i0.ɵɵdirectiveInject(PoChartMathsService)); };
 PoChartContainerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartContainerComponent, selectors: [["po-chart-container"]], viewQuery: function PoChartContainerComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$17, 7);
+        i0.ɵɵviewQuery(_c0$18, 7);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.svgELement = _t.first);
@@ -7704,9 +7709,9 @@ PoChartLegendComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoCh
             args: ['p-series']
         }] }); })();
 
-const _c0$16 = ["chartContainer"];
-const _c1$w = ["chartHeader"];
-const _c2$f = ["chartLegend"];
+const _c0$17 = ["chartContainer"];
+const _c1$x = ["chartHeader"];
+const _c2$g = ["chartLegend"];
 const _c3$9 = ["chartWrapper"];
 function PoChartComponent_ng_template_7_Template(rf, ctx) { }
 function PoChartComponent_div_9_ng_container_1_Template(rf, ctx) { if (rf & 1) {
@@ -7889,9 +7894,9 @@ 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$w, 7);
-        i0.ɵɵviewQuery(_c2$f, 5, ElementRef);
+        i0.ɵɵviewQuery(_c0$17, 7, ViewContainerRef);
+        i0.ɵɵviewQuery(_c1$x, 7);
+        i0.ɵɵviewQuery(_c2$g, 5, ElementRef);
         i0.ɵɵviewQuery(_c3$9, 7);
     } if (rf & 2) {
         let _t;
@@ -8094,7 +8099,7 @@ PoContainerBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: Po
             args: ['p-no-shadow']
         }] }); })();
 
-const _c0$15 = ["*"];
+const _c0$16 = ["*"];
 /**
  * @docsExtends PoContainerBaseComponent
  *
@@ -8119,7 +8124,7 @@ const _c0$15 = ["*"];
 class PoContainerComponent extends PoContainerBaseComponent {
 }
 PoContainerComponent.ɵfac = /*@__PURE__*/ function () { let ɵPoContainerComponent_BaseFactory; return function PoContainerComponent_Factory(t) { return (ɵPoContainerComponent_BaseFactory || (ɵPoContainerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PoContainerComponent)))(t || PoContainerComponent); }; }();
-PoContainerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoContainerComponent, selectors: [["po-container"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$15, decls: 2, vars: 8, consts: [[1, "po-container"]], template: function PoContainerComponent_Template(rf, ctx) { if (rf & 1) {
+PoContainerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoContainerComponent, selectors: [["po-container"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$16, decls: 2, vars: 8, consts: [[1, "po-container"]], template: function PoContainerComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵprojection(1);
@@ -8920,7 +8925,7 @@ PoPopupBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoPopu
             args: ['p-target']
         }] }); })();
 
-const _c0$14 = ["popupRef"];
+const _c0$15 = ["popupRef"];
 function PoPopupComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div");
 } if (rf & 2) {
@@ -8975,8 +8980,8 @@ function PoPopupComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngForOf", ctx_r0.actions);
 } }
-const _c1$v = [[["", "p-popup-header-template", ""]]];
-const _c2$e = ["[p-popup-header-template]"];
+const _c1$w = [[["", "p-popup-header-template", ""]]];
+const _c2$f = ["[p-popup-header-template]"];
 /**
  *
  * @docsExtends PoPopupBaseComponent
@@ -9125,12 +9130,12 @@ class PoPopupComponent extends PoPopupBaseComponent {
 }
 PoPopupComponent.ɵfac = function PoPopupComponent_Factory(t) { return new (t || PoPopupComponent)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(PoControlPositionService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 PoPopupComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPopupComponent, selectors: [["po-popup"]], viewQuery: function PoPopupComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$14, 5, ElementRef);
+        i0.ɵɵviewQuery(_c0$15, 5, ElementRef);
     } if (rf & 2) {
         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$v);
+    } }, features: [i0.ɵɵProvidersFeature([PoControlPositionService]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c2$f, 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$w);
         i0.ɵɵtemplate(0, PoPopupComponent_div_0_Template, 6, 2, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.showPopup);
@@ -9240,9 +9245,9 @@ PoDropdownBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoD
             args: ['p-disabled']
         }] }); })();
 
-const _c0$13 = ["dropdownRef"];
-const _c1$u = ["popupRef"];
-const _c2$d = function (a0) { return { "po-dropdown-button-disabled": a0 }; };
+const _c0$14 = ["dropdownRef"];
+const _c1$v = ["popupRef"];
+const _c2$e = function (a0) { return { "po-dropdown-button-disabled": a0 }; };
 const _c3$8 = function () { return ["bottom-left", "top-left"]; };
 /**
  * @docsExtends PoDropdownBaseComponent
@@ -9326,8 +9331,8 @@ 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$u, 5);
+        i0.ɵɵviewQuery(_c0$14, 7, ElementRef);
+        i0.ɵɵviewQuery(_c1$v, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dropdownRef = _t.first);
@@ -9345,7 +9350,7 @@ PoDropdownComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoDropd
         const _r0 = i0.ɵɵreference(1);
         i0.ɵɵpropertyInterpolate("tabindex", ctx.disabled ? -1 : 0);
         i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c2$d, ctx.disabled));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c2$e, ctx.disabled));
         i0.ɵɵadvance(1);
         i0.ɵɵtextInterpolate1(" ", ctx.label, " ");
         i0.ɵɵadvance(1);
@@ -9460,7 +9465,7 @@ function PoFieldContainerComponent_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r1.help);
 } }
-const _c0$12 = ["*"];
+const _c0$13 = ["*"];
 /**
  * @docsPrivate
  *
@@ -9483,7 +9488,7 @@ class PoFieldContainerComponent {
     }
 }
 PoFieldContainerComponent.ɵfac = function PoFieldContainerComponent_Factory(t) { return new (t || PoFieldContainerComponent)(i0.ɵɵdirectiveInject(PoLanguageService)); };
-PoFieldContainerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoFieldContainerComponent, selectors: [["po-field-container"]], inputs: { label: ["p-label", "label"], help: ["p-help", "help"], optional: ["p-optional", "optional"] }, ngContentSelectors: _c0$12, decls: 7, vars: 3, consts: [[1, "po-field-container"], [1, "po-field-container-title"], [1, "po-field-title"], ["class", "po-field-optional", 4, "ngIf"], ["class", "po-field-help", 4, "ngIf"], [1, "po-field-optional"], [1, "po-field-help"]], template: function PoFieldContainerComponent_Template(rf, ctx) { if (rf & 1) {
+PoFieldContainerComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoFieldContainerComponent, selectors: [["po-field-container"]], inputs: { label: ["p-label", "label"], help: ["p-help", "help"], optional: ["p-optional", "optional"] }, ngContentSelectors: _c0$13, decls: 7, vars: 3, consts: [[1, "po-field-container"], [1, "po-field-container-title"], [1, "po-field-title"], ["class", "po-field-optional", 4, "ngIf"], ["class", "po-field-help", 4, "ngIf"], [1, "po-field-optional"], [1, "po-field-help"]], template: function PoFieldContainerComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
         i0.ɵɵtext(3);
@@ -9892,7 +9897,7 @@ __decorate([
             args: ['p-required']
         }] }); })();
 
-const _c0$11 = ["checkboxLabel"];
+const _c0$12 = ["checkboxLabel"];
 function PoCheckboxGroupComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div");
@@ -9986,7 +9991,7 @@ class PoCheckboxGroupComponent extends PoCheckboxGroupBaseComponent {
 }
 PoCheckboxGroupComponent.ɵfac = function PoCheckboxGroupComponent_Factory(t) { return new (t || PoCheckboxGroupComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 PoCheckboxGroupComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoCheckboxGroupComponent, selectors: [["po-checkbox-group"]], viewQuery: function PoCheckboxGroupComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$11, 5);
+        i0.ɵɵviewQuery(_c0$12, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxLabels = _t);
@@ -10884,7 +10889,12 @@ class PoDatepickerBaseComponent {
         return this._locale || this.shortLanguage;
     }
     set date(value) {
-        this._date = typeof value === 'string' ? convertIsoToDate(value, false, false) : value;
+        if (this.isExtendedISO) {
+            this._date = typeof value === 'string' ? convertIsoToDate(value, false, false) : value;
+        }
+        else {
+            this._date = typeof value === 'string' ? convertIsoToDateNoTimezone(value) : value;
+        }
     }
     get date() {
         return this._date;
@@ -11054,9 +11064,9 @@ __decorate([
             args: ['p-locale']
         }] }); })();
 
-const _c0$10 = ["calendar"];
-const _c1$t = ["dialogPicker"];
-const _c2$c = ["iconDatepicker"];
+const _c0$11 = ["calendar"];
+const _c1$u = ["dialogPicker"];
+const _c2$d = ["iconDatepicker"];
 const _c3$7 = ["inp"];
 function PoDatepickerComponent_po_clean_5_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
@@ -11373,9 +11383,9 @@ 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$t, 7, ElementRef);
-        i0.ɵɵviewQuery(_c2$c, 7, ElementRef);
+        i0.ɵɵviewQuery(_c0$11, 7);
+        i0.ɵɵviewQuery(_c1$u, 7, ElementRef);
+        i0.ɵɵviewQuery(_c2$d, 7, ElementRef);
         i0.ɵɵviewQuery(_c3$7, 7, ElementRef);
     } if (rf & 2) {
         let _t;
@@ -11637,7 +11647,7 @@ PoModalBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoModa
             args: ['p-hide-close']
         }] }); })();
 
-const _c0$$ = ["*"];
+const _c0$10 = ["*"];
 /**
  * @description
  *
@@ -11671,7 +11681,7 @@ class PoModalFooterComponent {
     }
 }
 PoModalFooterComponent.ɵfac = function PoModalFooterComponent_Factory(t) { return new (t || PoModalFooterComponent)(); };
-PoModalFooterComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoModalFooterComponent, selectors: [["po-modal-footer"]], inputs: { disabledAlign: ["p-disabled-align", "disabledAlign"] }, ngContentSelectors: _c0$$, decls: 2, vars: 2, consts: [[1, "po-modal-footer"]], template: function PoModalFooterComponent_Template(rf, ctx) { if (rf & 1) {
+PoModalFooterComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoModalFooterComponent, selectors: [["po-modal-footer"]], inputs: { disabledAlign: ["p-disabled-align", "disabledAlign"] }, ngContentSelectors: _c0$10, decls: 2, vars: 2, consts: [[1, "po-modal-footer"]], template: function PoModalFooterComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "div", 0);
         i0.ɵɵprojection(1);
@@ -11701,7 +11711,7 @@ PoActiveOverlayService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: P
             }]
     }], null, null); })();
 
-const _c0$_ = ["modalContent"];
+const _c0$$ = ["modalContent"];
 function PoModalComponent_div_0_a_9_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 13);
@@ -11766,8 +11776,8 @@ function PoModalComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", ctx_r0.modalFooter)("ngIfElse", _r4);
 } }
-const _c1$s = ["*", [["po-modal-footer"]]];
-const _c2$b = ["*", "po-modal-footer"];
+const _c1$t = ["*", [["po-modal-footer"]]];
+const _c2$c = ["*", "po-modal-footer"];
 /**
  * @docsExtends PoModalBaseComponent
  *
@@ -11868,12 +11878,12 @@ PoModalComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoModalCom
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalFooter = _t.first);
     } }, viewQuery: function PoModalComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$_, 5, ElementRef);
+        i0.ɵɵviewQuery(_c0$$, 5, ElementRef);
     } 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-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);
+    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c2$c, 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$t);
         i0.ɵɵtemplate(0, PoModalComponent_div_0_Template, 15, 7, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", !ctx.isHidden);
@@ -12678,8 +12688,8 @@ var PoToasterType;
     PoToasterType[PoToasterType["Warning"] = 3] = "Warning";
 })(PoToasterType || (PoToasterType = {}));
 
-const _c0$Z = ["toaster"];
-const _c1$r = ["buttonClose"];
+const _c0$_ = ["toaster"];
+const _c1$s = ["buttonClose"];
 function PoToasterComponent_po_button_7_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-button", 9);
@@ -12812,8 +12822,8 @@ class PoToasterComponent extends PoToasterBaseComponent {
 }
 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);
+        i0.ɵɵviewQuery(_c0$_, 5);
+        i0.ɵɵviewQuery(_c1$s, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.toaster = _t.first);
@@ -13054,7 +13064,7 @@ PoPopoverBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoPo
             args: ['p-trigger']
         }] }); })();
 
-const _c0$Y = ["popoverElement"];
+const _c0$Z = ["popoverElement"];
 function PoPopoverComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div");
 } if (rf & 2) {
@@ -13070,7 +13080,7 @@ function PoPopoverComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r2.title);
 } }
-const _c1$q = ["*"];
+const _c1$r = ["*"];
 /**
  *
  * @docsExtends PoPopoverBaseComponent
@@ -13193,11 +13203,11 @@ class PoPopoverComponent extends PoPopoverBaseComponent {
 }
 PoPopoverComponent.ɵfac = function PoPopoverComponent_Factory(t) { return new (t || PoPopoverComponent)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(PoControlPositionService)); };
 PoPopoverComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPopoverComponent, selectors: [["po-popover"]], viewQuery: function PoPopoverComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$Y, 7, ElementRef);
+        i0.ɵɵviewQuery(_c0$Z, 7, ElementRef);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popoverElement = _t.first);
-    } }, features: [i0.ɵɵProvidersFeature([PoControlPositionService]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$q, decls: 6, vars: 3, consts: [[1, "po-popover", 3, "hidden"], ["popoverElement", ""], [3, "class", 4, "ngIf"], [1, "po-popover-content"], ["class", "po-popover-title", 4, "ngIf"], [1, "po-popover-title"]], template: function PoPopoverComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, features: [i0.ɵɵProvidersFeature([PoControlPositionService]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$r, decls: 6, vars: 3, consts: [[1, "po-popover", 3, "hidden"], ["popoverElement", ""], [3, "class", 4, "ngIf"], [1, "po-popover-content"], ["class", "po-popover-title", 4, "ngIf"], [1, "po-popover-title"]], template: function PoPopoverComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵelementStart(0, "div", 0, 1);
         i0.ɵɵtemplate(2, PoPopoverComponent_div_2_Template, 1, 3, "div", 2);
@@ -13460,7 +13470,7 @@ __decorate([
             args: ['p-disabled']
         }] }); })();
 
-const _c0$X = ["checkboxLabel"];
+const _c0$Y = ["checkboxLabel"];
 /**
  * @docsExtends PoCheckboxBaseComponent
  *
@@ -13536,7 +13546,7 @@ class PoCheckboxComponent extends PoCheckboxBaseComponent {
 }
 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);
+        i0.ɵɵviewQuery(_c0$Y, 7);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxLabel = _t.first);
@@ -13592,7 +13602,7 @@ PoCheckboxModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[Common
     }], 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 }; };
+const _c0$X = function (a0, a1) { return { "po-clickable": a0, "po-table-icon-disabled": a1 }; };
 /**
  * @docsPrivate
  *
@@ -13629,7 +13639,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$W, ctx.clickable, ctx.disabled))("p-icon", ctx.icon)("p-tooltip", ctx.tooltip);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(6, _c0$X, 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,
@@ -13882,21 +13892,40 @@ PoTableColumnLinkComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
             args: ['p-value']
         }] }); })();
 
+function PoTableColumnManagerComponent_po_popover_0_div_10_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "div", 13)(2, "po-button", 14);
+    i0.ɵɵlistener("click", function PoTableColumnManagerComponent_po_popover_0_div_10_Template_po_button_click_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r5); const option_r3 = restoredCtx.$implicit; const ctx_r4 = i0.ɵɵnextContext(2); ctx_r4.changePosition(option_r3, "up"); return $event.stopPropagation(); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "po-button", 15);
+    i0.ɵɵlistener("click", function PoTableColumnManagerComponent_po_popover_0_div_10_Template_po_button_click_3_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r5); const option_r3 = restoredCtx.$implicit; const ctx_r6 = i0.ɵɵnextContext(2); ctx_r6.changePosition(option_r3, "down"); return $event.stopPropagation(); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const option_r3 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("p-tooltip", ctx_r2.literals.up)("p-disabled", ctx_r2.verifyArrowDisabled(option_r3, "up"));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("p-tooltip", ctx_r2.literals.down)("p-disabled", ctx_r2.verifyArrowDisabled(option_r3, "down"));
+} }
 function PoTableColumnManagerComponent_po_popover_0_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
+    const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-popover", 1, 2);
-    i0.ɵɵlistener("p-close", function PoTableColumnManagerComponent_po_popover_0_Template_po_popover_p_close_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.checkChanges([], true); });
+    i0.ɵɵlistener("p-close", function PoTableColumnManagerComponent_po_popover_0_Template_po_popover_p_close_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.checkChanges([], true); });
     i0.ɵɵelementStart(2, "div", 3)(3, "div", 4);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "div", 5)(6, "button", 6);
-    i0.ɵɵlistener("click", function PoTableColumnManagerComponent_po_popover_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r3); const _r1 = i0.ɵɵreference(1); return _r1.close(); });
+    i0.ɵɵlistener("click", function PoTableColumnManagerComponent_po_popover_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r8); const _r1 = i0.ɵɵreference(1); return _r1.close(); });
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(7, "div", 7)(8, "po-checkbox-group", 8);
-    i0.ɵɵlistener("ngModelChange", function PoTableColumnManagerComponent_po_popover_0_Template_po_checkbox_group_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.visibleColumns = $event; })("p-change", function PoTableColumnManagerComponent_po_popover_0_Template_po_checkbox_group_p_change_8_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.checkChanges($event, false); });
+    i0.ɵɵlistener("ngModelChange", function PoTableColumnManagerComponent_po_popover_0_Template_po_checkbox_group_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.visibleColumns = $event; })("p-change", function PoTableColumnManagerComponent_po_popover_0_Template_po_checkbox_group_p_change_8_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.checkChanges($event, false); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 9);
+    i0.ɵɵtemplate(10, PoTableColumnManagerComponent_po_popover_0_div_10_Template, 4, 4, "div", 10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 9)(10, "po-button", 10);
-    i0.ɵɵlistener("p-click", function PoTableColumnManagerComponent_po_popover_0_Template_po_button_p_click_10_listener() { i0.ɵɵrestoreView(_r3); const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.restore(); });
+    i0.ɵɵelementStart(11, "div", 11)(12, "po-button", 12);
+    i0.ɵɵlistener("p-click", function PoTableColumnManagerComponent_po_popover_0_Template_po_button_p_click_12_listener() { i0.ɵɵrestoreView(_r8); const ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.restore(); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -13906,25 +13935,35 @@ function PoTableColumnManagerComponent_po_popover_0_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("ngModel", ctx_r0.visibleColumns)("p-options", ctx_r0.columnsOptions);
     i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r0.columnsOptions);
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("p-label", ctx_r0.literals.restoreDefault);
 } }
 const PoTableColumnManagerMaxColumnsDefault = 99999;
 const poTableColumnManagerLiteralsDefault = {
     en: {
         columnsManager: 'Columns manager',
-        restoreDefault: 'Restore default'
+        restoreDefault: 'Restore default',
+        up: 'up',
+        down: 'down'
     },
     es: {
         columnsManager: 'Gerente de columna',
-        restoreDefault: 'Restaurar por defecto'
+        restoreDefault: 'Restaurar por defecto',
+        up: 'arriba',
+        down: 'abajo'
     },
     pt: {
         columnsManager: 'Gerenciador de colunas',
-        restoreDefault: 'Restaurar padrão'
+        restoreDefault: 'Restaurar padrão',
+        up: 'acima',
+        down: 'abaixo'
     },
     ru: {
         columnsManager: 'менеджер колонок',
-        restoreDefault: 'сброс настроек'
+        restoreDefault: 'сброс настроек',
+        up: 'вверх',
+        down: 'вниз'
     }
 };
 class PoTableColumnManagerComponent {
@@ -13983,6 +14022,38 @@ class PoTableColumnManagerComponent {
         this.initialColumns.emit(this.getVisibleColumns(this.colunsDefault));
         this.checkChanges(defaultColumns, this.restoreDefaultEvent);
     }
+    changePosition(option, direction) {
+        const indexColumn = this.columns.findIndex(el => el.property === option.value);
+        const newColumn = [...this.columns];
+        const hasDisabled = this.verifyArrowDisabled(option, direction);
+        this.changePositionColumn(newColumn, indexColumn, direction, hasDisabled);
+        this.columns = newColumn;
+        this.visibleColumnsChange.emit(this.columns);
+    }
+    verifyArrowDisabled(option, direction) {
+        const index = this.columns.findIndex(el => el.property === option.value);
+        const existsDetail = this.columns.some(function (el) {
+            return el.property === 'detail';
+        });
+        const valueSubtraction = existsDetail ? 2 : 1;
+        if (index === 0 && direction === 'up') {
+            return true;
+        }
+        if (index === this.columns.length - valueSubtraction && direction === 'down') {
+            return true;
+        }
+        return false;
+    }
+    changePositionColumn(array, index, direction, hasDisabled) {
+        if (!hasDisabled) {
+            if (direction === 'up') {
+                array.splice(index, 0, array.splice(index - 1, 1)[0]);
+            }
+            if (direction === 'down') {
+                array.splice(index, 0, array.splice(index + 1, 1)[0]);
+            }
+        }
+    }
     verifyToEmitChange(event) {
         const newColumns = [...event];
         if (newColumns.length >= 1 && this.allowsChangeVisibleColumns()) {
@@ -14018,15 +14089,10 @@ class PoTableColumnManagerComponent {
         const defaultColumns = [...this.defaultColumns];
         const defaultVisibleColumns = this.getVisibleColumns(defaultColumns);
         if (this.allowsChangeSelectedColumns(defaultVisibleColumns)) {
-            this.emitChangeOnRestore(defaultVisibleColumns);
+            this.visibleColumnsChange.emit(this.defaultColumns);
         }
         this.restoreDefaultEvent = false;
     }
-    emitChangeOnRestore(defaultVisibleColumns) {
-        this.visibleColumns = [...defaultVisibleColumns];
-        const visibleTableColumns = this.getVisibleTableColumns(this.visibleColumns);
-        this.visibleColumnsChange.emit(visibleTableColumns);
-    }
     allowsChangeSelectedColumns(defaultVisibleColumns) {
         const visibleColumns = this.getVisibleColumns(this.columns);
         return !this.isEqualArrays(defaultVisibleColumns, visibleColumns);
@@ -14057,8 +14123,8 @@ class PoTableColumnManagerComponent {
     isEqualArrays(first, second) {
         const one = first ? [...first] : [];
         const two = second ? [...second] : [];
-        const firstSort = one.slice().sort();
-        const secondSort = two.slice().sort();
+        const firstSort = one.slice();
+        const secondSort = two.slice();
         const firstString = JSON.stringify(firstSort);
         const secondString = JSON.stringify(secondSort);
         return firstString === secondString;
@@ -14164,14 +14230,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-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);
+    } }, 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-container-arrows-columns-manager"], [4, "ngFor", "ngForOf"], [1, "po-table-column-manager-footer"], ["p-small", "", "p-kind", "tertiary", 1, "po-table-column-manager-footer-restore", 3, "p-label", "p-click"], [1, "po-container-icons-arrows-columns-manager"], ["p-tooltip-position", "left", "p-kind", "tertiary", "p-icon", "po-icon po-icon-arrow-up", "p-small", "", 3, "p-tooltip", "p-disabled", "click"], ["p-tooltip-position", "top", "p-kind", "tertiary", "p-icon", "po-icon po-icon-arrow-down", "p-small", "", 3, "p-tooltip", "p-disabled", "click"]], template: function PoTableColumnManagerComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, PoTableColumnManagerComponent_po_popover_0_Template, 13, 6, "po-popover", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.target);
-    } }, directives: [i1.NgIf, PoPopoverComponent, PoCheckboxGroupComponent, i3.NgControlStatus, i3.NgModel, PoButtonComponent], encapsulation: 2 });
+    } }, directives: [i1.NgIf, PoPopoverComponent, PoCheckboxGroupComponent, i3.NgControlStatus, i3.NgModel, i1.NgForOf, PoButtonComponent, PoTooltipDirective], 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-kind=\"tertiary\"\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\n    <div class=\"po-container-arrows-columns-manager\">\n      <div *ngFor=\"let option of columnsOptions\">\n        <div class=\"po-container-icons-arrows-columns-manager\">\n          <po-button\n            [p-tooltip]=\"literals.up\"\n            p-tooltip-position=\"left\"\n            [p-disabled]=\"verifyArrowDisabled(option, 'up')\"\n            (click)=\"changePosition(option, 'up'); $event.stopPropagation()\"\n            p-kind=\"tertiary\"\n            p-icon=\"po-icon po-icon-arrow-up\"\n            p-small\n          >\n          </po-button>\n          <po-button\n            [p-tooltip]=\"literals.down\"\n            p-tooltip-position=\"top\"\n            [p-disabled]=\"verifyArrowDisabled(option, 'down')\"\n            (click)=\"changePosition(option, 'down'); $event.stopPropagation()\"\n            p-kind=\"tertiary\"\n            p-icon=\"po-icon po-icon-arrow-down\"\n            p-small\n          >\n          </po-button>\n        </div>\n      </div>\n    </div>\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]
@@ -15961,17 +16027,19 @@ PoTableDetailComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTa
             args: ['p-detail']
         }] }); })();
 
-const _c0$V = ["noColumnsHeader"];
-const _c1$p = ["popup"];
-const _c2$a = ["tableFooter"];
+const _c0$W = ["noColumnsHeader"];
+const _c1$q = ["popup"];
+const _c2$b = ["tableFooter"];
 const _c3$6 = ["tableWrapper"];
 const _c4$4 = ["poTableTbody"];
 const _c5$2 = ["poTableThead"];
 const _c6$2 = ["poTableTbodyVirtual"];
-const _c7$1 = ["columnManagerTarget"];
-const _c8$1 = ["actionsIconElement"];
-const _c9 = ["actionsElement"];
-const _c10 = ["headersTable"];
+const _c7$1 = ["columnManager"];
+const _c8$1 = ["columnActionLeft"];
+const _c9 = ["columnManagerTarget"];
+const _c10 = ["actionsIconElement"];
+const _c11 = ["actionsElement"];
+const _c12 = ["headersTable"];
 function PoTableComponent_po_container_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -16108,7 +16176,7 @@ function PoTableComponent_ng_template_4_th_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th", 50);
 } }
 function PoTableComponent_ng_template_4_th_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "th");
+    i0.ɵɵelement(0, "th", null, 51);
 } if (rf & 2) {
     const ctx_r44 = i0.ɵɵnextContext(2);
     i0.ɵɵclassProp("po-table-header-master-detail", !ctx_r44.isSingleAction)("po-table-header-single-action", ctx_r44.isSingleAction);
@@ -16117,7 +16185,7 @@ function PoTableComponent_ng_template_4_th_6_ng_container_2_Template(rf, ctx) {
     i0.ɵɵelementContainer(0);
 } }
 function PoTableComponent_ng_template_4_th_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 51, 52);
+    i0.ɵɵelementStart(0, "th", 52, 53);
     i0.ɵɵtemplate(2, PoTableComponent_ng_template_4_th_6_ng_container_2_Template, 1, 0, "ng-container", 32);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -16130,24 +16198,24 @@ function PoTableComponent_ng_template_4_th_6_Template(rf, ctx) { if (rf & 1) {
 function PoTableComponent_ng_template_4_th_7_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-const _c11 = function (a0) { return { $implicit: a0 }; };
+const _c13 = function (a0) { return { $implicit: a0 }; };
 function PoTableComponent_ng_template_4_th_7_Template(rf, ctx) { if (rf & 1) {
-    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);
+    const _r63 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 54, 55);
+    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", 56);
+    i0.ɵɵtemplate(3, PoTableComponent_ng_template_4_th_7_ng_container_3_Template, 1, 0, "ng-container", 57);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const column_r57 = ctx.$implicit;
+    const column_r58 = ctx.$implicit;
     const ctx_r46 = i0.ɵɵnextContext(2);
     const _r17 = i0.ɵɵreference(19);
-    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.ɵɵstyleProp("width", column_r58.width)("max-width", column_r58.width)("min-width", column_r58.width);
+    i0.ɵɵclassProp("po-clickable", ctx_r46.sort && column_r58.sortable !== false || ctx_r46.hasService)("po-table-header-subtitle", column_r58.type === "subtitle");
     i0.ɵɵadvance(2);
-    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.ɵɵclassProp("po-table-header-fixed-inner", ctx_r46.height)("po-table-header-flex-right", column_r58.type === "currency" || column_r58.type === "number")("po-table-header-flex-center", column_r58.type === "subtitle");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r17)("ngTemplateOutletContext", i0.ɵɵpureFunction1(18, _c11, column_r57));
+    i0.ɵɵproperty("ngTemplateOutlet", _r17)("ngTemplateOutletContext", i0.ɵɵpureFunction1(18, _c13, column_r58));
 } }
 function PoTableComponent_ng_template_4_th_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th", 50);
@@ -16156,33 +16224,34 @@ function PoTableComponent_ng_template_4_th_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th");
 } if (rf & 2) {
     const ctx_r48 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("po-table-header-single-action", ctx_r48.isSingleAction)("po-table-header-actions", !ctx_r48.isSingleAction);
+    i0.ɵɵclassProp("po-table-header-single-action", ctx_r48.isSingleAction && !ctx_r48.hideColumnsManager)("po-table-header-actions", !ctx_r48.isSingleAction);
 } }
 function PoTableComponent_ng_template_4_th_10_Template(rf, ctx) { if (rf & 1) {
-    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(); });
+    const _r67 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", null, 58)(2, "div")(3, "button", 59, 60);
+    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(); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const _r63 = i0.ɵɵreference(1);
+    const _r64 = 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_r49.height && ctx_r49.visibleActions.length ? _r63.offsetWidth : undefined, "px");
+    i0.ɵɵstyleProp("width", ctx_r49.height && ctx_r49.visibleActions.length ? _r64.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_r49.literals.columnsManager);
+    i0.ɵɵattribute("aria-label", ctx_r49.literals.columnsManager);
 } }
 function PoTableComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     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(5, PoTableComponent_ng_template_4_th_5_Template, 2, 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.ɵɵtemplate(10, PoTableComponent_ng_template_4_th_10_Template, 5, 14, "th", 46);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r5 = i0.ɵɵnextContext();
@@ -16207,114 +16276,114 @@ function PoTableComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r5.hasValidColumns && !ctx_r5.hideColumnsManager);
 } }
 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.ɵɵelementStart(0, "tbody", 64)(1, "tr", 65)(2, "td", 66)(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r68 = i0.ɵɵnextContext(2);
+    const ctx_r69 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("colSpan", ctx_r68.columnCount);
+    i0.ɵɵproperty("colSpan", ctx_r69.columnCount);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r68.literals.noData, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r69.literals.noData, " ");
 } }
 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_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.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_2_ng_container_1_Template, 1, 0, "ng-container", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    const ctx_r73 = i0.ɵɵnextContext(3);
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r74 = i0.ɵɵnextContext(3);
     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, _c11, row_r71));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r74.singleSelect ? _r13 : _r15)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c13, row_r72));
 } }
 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 }; };
+const _c14 = 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_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);
+    const _r90 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 72);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_3_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r90); const row_r72 = i0.ɵɵnextContext().$implicit; const ctx_r88 = i0.ɵɵnextContext(3); return ctx_r88.toggleDetail(row_r72); });
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_3_ng_template_1_Template, 0, 0, "ng-template", 73);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r90 = i0.ɵɵnextContext();
-    const row_r71 = ctx_r90.$implicit;
-    const rowIndex_r72 = ctx_r90.index;
+    const ctx_r91 = i0.ɵɵnextContext();
+    const row_r72 = ctx_r91.$implicit;
+    const rowIndex_r73 = ctx_r91.index;
     i0.ɵɵnextContext(3);
     const _r11 = i0.ɵɵreference(13);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r71, rowIndex_r72));
+    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c14, row_r72, rowIndex_r73));
 } }
 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);
+    i0.ɵɵtemplate(0, PoTableComponent_ng_template_6_ng_container_4_tbody_1_4_ng_template_0_Template, 0, 0, "ng-template", 73);
 } if (rf & 2) {
-    const ctx_r92 = i0.ɵɵnextContext();
-    const row_r71 = ctx_r92.$implicit;
-    const rowIndex_r72 = ctx_r92.index;
+    const ctx_r93 = i0.ɵɵnextContext();
+    const row_r72 = ctx_r93.$implicit;
+    const rowIndex_r73 = ctx_r93.index;
     i0.ɵɵnextContext(3);
     const _r23 = i0.ɵɵreference(25);
-    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r71, rowIndex_r72));
+    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c14, row_r72, rowIndex_r73));
 } }
 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_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);
+    const _r97 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 72);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_5_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r97); const row_r72 = i0.ɵɵnextContext().$implicit; const ctx_r95 = i0.ɵɵnextContext(3); return ctx_r95.toggleDetail(row_r72); });
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_5_ng_template_1_Template, 0, 0, "ng-template", 73);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r97 = i0.ɵɵnextContext();
-    const row_r71 = ctx_r97.$implicit;
-    const rowIndex_r72 = ctx_r97.index;
+    const ctx_r98 = i0.ɵɵnextContext();
+    const row_r72 = ctx_r98.$implicit;
+    const rowIndex_r73 = ctx_r98.index;
     i0.ɵɵnextContext(3);
     const _r11 = i0.ɵɵreference(13);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r71, rowIndex_r72));
+    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c14, row_r72, rowIndex_r73));
 } }
 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_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_4_tbody_1_td_6_span_2_ng_container_1_Template, 1, 0, "ng-container", 56);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_2_ng_container_1_Template, 1, 0, "ng-container", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r98 = i0.ɵɵnextContext().$implicit;
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    const ctx_r100 = i0.ɵɵnextContext(3);
+    const column_r99 = i0.ɵɵnextContext().$implicit;
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r101 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r100.getTemplate(column_r98))("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, ctx_r100.getCellData(row_r71, column_r98)));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r101.getTemplate(column_r99))("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c13, ctx_r101.getCellData(row_r72, column_r99)));
 } }
 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 _c13 = function (a0, a1) { return { row: a0, column: a1 }; };
+const _c15 = 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_4_tbody_1_td_6_span_3_ng_container_1_Template, 1, 0, "ng-container", 56);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_3_ng_container_1_Template, 1, 0, "ng-container", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r98 = i0.ɵɵnextContext().$implicit;
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    const ctx_r101 = i0.ɵɵnextContext(3);
+    const column_r99 = i0.ɵɵnextContext().$implicit;
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r102 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r101.tableCellTemplate == null ? null : ctx_r101.tableCellTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c13, row_r71, column_r98));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r102.tableCellTemplate == null ? null : ctx_r102.tableCellTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c15, row_r72, column_r99));
 } }
 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();
 } if (rf & 2) {
-    const column_r98 = i0.ɵɵnextContext().$implicit;
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    const ctx_r102 = i0.ɵɵnextContext(3);
+    const column_r99 = i0.ɵɵnextContext().$implicit;
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r103 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r102.getBooleanLabel(ctx_r102.getCellData(row_r71, column_r98), column_r98), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r103.getBooleanLabel(ctx_r103.getCellData(row_r72, column_r99), column_r99), " ");
 } }
 function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -16322,11 +16391,11 @@ function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_5_Templ
     i0.ɵɵpipe(2, "currency");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r98 = i0.ɵɵnextContext().$implicit;
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    const ctx_r103 = i0.ɵɵnextContext(3);
+    const column_r99 = i0.ɵɵnextContext().$implicit;
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r104 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind4(2, 1, ctx_r103.getCellData(row_r71, column_r98), column_r98.format, "symbol", "1.2-2"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind4(2, 1, ctx_r104.getCellData(row_r72, column_r99), column_r99.format, "symbol", "1.2-2"), " ");
 } }
 function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -16334,11 +16403,11 @@ function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_6_Templ
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r98 = i0.ɵɵnextContext().$implicit;
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    const ctx_r104 = i0.ɵɵnextContext(3);
+    const column_r99 = i0.ɵɵnextContext().$implicit;
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r105 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r104.getCellData(row_r71, column_r98), column_r98.format || "dd/MM/yyyy"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r105.getCellData(row_r72, column_r99), column_r99.format || "dd/MM/yyyy"), " ");
 } }
 function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -16346,11 +16415,11 @@ function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_7_Templ
     i0.ɵɵpipe(2, "po_time");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r98 = i0.ɵɵnextContext().$implicit;
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    const ctx_r105 = i0.ɵɵnextContext(3);
+    const column_r99 = i0.ɵɵnextContext().$implicit;
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r106 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r105.getCellData(row_r71, column_r98), column_r98.format || "HH:mm:ss.ffffff"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r106.getCellData(row_r72, column_r99), column_r99.format || "HH:mm:ss.ffffff"), " ");
 } }
 function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -16358,106 +16427,106 @@ function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_8_Templ
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r98 = i0.ɵɵnextContext().$implicit;
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    const ctx_r106 = i0.ɵɵnextContext(3);
+    const column_r99 = i0.ɵɵnextContext().$implicit;
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r107 = i0.ɵɵnextContext(3);
     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"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r107.getCellData(row_r72, column_r99), column_r99.format || "dd/MM/yyyy HH:mm:ss"), " ");
 } }
 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();
 } if (rf & 2) {
-    const column_r98 = i0.ɵɵnextContext().$implicit;
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    const ctx_r107 = i0.ɵɵnextContext(3);
+    const column_r99 = i0.ɵɵnextContext().$implicit;
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r108 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r107.formatNumber(ctx_r107.getCellData(row_r71, column_r98), column_r98.format), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r108.formatNumber(ctx_r108.getCellData(row_r72, column_r99), column_r99.format), " ");
 } }
 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_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); });
+    const _r134 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "po-table-column-link", 80);
+    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(_r134); const column_r99 = i0.ɵɵnextContext().$implicit; const row_r72 = i0.ɵɵnextContext().$implicit; const ctx_r132 = i0.ɵɵnextContext(3); return ctx_r132.onClickLink($event, row_r72, column_r99); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r98 = i0.ɵɵnextContext().$implicit;
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    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));
+    const column_r99 = i0.ɵɵnextContext().$implicit;
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r109 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("p-action", column_r99.action)("p-disabled", ctx_r109.checkDisabled(row_r72, column_r99))("p-link", row_r72[column_r99.link])("p-row", row_r72)("p-value", ctx_r109.getCellData(row_r72, column_r99));
 } }
 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);
+    i0.ɵɵelement(0, "po-table-column-icon", 81);
 } if (rf & 2) {
-    const column_r98 = i0.ɵɵnextContext().$implicit;
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    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);
+    const column_r99 = i0.ɵɵnextContext().$implicit;
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r110 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("p-column", column_r99)("p-icons", ctx_r110.getColumnIcons(row_r72, column_r99))("p-row", row_r72);
 } }
 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.ɵɵelement(1, "po-table-subtitle-circle", 82);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r98 = i0.ɵɵnextContext().$implicit;
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    const ctx_r110 = i0.ɵɵnextContext(3);
+    const column_r99 = i0.ɵɵnextContext().$implicit;
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r111 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("p-subtitle", ctx_r110.getSubtitleColumn(row_r71, column_r98));
+    i0.ɵɵproperty("p-subtitle", ctx_r111.getSubtitleColumn(row_r72, column_r99));
 } }
 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.ɵɵelement(1, "po-table-column-label", 83);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r98 = i0.ɵɵnextContext().$implicit;
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    const ctx_r111 = i0.ɵɵnextContext(3);
+    const column_r99 = i0.ɵɵnextContext().$implicit;
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r112 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("p-value", ctx_r111.getColumnLabel(row_r71, column_r98));
+    i0.ɵɵproperty("p-value", ctx_r112.getColumnLabel(row_r72, column_r99));
 } }
 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();
 } if (rf & 2) {
-    const column_r98 = i0.ɵɵnextContext().$implicit;
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    const ctx_r112 = i0.ɵɵnextContext(3);
+    const column_r99 = i0.ɵɵnextContext().$implicit;
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r113 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r112.getCellData(row_r71, column_r98));
+    i0.ɵɵtextInterpolate(ctx_r113.getCellData(row_r72, column_r99));
 } }
 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_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_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);
+    const _r147 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 74);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r147); const row_r72 = i0.ɵɵnextContext().$implicit; const ctx_r146 = i0.ɵɵnextContext(3); return ctx_r146.selectable ? ctx_r146.selectRow(row_r72) : "javascript:;"; });
+    i0.ɵɵelementStart(1, "div", 75);
+    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(_r147); const column_r99 = restoredCtx.$implicit; const row_r72 = i0.ɵɵnextContext().$implicit; const ctx_r149 = i0.ɵɵnextContext(3); return ctx_r149.tooltipMouseEnter($event, column_r99, row_r72); })("mouseleave", function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_Template_div_mouseleave_1_listener() { i0.ɵɵrestoreView(_r147); const ctx_r151 = i0.ɵɵnextContext(4); return ctx_r151.tooltipMouseLeave(); });
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_2_Template, 2, 4, "span", 76);
+    i0.ɵɵtemplate(3, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_3_Template, 2, 5, "span", 76);
+    i0.ɵɵtemplate(4, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_4_Template, 2, 1, "span", 76);
+    i0.ɵɵtemplate(5, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_5_Template, 3, 6, "span", 76);
+    i0.ɵɵtemplate(6, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_6_Template, 3, 4, "span", 76);
+    i0.ɵɵtemplate(7, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_7_Template, 3, 4, "span", 76);
+    i0.ɵɵtemplate(8, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_8_Template, 3, 4, "span", 76);
+    i0.ɵɵtemplate(9, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_9_Template, 2, 1, "span", 76);
+    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", 77);
+    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", 78);
+    i0.ɵɵtemplate(12, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_12_Template, 2, 1, "span", 76);
+    i0.ɵɵtemplate(13, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_13_Template, 2, 1, "span", 76);
+    i0.ɵɵtemplate(14, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_span_14_Template, 2, 1, "span", 79);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const column_r98 = ctx.$implicit;
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    const ctx_r77 = i0.ɵɵnextContext(3);
-    i0.ɵɵstyleProp("width", column_r98.width)("max-width", column_r98.width)("min-width", column_r98.width);
-    i0.ɵɵclassProp("po-table-column", column_r98.type !== "icon")("po-table-column-right", column_r98.type === "currency" || column_r98.type === "number")("po-table-column-center", column_r98.type === "subtitle")("po-table-column-icons", column_r98.type === "icon");
-    i0.ɵɵproperty("ngClass", ctx_r77.getClassColor(row_r71, column_r98));
+    const column_r99 = ctx.$implicit;
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r78 = i0.ɵɵnextContext(3);
+    i0.ɵɵstyleProp("width", column_r99.width)("max-width", column_r99.width)("min-width", column_r99.width);
+    i0.ɵɵclassProp("po-table-column", column_r99.type !== "icon")("po-table-column-right", column_r99.type === "currency" || column_r99.type === "number")("po-table-column-center", column_r99.type === "subtitle")("po-table-column-icons", column_r99.type === "icon");
+    i0.ɵɵproperty("ngClass", ctx_r78.getClassColor(row_r72, column_r99));
     i0.ɵɵadvance(1);
-    i0.ɵɵstyleProp("width", ctx_r77.noColumnsHeader == null ? null : ctx_r77.noColumnsHeader.nativeElement.parentElement == null ? null : ctx_r77.noColumnsHeader.nativeElement.parentElement.offsetWidth, "px");
-    i0.ɵɵclassProp("po-table-body-ellipsis", ctx_r77.hideTextOverflow);
-    i0.ɵɵproperty("ngSwitch", column_r98.type)("p-tooltip", ctx_r77.tooltipText);
+    i0.ɵɵstyleProp("width", ctx_r78.noColumnsHeader == null ? null : ctx_r78.noColumnsHeader.nativeElement.parentElement == null ? null : ctx_r78.noColumnsHeader.nativeElement.parentElement.offsetWidth, "px");
+    i0.ɵɵclassProp("po-table-body-ellipsis", ctx_r78.hideTextOverflow);
+    i0.ɵɵproperty("ngSwitch", column_r99.type)("p-tooltip", ctx_r78.tooltipText);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngSwitchCase", "columnTemplate");
     i0.ɵɵadvance(1);
@@ -16485,127 +16554,127 @@ function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_Template(rf,
 } }
 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_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);
+    const _r156 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 72);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_7_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r156); const row_r72 = i0.ɵɵnextContext().$implicit; const ctx_r154 = i0.ɵɵnextContext(3); return ctx_r154.toggleDetail(row_r72); });
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_7_ng_template_1_Template, 0, 0, "ng-template", 73);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r156 = i0.ɵɵnextContext();
-    const row_r71 = ctx_r156.$implicit;
-    const rowIndex_r72 = ctx_r156.index;
+    const ctx_r157 = i0.ɵɵnextContext();
+    const row_r72 = ctx_r157.$implicit;
+    const rowIndex_r73 = ctx_r157.index;
     i0.ɵɵnextContext(3);
     const _r11 = i0.ɵɵreference(13);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r71, rowIndex_r72));
+    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c14, row_r72, rowIndex_r73));
 } }
 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);
+    i0.ɵɵtemplate(0, PoTableComponent_ng_template_6_ng_container_4_tbody_1_8_ng_template_0_Template, 0, 0, "ng-template", 73);
 } if (rf & 2) {
-    const ctx_r158 = i0.ɵɵnextContext();
-    const row_r71 = ctx_r158.$implicit;
-    const rowIndex_r72 = ctx_r158.index;
+    const ctx_r159 = i0.ɵɵnextContext();
+    const row_r72 = ctx_r159.$implicit;
+    const rowIndex_r73 = ctx_r159.index;
     i0.ɵɵnextContext(3);
     const _r23 = i0.ɵɵreference(25);
-    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r71, rowIndex_r72));
+    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c14, row_r72, rowIndex_r73));
 } }
 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.ɵɵelement(1, "td", 84);
     i0.ɵɵelementContainerEnd();
 } }
 function PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "td", 84);
+    i0.ɵɵelement(0, "td", 85);
 } }
 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 }; };
+const _c16 = 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_4_tbody_1_tr_11_ng_template_2_Template, 0, 0, "ng-template", 72);
+    i0.ɵɵelementStart(0, "tr")(1, "td", 86);
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_6_ng_container_4_tbody_1_tr_11_ng_template_2_Template, 0, 0, "ng-template", 73);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r160 = i0.ɵɵnextContext();
-    const row_r71 = ctx_r160.$implicit;
-    const rowIndex_r72 = ctx_r160.index;
-    const ctx_r82 = i0.ɵɵnextContext(3);
+    const ctx_r161 = i0.ɵɵnextContext();
+    const row_r72 = ctx_r161.$implicit;
+    const rowIndex_r73 = ctx_r161.index;
+    const ctx_r83 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("colSpan", ctx_r82.columnCountForMasterDetail);
+    i0.ɵɵproperty("colSpan", ctx_r83.columnCountForMasterDetail);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r82.tableRowTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c14, row_r71, rowIndex_r72));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r83.tableRowTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c16, row_r72, rowIndex_r73));
 } }
 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_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); });
+    const _r163 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr")(1, "td", 87)(2, "po-table-detail", 88);
+    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(_r163); const ctx_r162 = i0.ɵɵnextContext(4); return ctx_r162.selectDetailRow($event); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const row_r71 = i0.ɵɵnextContext().$implicit;
-    const ctx_r83 = i0.ɵɵnextContext(3);
+    const row_r72 = i0.ɵɵnextContext().$implicit;
+    const ctx_r84 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("colSpan", ctx_r83.columnCountForMasterDetail);
+    i0.ɵɵproperty("colSpan", ctx_r84.columnCountForMasterDetail);
     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]);
+    i0.ɵɵproperty("p-selectable", ctx_r84.selectable && !ctx_r84.detailHideSelect)("p-detail", ctx_r84.columnMasterDetail.detail)("p-items", row_r72[ctx_r84.nameColumnDetail]);
 } }
 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.ɵɵelementStart(0, "tbody", 64)(1, "tr", 68);
     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(3, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_3_Template, 2, 5, "td", 69);
     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(5, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_5_Template, 2, 5, "td", 69);
+    i0.ɵɵtemplate(6, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_6_Template, 15, 33, "td", 70);
+    i0.ɵɵtemplate(7, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_7_Template, 2, 5, "td", 69);
     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.ɵɵtemplate(10, PoTableComponent_ng_template_6_ng_container_4_tbody_1_td_10_Template, 1, 0, "td", 71);
     i0.ɵɵelementEnd();
     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;
-    const rowIndex_r72 = ctx.index;
-    const ctx_r70 = i0.ɵɵnextContext(3);
+    const row_r72 = ctx.$implicit;
+    const rowIndex_r73 = ctx.index;
+    const ctx_r71 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵclassProp("po-table-row-active", row_r71.$selected || row_r71.$selected === null && ctx_r70.selectable);
+    i0.ɵɵclassProp("po-table-row-active", row_r72.$selected || row_r72.$selected === null && ctx_r71.selectable);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r70.selectable);
+    i0.ɵɵproperty("ngIf", ctx_r71.selectable);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r70.columnMasterDetail && !ctx_r70.hideDetail && !ctx_r70.hasRowTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r71.columnMasterDetail && !ctx_r71.hideDetail && !ctx_r71.hasRowTemplate);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r70.actionRight && (ctx_r70.visibleActions.length > 1 || ctx_r70.isSingleAction));
+    i0.ɵɵproperty("ngIf", !ctx_r71.actionRight && (ctx_r71.visibleActions.length > 1 || ctx_r71.isSingleAction));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r70.hasRowTemplate && !ctx_r70.hasRowTemplateWithArrowDirectionRight);
+    i0.ɵɵproperty("ngIf", ctx_r71.hasRowTemplate && !ctx_r71.hasRowTemplateWithArrowDirectionRight);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r70.mainColumns)("ngForTrackBy", ctx_r70.trackBy);
+    i0.ɵɵproperty("ngForOf", ctx_r71.mainColumns)("ngForTrackBy", ctx_r71.trackBy);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r70.hasRowTemplateWithArrowDirectionRight);
+    i0.ɵɵproperty("ngIf", ctx_r71.hasRowTemplateWithArrowDirectionRight);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r70.actionRight);
+    i0.ɵɵproperty("ngIf", ctx_r71.actionRight);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r70.actionRight && (ctx_r70.visibleActions.length > 1 || ctx_r70.isSingleAction) && !ctx_r70.hideColumnsManager);
+    i0.ɵɵproperty("ngIf", !ctx_r71.actionRight && (ctx_r71.visibleActions.length > 1 || ctx_r71.isSingleAction) && !ctx_r71.hideColumnsManager);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r70.hasVisibleActions && !ctx_r70.hideColumnsManager && !ctx_r70.hasRowTemplateWithArrowDirectionRight);
+    i0.ɵɵproperty("ngIf", !ctx_r71.hasVisibleActions && !ctx_r71.hideColumnsManager && !ctx_r71.hasRowTemplateWithArrowDirectionRight);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r70.hasMainColumns && ctx_r70.hasRowTemplate && row_r71.$showDetail && ctx_r70.isShowRowTemplate(row_r71, rowIndex_r72));
+    i0.ɵɵproperty("ngIf", ctx_r71.hasMainColumns && ctx_r71.hasRowTemplate && row_r72.$showDetail && ctx_r71.isShowRowTemplate(row_r72, rowIndex_r73));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r70.hasMainColumns && ctx_r70.isShowMasterDetail(row_r71));
+    i0.ɵɵproperty("ngIf", ctx_r71.hasMainColumns && ctx_r71.isShowMasterDetail(row_r72));
 } }
 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_4_tbody_1_Template, 13, 14, "tbody", 66);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_6_ng_container_4_tbody_1_Template, 13, 14, "tbody", 67);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r69 = i0.ɵɵnextContext(2);
+    const ctx_r70 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("cdkVirtualForOf", ctx_r69.items)("cdkVirtualForTrackBy", ctx_r69.trackBy);
+    i0.ɵɵproperty("cdkVirtualForOf", ctx_r70.items)("cdkVirtualForTrackBy", ctx_r70.trackBy);
 } }
 function PoTableComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
-    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(); });
+    const _r166 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "cdk-virtual-scroll-viewport", 61, 62);
+    i0.ɵɵlistener("scroll", function PoTableComponent_ng_template_6_Template_cdk_virtual_scroll_viewport_scroll_0_listener() { i0.ɵɵrestoreView(_r166); const ctx_r165 = i0.ɵɵnextContext(); return ctx_r165.syncronizeHorizontalScroll(); });
     i0.ɵɵelementStart(2, "table", 39);
-    i0.ɵɵtemplate(3, PoTableComponent_ng_template_6_tbody_3_Template, 5, 2, "tbody", 62);
+    i0.ɵɵtemplate(3, PoTableComponent_ng_template_6_tbody_3_Template, 5, 2, "tbody", 63);
     i0.ɵɵtemplate(4, PoTableComponent_ng_template_6_ng_container_4_Template, 2, 2, "ng-container", 23);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -16620,24 +16689,24 @@ function PoTableComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r7.hasMainColumns);
 } }
 function PoTableComponent_ng_template_8_th_3_po_checkbox_2_Template(rf, ctx) { if (rf & 1) {
-    const _r178 = i0.ɵɵgetCurrentView();
+    const _r179 = 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.ɵɵlistener("click", function PoTableComponent_ng_template_8_th_3_po_checkbox_2_Template_po_checkbox_click_0_listener() { i0.ɵɵrestoreView(_r179); const ctx_r178 = i0.ɵɵnextContext(3); return ctx_r178.selectAllRows(); })("p-change", function PoTableComponent_ng_template_8_th_3_po_checkbox_2_Template_po_checkbox_p_change_0_listener() { i0.ɵɵrestoreView(_r179); const ctx_r180 = i0.ɵɵnextContext(3); return ctx_r180.selectAllRows(); })("ngModelChange", function PoTableComponent_ng_template_8_th_3_po_checkbox_2_Template_po_checkbox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r179); const ctx_r181 = i0.ɵɵnextContext(3); return ctx_r181.selectAll = $event; });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r176 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngModel", ctx_r176.selectAll);
+    const ctx_r177 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngModel", ctx_r177.selectAll);
 } }
 function PoTableComponent_ng_template_8_th_3_Template(rf, ctx) { if (rf & 1) {
     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_r166 = i0.ɵɵnextContext(2);
+    const ctx_r167 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r166.height);
+    i0.ɵɵclassProp("po-table-header-fixed-inner", ctx_r167.height);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r166.hideSelectAll);
+    i0.ɵɵproperty("ngIf", !ctx_r167.hideSelectAll);
 } }
 function PoTableComponent_ng_template_8_th_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th", 50);
@@ -16645,43 +16714,43 @@ function PoTableComponent_ng_template_8_th_4_Template(rf, ctx) { if (rf & 1) {
 function PoTableComponent_ng_template_8_th_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th");
 } if (rf & 2) {
-    const ctx_r168 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("po-table-header-master-detail", !ctx_r168.isSingleAction)("po-table-header-single-action", ctx_r168.isSingleAction);
+    const ctx_r169 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("po-table-header-master-detail", !ctx_r169.isSingleAction)("po-table-header-single-action", ctx_r169.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", 51, 52);
+    i0.ɵɵelementStart(0, "th", 52, 53);
     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_r169 = i0.ɵɵnextContext(2);
+    const ctx_r170 = i0.ɵɵnextContext(2);
     const _r19 = i0.ɵɵreference(21);
     const _r21 = i0.ɵɵreference(23);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r169.height)("ngIfThen", _r19)("ngIfElse", _r21);
+    i0.ɵɵproperty("ngIf", ctx_r170.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 _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);
+    const _r189 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 54, 55);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_th_7_Template_th_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r189); const column_r184 = restoredCtx.$implicit; const ctx_r188 = i0.ɵɵnextContext(2); return ctx_r188.sortColumn(column_r184); });
+    i0.ɵɵelementStart(2, "div", 56);
+    i0.ɵɵtemplate(3, PoTableComponent_ng_template_8_th_7_ng_container_3_Template, 1, 0, "ng-container", 57);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const column_r183 = ctx.$implicit;
-    const ctx_r170 = i0.ɵɵnextContext(2);
+    const column_r184 = ctx.$implicit;
+    const ctx_r171 = i0.ɵɵnextContext(2);
     const _r17 = i0.ɵɵreference(19);
-    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.ɵɵstyleProp("width", column_r184.width)("max-width", column_r184.width)("min-width", column_r184.width);
+    i0.ɵɵclassProp("po-clickable", ctx_r171.sort && column_r184.sortable !== false || ctx_r171.hasService)("po-table-header-subtitle", column_r184.type === "subtitle");
     i0.ɵɵadvance(2);
-    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.ɵɵclassProp("po-table-header-fixed-inner", ctx_r171.height)("po-table-header-flex-right", column_r184.type === "currency" || column_r184.type === "number")("po-table-header-flex-center", column_r184.type === "subtitle");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r17)("ngTemplateOutletContext", i0.ɵɵpureFunction1(18, _c11, column_r183));
+    i0.ɵɵproperty("ngTemplateOutlet", _r17)("ngTemplateOutletContext", i0.ɵɵpureFunction1(18, _c13, column_r184));
 } }
 function PoTableComponent_ng_template_8_th_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th", 50);
@@ -16689,131 +16758,132 @@ function PoTableComponent_ng_template_8_th_8_Template(rf, ctx) { if (rf & 1) {
 function PoTableComponent_ng_template_8_th_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "th");
 } if (rf & 2) {
-    const ctx_r172 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("po-table-header-single-action", ctx_r172.isSingleAction)("po-table-header-actions", !ctx_r172.isSingleAction);
+    const ctx_r173 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("po-table-header-single-action", ctx_r173.isSingleAction)("po-table-header-actions", !ctx_r173.isSingleAction);
 } }
 function PoTableComponent_ng_template_8_th_10_Template(rf, ctx) { if (rf & 1) {
-    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(); });
+    const _r193 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", null, 58)(2, "div")(3, "button", 59, 60);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_th_10_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r193); const ctx_r192 = i0.ɵɵnextContext(2); return ctx_r192.onOpenColumnManager(); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    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);
+    const _r190 = i0.ɵɵreference(1);
+    const ctx_r174 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("po-table-header-column-manager", !ctx_r174.isSingleAction || !ctx_r174.actionRight)("po-table-header-column-manager-border", !ctx_r174.height && ctx_r174.container)("po-table-header-single-action", ctx_r174.isSingleAction && ctx_r174.actionRight);
     i0.ɵɵadvance(2);
-    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.ɵɵstyleProp("width", ctx_r174.height && ctx_r174.visibleActions.length ? _r190.offsetWidth : undefined, "px");
+    i0.ɵɵclassProp("po-table-header-column-manager-border", ctx_r174.height && ctx_r174.container)("po-table-header-column-manager-fixed-inner", ctx_r174.height);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("p-tooltip", ctx_r173.literals.columnsManager);
+    i0.ɵɵproperty("p-tooltip", ctx_r174.literals.columnsManager);
+    i0.ɵɵattribute("aria-label", ctx_r174.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.ɵɵelementStart(0, "tbody", 64)(1, "tr", 65)(2, "td", 66)(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r174 = i0.ɵɵnextContext(2);
+    const ctx_r175 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("colSpan", ctx_r174.columnCount);
+    i0.ɵɵproperty("colSpan", ctx_r175.columnCount);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r174.literals.noData, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r175.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", 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.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_2_ng_container_1_Template, 1, 0, "ng-container", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r194 = i0.ɵɵnextContext().$implicit;
-    const ctx_r196 = i0.ɵɵnextContext(3);
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r197 = i0.ɵɵnextContext(3);
     const _r13 = i0.ɵɵreference(15);
     const _r15 = i0.ɵɵreference(17);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r196.singleSelect ? _r13 : _r15)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, row_r194));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r197.singleSelect ? _r13 : _r15)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c13, row_r195));
 } }
 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 _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(_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);
+    const _r213 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 72);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_3_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r213); const row_r195 = i0.ɵɵnextContext().$implicit; const ctx_r211 = i0.ɵɵnextContext(3); return ctx_r211.toggleDetail(row_r195); });
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_3_ng_template_1_Template, 0, 0, "ng-template", 73);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r213 = i0.ɵɵnextContext();
-    const row_r194 = ctx_r213.$implicit;
-    const rowIndex_r195 = ctx_r213.index;
+    const ctx_r214 = i0.ɵɵnextContext();
+    const row_r195 = ctx_r214.$implicit;
+    const rowIndex_r196 = ctx_r214.index;
     i0.ɵɵnextContext(3);
     const _r11 = i0.ɵɵreference(13);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r194, rowIndex_r195));
+    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c14, row_r195, rowIndex_r196));
 } }
 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);
+    i0.ɵɵtemplate(0, PoTableComponent_ng_template_8_ng_container_12_tbody_1_4_ng_template_0_Template, 0, 0, "ng-template", 73);
 } if (rf & 2) {
-    const ctx_r215 = i0.ɵɵnextContext();
-    const row_r194 = ctx_r215.$implicit;
-    const rowIndex_r195 = ctx_r215.index;
+    const ctx_r216 = i0.ɵɵnextContext();
+    const row_r195 = ctx_r216.$implicit;
+    const rowIndex_r196 = ctx_r216.index;
     i0.ɵɵnextContext(3);
     const _r23 = i0.ɵɵreference(25);
-    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r194, rowIndex_r195));
+    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c14, row_r195, rowIndex_r196));
 } }
 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 _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(_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);
+    const _r220 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 72);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_5_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r220); const row_r195 = i0.ɵɵnextContext().$implicit; const ctx_r218 = i0.ɵɵnextContext(3); return ctx_r218.toggleDetail(row_r195); });
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_5_ng_template_1_Template, 0, 0, "ng-template", 73);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r220 = i0.ɵɵnextContext();
-    const row_r194 = ctx_r220.$implicit;
-    const rowIndex_r195 = ctx_r220.index;
+    const ctx_r221 = i0.ɵɵnextContext();
+    const row_r195 = ctx_r221.$implicit;
+    const rowIndex_r196 = ctx_r221.index;
     i0.ɵɵnextContext(3);
     const _r11 = i0.ɵɵreference(13);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r194, rowIndex_r195));
+    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c14, row_r195, rowIndex_r196));
 } }
 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", 56);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_2_ng_container_1_Template, 1, 0, "ng-container", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r221 = i0.ɵɵnextContext().$implicit;
-    const row_r194 = i0.ɵɵnextContext().$implicit;
-    const ctx_r223 = i0.ɵɵnextContext(3);
+    const column_r222 = i0.ɵɵnextContext().$implicit;
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r224 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r223.getTemplate(column_r221))("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, ctx_r223.getCellData(row_r194, column_r221)));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r224.getTemplate(column_r222))("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c13, ctx_r224.getCellData(row_r195, column_r222)));
 } }
 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", 56);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_3_ng_container_1_Template, 1, 0, "ng-container", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r221 = i0.ɵɵnextContext().$implicit;
-    const row_r194 = i0.ɵɵnextContext().$implicit;
-    const ctx_r224 = i0.ɵɵnextContext(3);
+    const column_r222 = i0.ɵɵnextContext().$implicit;
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r225 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r224.tableCellTemplate == null ? null : ctx_r224.tableCellTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c13, row_r194, column_r221));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r225.tableCellTemplate == null ? null : ctx_r225.tableCellTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c15, row_r195, column_r222));
 } }
 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_r221 = i0.ɵɵnextContext().$implicit;
-    const row_r194 = i0.ɵɵnextContext().$implicit;
-    const ctx_r225 = i0.ɵɵnextContext(3);
+    const column_r222 = i0.ɵɵnextContext().$implicit;
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r226 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r225.getBooleanLabel(ctx_r225.getCellData(row_r194, column_r221), column_r221), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r226.getBooleanLabel(ctx_r226.getCellData(row_r195, column_r222), column_r222), " ");
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -16821,11 +16891,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_r221 = i0.ɵɵnextContext().$implicit;
-    const row_r194 = i0.ɵɵnextContext().$implicit;
-    const ctx_r226 = i0.ɵɵnextContext(3);
+    const column_r222 = i0.ɵɵnextContext().$implicit;
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r227 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind4(2, 1, ctx_r226.getCellData(row_r194, column_r221), column_r221.format, "symbol", "1.2-2"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind4(2, 1, ctx_r227.getCellData(row_r195, column_r222), column_r222.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");
@@ -16833,11 +16903,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_r221 = i0.ɵɵnextContext().$implicit;
-    const row_r194 = i0.ɵɵnextContext().$implicit;
-    const ctx_r227 = i0.ɵɵnextContext(3);
+    const column_r222 = i0.ɵɵnextContext().$implicit;
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r228 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r227.getCellData(row_r194, column_r221), column_r221.format || "dd/MM/yyyy"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r228.getCellData(row_r195, column_r222), column_r222.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");
@@ -16845,11 +16915,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_r221 = i0.ɵɵnextContext().$implicit;
-    const row_r194 = i0.ɵɵnextContext().$implicit;
-    const ctx_r228 = i0.ɵɵnextContext(3);
+    const column_r222 = i0.ɵɵnextContext().$implicit;
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r229 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r228.getCellData(row_r194, column_r221), column_r221.format || "HH:mm:ss.ffffff"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r229.getCellData(row_r195, column_r222), column_r222.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");
@@ -16857,105 +16927,105 @@ 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_r221 = i0.ɵɵnextContext().$implicit;
-    const row_r194 = i0.ɵɵnextContext().$implicit;
-    const ctx_r229 = i0.ɵɵnextContext(3);
+    const column_r222 = i0.ɵɵnextContext().$implicit;
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r230 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r229.getCellData(row_r194, column_r221), column_r221.format || "dd/MM/yyyy HH:mm:ss"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r230.getCellData(row_r195, column_r222), column_r222.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_r221 = i0.ɵɵnextContext().$implicit;
-    const row_r194 = i0.ɵɵnextContext().$implicit;
-    const ctx_r230 = i0.ɵɵnextContext(3);
+    const column_r222 = i0.ɵɵnextContext().$implicit;
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r231 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r230.formatNumber(ctx_r230.getCellData(row_r194, column_r221), column_r221.format), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r231.formatNumber(ctx_r231.getCellData(row_r195, column_r222), column_r222.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 _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(_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); });
+    const _r257 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "po-table-column-link", 80);
+    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(_r257); const column_r222 = i0.ɵɵnextContext().$implicit; const row_r195 = i0.ɵɵnextContext().$implicit; const ctx_r255 = i0.ɵɵnextContext(3); return ctx_r255.onClickLink($event, row_r195, column_r222); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    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));
+    const column_r222 = i0.ɵɵnextContext().$implicit;
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r232 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("p-action", column_r222.action)("p-disabled", ctx_r232.checkDisabled(row_r195, column_r222))("p-link", row_r195[column_r222.link])("p-row", row_r195)("p-value", ctx_r232.getCellData(row_r195, column_r222));
 } }
 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);
+    i0.ɵɵelement(0, "po-table-column-icon", 81);
 } if (rf & 2) {
-    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);
+    const column_r222 = i0.ɵɵnextContext().$implicit;
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r233 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("p-column", column_r222)("p-icons", ctx_r233.getColumnIcons(row_r195, column_r222))("p-row", row_r195);
 } }
 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.ɵɵelement(1, "po-table-subtitle-circle", 82);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r221 = i0.ɵɵnextContext().$implicit;
-    const row_r194 = i0.ɵɵnextContext().$implicit;
-    const ctx_r233 = i0.ɵɵnextContext(3);
+    const column_r222 = i0.ɵɵnextContext().$implicit;
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r234 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("p-subtitle", ctx_r233.getSubtitleColumn(row_r194, column_r221));
+    i0.ɵɵproperty("p-subtitle", ctx_r234.getSubtitleColumn(row_r195, column_r222));
 } }
 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.ɵɵelement(1, "po-table-column-label", 83);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const column_r221 = i0.ɵɵnextContext().$implicit;
-    const row_r194 = i0.ɵɵnextContext().$implicit;
-    const ctx_r234 = i0.ɵɵnextContext(3);
+    const column_r222 = i0.ɵɵnextContext().$implicit;
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r235 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("p-value", ctx_r234.getColumnLabel(row_r194, column_r221));
+    i0.ɵɵproperty("p-value", ctx_r235.getColumnLabel(row_r195, column_r222));
 } }
 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_r221 = i0.ɵɵnextContext().$implicit;
-    const row_r194 = i0.ɵɵnextContext().$implicit;
-    const ctx_r235 = i0.ɵɵnextContext(3);
+    const column_r222 = i0.ɵɵnextContext().$implicit;
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r236 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r235.getCellData(row_r194, column_r221));
+    i0.ɵɵtextInterpolate(ctx_r236.getCellData(row_r195, column_r222));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_Template(rf, ctx) { if (rf & 1) {
-    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(_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(_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);
-    i0.ɵɵtemplate(5, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_5_Template, 3, 6, "span", 75);
-    i0.ɵɵtemplate(6, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_6_Template, 3, 4, "span", 75);
-    i0.ɵɵtemplate(7, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_7_Template, 3, 4, "span", 75);
-    i0.ɵɵtemplate(8, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_8_Template, 3, 4, "span", 75);
-    i0.ɵɵtemplate(9, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_9_Template, 2, 1, "span", 75);
-    i0.ɵɵtemplate(10, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_po_table_column_link_10_Template, 1, 5, "po-table-column-link", 76);
-    i0.ɵɵtemplate(11, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_po_table_column_icon_11_Template, 1, 3, "po-table-column-icon", 77);
-    i0.ɵɵtemplate(12, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_12_Template, 2, 1, "span", 75);
-    i0.ɵɵtemplate(13, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_13_Template, 2, 1, "span", 75);
-    i0.ɵɵtemplate(14, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_14_Template, 2, 1, "span", 78);
+    const _r270 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 74);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r270); const row_r195 = i0.ɵɵnextContext().$implicit; const ctx_r269 = i0.ɵɵnextContext(3); return ctx_r269.selectable ? ctx_r269.selectRow(row_r195) : "javascript:;"; });
+    i0.ɵɵelementStart(1, "div", 75);
+    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(_r270); const column_r222 = restoredCtx.$implicit; const row_r195 = i0.ɵɵnextContext().$implicit; const ctx_r272 = i0.ɵɵnextContext(3); return ctx_r272.tooltipMouseEnter($event, column_r222, row_r195); })("mouseleave", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_Template_div_mouseleave_1_listener() { i0.ɵɵrestoreView(_r270); const ctx_r274 = i0.ɵɵnextContext(4); return ctx_r274.tooltipMouseLeave(); });
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_2_Template, 2, 4, "span", 76);
+    i0.ɵɵtemplate(3, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_3_Template, 2, 5, "span", 76);
+    i0.ɵɵtemplate(4, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_4_Template, 2, 1, "span", 76);
+    i0.ɵɵtemplate(5, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_5_Template, 3, 6, "span", 76);
+    i0.ɵɵtemplate(6, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_6_Template, 3, 4, "span", 76);
+    i0.ɵɵtemplate(7, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_7_Template, 3, 4, "span", 76);
+    i0.ɵɵtemplate(8, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_8_Template, 3, 4, "span", 76);
+    i0.ɵɵtemplate(9, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_9_Template, 2, 1, "span", 76);
+    i0.ɵɵtemplate(10, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_po_table_column_link_10_Template, 1, 5, "po-table-column-link", 77);
+    i0.ɵɵtemplate(11, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_po_table_column_icon_11_Template, 1, 3, "po-table-column-icon", 78);
+    i0.ɵɵtemplate(12, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_12_Template, 2, 1, "span", 76);
+    i0.ɵɵtemplate(13, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_13_Template, 2, 1, "span", 76);
+    i0.ɵɵtemplate(14, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_span_14_Template, 2, 1, "span", 79);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    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));
+    const column_r222 = ctx.$implicit;
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r201 = i0.ɵɵnextContext(3);
+    i0.ɵɵstyleProp("width", column_r222.width)("max-width", column_r222.width)("min-width", column_r222.width);
+    i0.ɵɵclassProp("po-table-column", column_r222.type !== "icon")("po-table-column-right", column_r222.type === "currency" || column_r222.type === "number")("po-table-column-center", column_r222.type === "subtitle")("po-table-column-icons", column_r222.type === "icon");
+    i0.ɵɵproperty("ngClass", ctx_r201.getClassColor(row_r195, column_r222));
     i0.ɵɵadvance(1);
-    i0.ɵɵclassProp("po-table-body-ellipsis", ctx_r200.hideTextOverflow);
-    i0.ɵɵproperty("ngSwitch", column_r221.type)("p-tooltip", ctx_r200.tooltipText);
+    i0.ɵɵclassProp("po-table-body-ellipsis", ctx_r201.hideTextOverflow);
+    i0.ɵɵproperty("ngSwitch", column_r222.type)("p-tooltip", ctx_r201.tooltipText);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngSwitchCase", "columnTemplate");
     i0.ɵɵadvance(1);
@@ -16983,119 +17053,119 @@ 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 _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(_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);
+    const _r279 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 72);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_7_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r279); const row_r195 = i0.ɵɵnextContext().$implicit; const ctx_r277 = i0.ɵɵnextContext(3); return ctx_r277.toggleDetail(row_r195); });
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_7_ng_template_1_Template, 0, 0, "ng-template", 73);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r279 = i0.ɵɵnextContext();
-    const row_r194 = ctx_r279.$implicit;
-    const rowIndex_r195 = ctx_r279.index;
+    const ctx_r280 = i0.ɵɵnextContext();
+    const row_r195 = ctx_r280.$implicit;
+    const rowIndex_r196 = ctx_r280.index;
     i0.ɵɵnextContext(3);
     const _r11 = i0.ɵɵreference(13);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r194, rowIndex_r195));
+    i0.ɵɵproperty("ngTemplateOutlet", _r11)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c14, row_r195, rowIndex_r196));
 } }
 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);
+    i0.ɵɵtemplate(0, PoTableComponent_ng_template_8_ng_container_12_tbody_1_8_ng_template_0_Template, 0, 0, "ng-template", 73);
 } if (rf & 2) {
-    const ctx_r281 = i0.ɵɵnextContext();
-    const row_r194 = ctx_r281.$implicit;
-    const rowIndex_r195 = ctx_r281.index;
+    const ctx_r282 = i0.ɵɵnextContext();
+    const row_r195 = ctx_r282.$implicit;
+    const rowIndex_r196 = ctx_r282.index;
     i0.ɵɵnextContext(3);
     const _r23 = i0.ɵɵreference(25);
-    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c12, row_r194, rowIndex_r195));
+    i0.ɵɵproperty("ngTemplateOutlet", _r23)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c14, row_r195, rowIndex_r196));
 } }
 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", 89);
+    i0.ɵɵelement(1, "td", 90);
     i0.ɵɵelementContainerEnd();
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "td", 84);
+    i0.ɵɵelement(0, "td", 85);
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_tr_11_ng_template_2_Template(rf, ctx) { }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_tr_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 85);
-    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_ng_container_12_tbody_1_tr_11_ng_template_2_Template, 0, 0, "ng-template", 72);
+    i0.ɵɵelementStart(0, "tr")(1, "td", 86);
+    i0.ɵɵtemplate(2, PoTableComponent_ng_template_8_ng_container_12_tbody_1_tr_11_ng_template_2_Template, 0, 0, "ng-template", 73);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r283 = i0.ɵɵnextContext();
-    const row_r194 = ctx_r283.$implicit;
-    const rowIndex_r195 = ctx_r283.index;
-    const ctx_r205 = i0.ɵɵnextContext(3);
+    const ctx_r284 = i0.ɵɵnextContext();
+    const row_r195 = ctx_r284.$implicit;
+    const rowIndex_r196 = ctx_r284.index;
+    const ctx_r206 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("colSpan", ctx_r205.columnCountForMasterDetail);
+    i0.ɵɵproperty("colSpan", ctx_r206.columnCountForMasterDetail);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r205.tableRowTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c14, row_r194, rowIndex_r195));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r206.tableRowTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c16, row_r195, rowIndex_r196));
 } }
 function PoTableComponent_ng_template_8_ng_container_12_tbody_1_tr_12_Template(rf, ctx) { if (rf & 1) {
-    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(_r285); const ctx_r284 = i0.ɵɵnextContext(4); return ctx_r284.selectDetailRow($event); });
+    const _r286 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr")(1, "td", 87)(2, "po-table-detail", 88);
+    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(_r286); const ctx_r285 = i0.ɵɵnextContext(4); return ctx_r285.selectDetailRow($event); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const row_r194 = i0.ɵɵnextContext().$implicit;
-    const ctx_r206 = i0.ɵɵnextContext(3);
+    const row_r195 = i0.ɵɵnextContext().$implicit;
+    const ctx_r207 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("colSpan", ctx_r206.columnCountForMasterDetail);
+    i0.ɵɵproperty("colSpan", ctx_r207.columnCountForMasterDetail);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("p-selectable", ctx_r206.selectable && !ctx_r206.detailHideSelect)("p-detail", ctx_r206.columnMasterDetail.detail)("p-items", row_r194[ctx_r206.nameColumnDetail]);
+    i0.ɵɵproperty("p-selectable", ctx_r207.selectable && !ctx_r207.detailHideSelect)("p-detail", ctx_r207.columnMasterDetail.detail)("p-items", row_r195[ctx_r207.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.ɵɵelementStart(0, "tbody", 64)(1, "tr", 68);
     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(3, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_3_Template, 2, 5, "td", 69);
     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);
-    i0.ɵɵtemplate(6, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_Template, 15, 31, "td", 69);
-    i0.ɵɵtemplate(7, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_7_Template, 2, 5, "td", 68);
+    i0.ɵɵtemplate(5, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_5_Template, 2, 5, "td", 69);
+    i0.ɵɵtemplate(6, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_6_Template, 15, 31, "td", 70);
+    i0.ɵɵtemplate(7, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_7_Template, 2, 5, "td", 69);
     i0.ɵɵtemplate(8, PoTableComponent_ng_template_8_ng_container_12_tbody_1_8_Template, 1, 5, null, 23);
     i0.ɵɵtemplate(9, PoTableComponent_ng_template_8_ng_container_12_tbody_1_ng_container_9_Template, 2, 0, "ng-container", 23);
-    i0.ɵɵtemplate(10, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_10_Template, 1, 0, "td", 70);
+    i0.ɵɵtemplate(10, PoTableComponent_ng_template_8_ng_container_12_tbody_1_td_10_Template, 1, 0, "td", 71);
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(11, PoTableComponent_ng_template_8_ng_container_12_tbody_1_tr_11_Template, 3, 6, "tr", 23);
     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_r194 = ctx.$implicit;
-    const rowIndex_r195 = ctx.index;
-    const ctx_r193 = i0.ɵɵnextContext(3);
+    const row_r195 = ctx.$implicit;
+    const rowIndex_r196 = ctx.index;
+    const ctx_r194 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵclassProp("po-table-row-active", row_r194.$selected || row_r194.$selected === null && ctx_r193.selectable);
+    i0.ɵɵclassProp("po-table-row-active", row_r195.$selected || row_r195.$selected === null && ctx_r194.selectable);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r193.selectable);
+    i0.ɵɵproperty("ngIf", ctx_r194.selectable);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r193.columnMasterDetail && !ctx_r193.hideDetail && !ctx_r193.hasRowTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r194.columnMasterDetail && !ctx_r194.hideDetail && !ctx_r194.hasRowTemplate);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r193.actionRight && (ctx_r193.visibleActions.length > 1 || ctx_r193.isSingleAction));
+    i0.ɵɵproperty("ngIf", !ctx_r194.actionRight && (ctx_r194.visibleActions.length > 1 || ctx_r194.isSingleAction));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r193.hasRowTemplate && !ctx_r193.hasRowTemplateWithArrowDirectionRight);
+    i0.ɵɵproperty("ngIf", ctx_r194.hasRowTemplate && !ctx_r194.hasRowTemplateWithArrowDirectionRight);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r193.mainColumns)("ngForTrackBy", ctx_r193.trackBy);
+    i0.ɵɵproperty("ngForOf", ctx_r194.mainColumns)("ngForTrackBy", ctx_r194.trackBy);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r193.hasRowTemplateWithArrowDirectionRight);
+    i0.ɵɵproperty("ngIf", ctx_r194.hasRowTemplateWithArrowDirectionRight);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r193.actionRight);
+    i0.ɵɵproperty("ngIf", ctx_r194.actionRight);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r193.actionRight && (ctx_r193.visibleActions.length > 1 || ctx_r193.isSingleAction) && !ctx_r193.hideColumnsManager);
+    i0.ɵɵproperty("ngIf", !ctx_r194.actionRight && (ctx_r194.visibleActions.length > 1 || ctx_r194.isSingleAction) && !ctx_r194.hideColumnsManager);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r193.hasVisibleActions && !ctx_r193.hideColumnsManager && !ctx_r193.hasRowTemplateWithArrowDirectionRight);
+    i0.ɵɵproperty("ngIf", !ctx_r194.hasVisibleActions && !ctx_r194.hideColumnsManager && !ctx_r194.hasRowTemplateWithArrowDirectionRight);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r193.hasMainColumns && ctx_r193.hasRowTemplate && row_r194.$showDetail && ctx_r193.isShowRowTemplate(row_r194, rowIndex_r195));
+    i0.ɵɵproperty("ngIf", ctx_r194.hasMainColumns && ctx_r194.hasRowTemplate && row_r195.$showDetail && ctx_r194.isShowRowTemplate(row_r195, rowIndex_r196));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r193.hasMainColumns && ctx_r193.isShowMasterDetail(row_r194));
+    i0.ɵɵproperty("ngIf", ctx_r194.hasMainColumns && ctx_r194.isShowMasterDetail(row_r195));
 } }
 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", 88);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_8_ng_container_12_tbody_1_Template, 13, 14, "tbody", 89);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r175 = i0.ɵɵnextContext(2);
+    const ctx_r176 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r175.items)("ngForTrackBy", ctx_r175.trackBy);
+    i0.ɵɵproperty("ngForOf", ctx_r176.items)("ngForTrackBy", ctx_r176.trackBy);
 } }
 function PoTableComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "table", 39)(1, "thead")(2, "tr");
@@ -17106,9 +17176,9 @@ function PoTableComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵtemplate(10, PoTableComponent_ng_template_8_th_10_Template, 5, 14, "th", 46);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(11, PoTableComponent_ng_template_8_tbody_11_Template, 5, 2, "tbody", 62);
+    i0.ɵɵtemplate(11, PoTableComponent_ng_template_8_tbody_11_Template, 5, 2, "tbody", 63);
     i0.ɵɵtemplate(12, PoTableComponent_ng_template_8_ng_container_12_Template, 2, 2, "ng-container", 23);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -17138,64 +17208,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", 91);
+    i0.ɵɵelement(0, "span", 92);
 } if (rf & 2) {
-    const row_r287 = i0.ɵɵnextContext().row;
-    i0.ɵɵclassProp("po-icon-arrow-up", row_r287.$showDetail)("po-icon-arrow-down", !row_r287.$showDetail);
+    const row_r288 = i0.ɵɵnextContext().row;
+    i0.ɵɵclassProp("po-icon-arrow-up", row_r288.$showDetail)("po-icon-arrow-down", !row_r288.$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", 90);
+    i0.ɵɵtemplate(0, PoTableComponent_ng_template_12_span_0_Template, 1, 4, "span", 91);
 } if (rf & 2) {
-    const row_r287 = ctx.row;
-    const rowIndex_r288 = ctx.rowIndex;
+    const row_r288 = ctx.row;
+    const rowIndex_r289 = ctx.rowIndex;
     const ctx_r12 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngIf", ctx_r12.containsMasterDetail(row_r287) && !ctx_r12.hasRowTemplate || ctx_r12.isShowRowTemplate(row_r287, rowIndex_r288) && ctx_r12.hasRowTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r12.containsMasterDetail(row_r288) && !ctx_r12.hasRowTemplate || ctx_r12.isShowRowTemplate(row_r288, rowIndex_r289) && ctx_r12.hasRowTemplate);
 } }
 function PoTableComponent_ng_template_14_Template(rf, ctx) { if (rf & 1) {
-    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:;"; });
+    const _r294 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelement(0, "input", 93);
+    i0.ɵɵelementStart(1, "label", 94);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_14_Template_label_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r294); const row_r292 = restoredCtx.$implicit; const ctx_r293 = i0.ɵɵnextContext(); return ctx_r293.selectable ? ctx_r293.selectRow(row_r292) : "javascript:;"; });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r291 = ctx.$implicit;
-    i0.ɵɵclassProp("po-table-radio-checked", row_r291.$selected);
+    const row_r292 = ctx.$implicit;
+    i0.ɵɵclassProp("po-table-radio-checked", row_r292.$selected);
 } }
 function PoTableComponent_ng_template_16_Template(rf, ctx) { if (rf & 1) {
-    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:;"; });
+    const _r297 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "po-checkbox", 95);
+    i0.ɵɵlistener("p-change", function PoTableComponent_ng_template_16_Template_po_checkbox_p_change_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r297); const row_r295 = restoredCtx.$implicit; const ctx_r296 = i0.ɵɵnextContext(); return ctx_r296.selectable ? ctx_r296.selectRow(row_r295) : "javascript:;"; })("ngModelChange", function PoTableComponent_ng_template_16_Template_po_checkbox_ngModelChange_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r297); const row_r295 = restoredCtx.$implicit; return row_r295.$selected = $event; })("click", function PoTableComponent_ng_template_16_Template_po_checkbox_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r297); const row_r295 = restoredCtx.$implicit; const ctx_r299 = i0.ɵɵnextContext(); return ctx_r299.selectable ? ctx_r299.selectRow(row_r295) : "javascript:;"; });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r294 = ctx.$implicit;
-    i0.ɵɵproperty("ngModel", row_r294.$selected);
+    const row_r295 = ctx.$implicit;
+    i0.ɵɵproperty("ngModel", row_r295.$selected);
 } }
 function PoTableComponent_ng_template_18_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span");
 } if (rf & 2) {
-    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);
+    const column_r300 = i0.ɵɵnextContext().$implicit;
+    const ctx_r302 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("po-table-header-icon-unselected", (ctx_r302.sortedColumn == null ? null : ctx_r302.sortedColumn.property) !== column_r300)("po-table-header-icon-descending", (ctx_r302.sortedColumn == null ? null : ctx_r302.sortedColumn.property) === column_r300 && ctx_r302.sortedColumn.ascending)("po-table-header-icon-ascending", (ctx_r302.sortedColumn == null ? null : ctx_r302.sortedColumn.property) === column_r300 && !ctx_r302.sortedColumn.ascending);
 } }
 function PoTableComponent_ng_template_18_Template(rf, ctx) { if (rf & 1) {
-    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(); });
+    const _r305 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 96, 97);
+    i0.ɵɵlistener("mouseenter", function PoTableComponent_ng_template_18_Template_span_mouseenter_0_listener($event) { i0.ɵɵrestoreView(_r305); const ctx_r304 = i0.ɵɵnextContext(); return ctx_r304.tooltipMouseEnter($event); })("mouseleave", function PoTableComponent_ng_template_18_Template_span_mouseleave_0_listener() { i0.ɵɵrestoreView(_r305); const ctx_r306 = i0.ɵɵnextContext(); return ctx_r306.tooltipMouseLeave(); });
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "titlecase");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, PoTableComponent_ng_template_18_span_4_Template, 1, 6, "span", 97);
+    i0.ɵɵtemplate(4, PoTableComponent_ng_template_18_span_4_Template, 1, 6, "span", 98);
 } if (rf & 2) {
-    const column_r299 = ctx.$implicit;
+    const column_r300 = ctx.$implicit;
     const ctx_r18 = i0.ɵɵnextContext();
     i0.ɵɵproperty("p-tooltip", ctx_r18.tooltipText);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", column_r299.label || i0.ɵɵpipeBind1(3, 3, column_r299.property), " ");
+    i0.ɵɵtextInterpolate1(" ", column_r300.label || i0.ɵɵpipeBind1(3, 3, column_r300.property), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r18.sort && column_r299.sortable !== false);
+    i0.ɵɵproperty("ngIf", ctx_r18.sort && column_r300.sortable !== false);
 } }
 function PoTableComponent_ng_template_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 98);
+    i0.ɵɵelementStart(0, "div", 99);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -17211,45 +17281,46 @@ 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", 105);
+    i0.ɵɵelement(0, "po-icon", 106);
 } if (rf & 2) {
-    const ctx_r311 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("p-icon", ctx_r311.firstAction.icon);
+    const ctx_r312 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("p-icon", ctx_r312.firstAction.icon);
 } }
 function PoTableComponent_ng_template_24_td_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    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);
+    const _r315 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 104);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_24_td_0_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r315); const row_r307 = i0.ɵɵnextContext(2).row; const ctx_r313 = i0.ɵɵnextContext(); return ctx_r313.executeTableAction(row_r307, ctx_r313.firstAction); });
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_24_td_0_div_1_po_icon_1_Template, 1, 1, "po-icon", 105);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    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);
+    const row_r307 = i0.ɵɵnextContext(2).row;
+    const ctx_r311 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("po-table-action-disabled", ctx_r311.firstAction.disabled ? ctx_r311.validateTableAction(row_r307, ctx_r311.firstAction) : false);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r310.firstAction.icon);
+    i0.ɵɵproperty("ngIf", ctx_r311.firstAction.icon);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r310.firstAction.label, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r311.firstAction.label, " ");
 } }
 function PoTableComponent_ng_template_24_td_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 101);
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_24_td_0_div_1_Template, 3, 4, "div", 102);
+    i0.ɵɵelementStart(0, "td", 102);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_24_td_0_div_1_Template, 3, 4, "div", 103);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r308 = i0.ɵɵnextContext(2);
+    const ctx_r309 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("width", ctx_r309.height && ctx_r309.actionRight ? ctx_r309.getWidthColumnManager() : "", "px")("max-width", ctx_r309.height && !ctx_r309.actionRight ? ctx_r309.getColumnWidthActionsLeft() : "", "px")("width", ctx_r309.height && !ctx_r309.actionRight ? ctx_r309.getColumnWidthActionsLeft() : "", "px");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r308.firstAction.visible !== false);
+    i0.ɵɵproperty("ngIf", ctx_r309.firstAction.visible !== false);
 } }
 function PoTableComponent_ng_template_24_td_1_Template(rf, ctx) { if (rf & 1) {
-    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); });
+    const _r320 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 107)(1, "span", 108, 109);
+    i0.ɵɵlistener("click", function PoTableComponent_ng_template_24_td_1_Template_span_click_1_listener() { i0.ɵɵrestoreView(_r320); const _r317 = i0.ɵɵreference(2); const row_r307 = i0.ɵɵnextContext().row; const ctx_r318 = i0.ɵɵnextContext(); return ctx_r318.togglePopup(row_r307, _r317); });
     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", 99);
-    i0.ɵɵtemplate(1, PoTableComponent_ng_template_24_td_1_Template, 3, 0, "td", 100);
+    i0.ɵɵtemplate(0, PoTableComponent_ng_template_24_td_0_Template, 2, 7, "td", 100);
+    i0.ɵɵtemplate(1, PoTableComponent_ng_template_24_td_1_Template, 3, 0, "td", 101);
 } if (rf & 2) {
     const ctx_r24 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngIf", ctx_r24.isSingleAction);
@@ -17257,9 +17328,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 _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); });
+    const _r322 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "po-table-column-manager", 110);
+    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(_r322); const ctx_r321 = i0.ɵɵnextContext(); return ctx_r321.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(_r322); const ctx_r323 = i0.ɵɵnextContext(); return ctx_r323.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(_r322); const ctx_r324 = i0.ɵɵnextContext(); return ctx_r324.onColumnRestoreManager($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r25 = i0.ɵɵnextContext();
@@ -17661,6 +17732,12 @@ class PoTableComponent extends PoTableBaseComponent {
     syncronizeHorizontalScroll() {
         this.poTableThead.nativeElement.scrollLeft = this.poTableTbodyVirtual.nativeElement.scrollLeft;
     }
+    getWidthColumnManager() {
+        return this.columnManager?.nativeElement.offsetWidth;
+    }
+    getColumnWidthActionsLeft() {
+        return this.columnActionLeft?.nativeElement.offsetWidth;
+    }
     calculateHeightTableContainer(height) {
         const value = parseFloat(height);
         this.heightTableContainer = value ? value - this.getHeightTableFooter() : undefined;
@@ -17795,17 +17872,19 @@ 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$V, 5, ElementRef);
-        i0.ɵɵviewQuery(_c1$p, 5);
-        i0.ɵɵviewQuery(_c2$a, 5, ElementRef);
+        i0.ɵɵviewQuery(_c0$W, 5, ElementRef);
+        i0.ɵɵviewQuery(_c1$q, 5);
+        i0.ɵɵviewQuery(_c2$b, 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, ElementRef);
-        i0.ɵɵviewQuery(_c7$1, 5);
+        i0.ɵɵviewQuery(_c7$1, 5, ElementRef);
         i0.ɵɵviewQuery(_c8$1, 5, ElementRef);
-        i0.ɵɵviewQuery(_c9, 5, ElementRef);
-        i0.ɵɵviewQuery(_c10, 5);
+        i0.ɵɵviewQuery(_c9, 5);
+        i0.ɵɵviewQuery(_c10, 5, ElementRef);
+        i0.ɵɵviewQuery(_c11, 5, ElementRef);
+        i0.ɵɵviewQuery(_c12, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.noColumnsHeader = _t.first);
@@ -17815,11 +17894,13 @@ PoTableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTableCom
         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.columnManager = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.columnActionLeft = _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", 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) {
+    } }, 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"], ["columnActionLeft", ""], [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", 3, "width", "max-width", 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);
@@ -17847,7 +17928,7 @@ PoTableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTableCom
     } }, 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\">\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" }]
+        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          #columnActionLeft\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 && !hideColumnsManager\"\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              [attr.aria-label]=\"literals.columnsManager\"\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              [attr.aria-label]=\"literals.columnsManager\"\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\n    *ngIf=\"isSingleAction\"\n    class=\"po-table-column po-table-column-single-action\"\n    [style.width.px]=\"height && actionRight ? getWidthColumnManager() : ''\"\n    [style.max-width.px]=\"height && !actionRight ? getColumnWidthActionsLeft() : ''\"\n    [style.width.px]=\"height && !actionRight ? getColumnWidthActionsLeft() : ''\"\n  >\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 }]
@@ -17878,6 +17959,12 @@ PoTableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTableCom
         }], poTableTbodyVirtual: [{
             type: ViewChild,
             args: ['poTableTbodyVirtual', { read: ElementRef, static: false }]
+        }], columnManager: [{
+            type: ViewChild,
+            args: ['columnManager', { read: ElementRef, static: false }]
+        }], columnActionLeft: [{
+            type: ViewChild,
+            args: ['columnActionLeft', { read: ElementRef, static: false }]
         }], actionsIconElement: [{
             type: ViewChildren,
             args: ['actionsIconElement', { read: ElementRef }]
@@ -19011,9 +19098,9 @@ PoComboOptionTemplateDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ ty
             }]
     }], function () { return [{ type: i0.TemplateRef }]; }, null); })();
 
-const _c0$U = ["containerElement"];
-const _c1$o = ["contentElement"];
-const _c2$9 = ["iconArrow"];
+const _c0$V = ["containerElement"];
+const _c1$p = ["contentElement"];
+const _c2$a = ["iconArrow"];
 const _c3$5 = ["inp"];
 const _c4$3 = ["poComboBody"];
 function PoComboComponent_div_2_Template(rf, ctx) { if (rf & 1) {
@@ -19732,9 +19819,9 @@ PoComboComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoComboCom
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.comboOptionTemplate = _t.first);
     } }, viewQuery: function PoComboComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$U, 5, ElementRef);
-        i0.ɵɵviewQuery(_c1$o, 5, ElementRef);
-        i0.ɵɵviewQuery(_c2$9, 7, ElementRef);
+        i0.ɵɵviewQuery(_c0$V, 5, ElementRef);
+        i0.ɵɵviewQuery(_c1$p, 5, ElementRef);
+        i0.ɵɵviewQuery(_c2$a, 7, ElementRef);
         i0.ɵɵviewQuery(_c3$5, 7, ElementRef);
         i0.ɵɵviewQuery(_c4$3, 5, ElementRef);
     } if (rf & 2) {
@@ -20360,9 +20447,9 @@ __decorate([
             args: ['p-start-date']
         }] }); })();
 
-const _c0$T = ["dateRangeField"];
-const _c1$n = ["endDateInput"];
-const _c2$8 = ["startDateInput"];
+const _c0$U = ["dateRangeField"];
+const _c1$o = ["endDateInput"];
+const _c2$9 = ["startDateInput"];
 const _c3$4 = ["iconCalendar"];
 const _c4$2 = ["calendarPicker"];
 function PoDatepickerRangeComponent_po_clean_12_Template(rf, ctx) { if (rf & 1) {
@@ -20794,9 +20881,9 @@ class PoDatepickerRangeComponent extends PoDatepickerRangeBaseComponent {
 }
 PoDatepickerRangeComponent.ɵfac = function PoDatepickerRangeComponent_Factory(t) { return new (t || PoDatepickerRangeComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PoControlPositionService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PoDateService), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(PoLanguageService)); };
 PoDatepickerRangeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoDatepickerRangeComponent, selectors: [["po-datepicker-range"]], viewQuery: function PoDatepickerRangeComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$T, 7, ElementRef);
-        i0.ɵɵviewQuery(_c1$n, 7, ElementRef);
-        i0.ɵɵviewQuery(_c2$8, 7, ElementRef);
+        i0.ɵɵviewQuery(_c0$U, 7, ElementRef);
+        i0.ɵɵviewQuery(_c1$o, 7, ElementRef);
+        i0.ɵɵviewQuery(_c2$9, 7, ElementRef);
         i0.ɵɵviewQuery(_c3$4, 7, ElementRef);
         i0.ɵɵviewQuery(_c4$2, 5, ElementRef);
     } if (rf & 2) {
@@ -21252,7 +21339,7 @@ __decorate([
             args: ['p-mask-format-model']
         }] }); })();
 
-const _c0$S = ["inp"];
+const _c0$T = ["inp"];
 function PoDecimalComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
     i0.ɵɵelement(1, "po-icon", 9);
@@ -21843,7 +21930,7 @@ class PoDecimalComponent extends PoInputBaseComponent {
 }
 PoDecimalComponent.ɵfac = function PoDecimalComponent_Factory(t) { return new (t || PoDecimalComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 PoDecimalComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoDecimalComponent, selectors: [["po-decimal"]], viewQuery: function PoDecimalComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$S, 7, ElementRef);
+        i0.ɵɵviewQuery(_c0$T, 7, ElementRef);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputEl = _t.first);
@@ -21916,7 +22003,7 @@ PoDecimalComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoDecima
             args: ['p-max']
         }] }); })();
 
-const _c0$R = ["inp"];
+const _c0$S = ["inp"];
 /* eslint-disable @angular-eslint/directive-class-suffix */
 class PoInputGeneric extends PoInputBaseComponent {
     constructor(el, cd) {
@@ -22090,7 +22177,7 @@ class PoInputGeneric extends PoInputBaseComponent {
 }
 PoInputGeneric.ɵfac = function PoInputGeneric_Factory(t) { return new (t || PoInputGeneric)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 PoInputGeneric.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoInputGeneric, viewQuery: function PoInputGeneric_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$R, 7, ElementRef);
+        i0.ɵɵviewQuery(_c0$S, 7, ElementRef);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputEl = _t.first);
@@ -23472,8 +23559,8 @@ PoDynamicFormValidationService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({
         type: Injectable
     }], function () { return [{ type: i1$1.HttpClient }]; }, null); })();
 
-const _c0$Q = ["fieldsComponent"];
-const _c1$m = ["dynamicForm"];
+const _c0$R = ["fieldsComponent"];
+const _c1$n = ["dynamicForm"];
 function PoDynamicFormComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -23641,8 +23728,8 @@ class PoDynamicFormComponent extends PoDynamicFormBaseComponent {
 }
 PoDynamicFormComponent.ɵfac = function PoDynamicFormComponent_Factory(t) { return new (t || PoDynamicFormComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PoDynamicFormLoadService), i0.ɵɵdirectiveInject(PoDynamicFormValidationService)); };
 PoDynamicFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoDynamicFormComponent, selectors: [["po-dynamic-form"]], viewQuery: function PoDynamicFormComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$Q, 5);
-        i0.ɵɵviewQuery(_c1$m, 5);
+        i0.ɵɵviewQuery(_c0$R, 5);
+        i0.ɵɵviewQuery(_c1$n, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fieldsComponent = _t.first);
@@ -23667,8 +23754,8 @@ PoDynamicFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoDy
             args: ['dynamicForm']
         }] }); })();
 
-const _c0$P = ["inpsearch"];
-const _c1$l = ["container"];
+const _c0$Q = ["inpsearch"];
+const _c1$m = ["container"];
 function PoLookupModalComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 16)(1, "span", 17);
@@ -23807,8 +23894,8 @@ class PoLookupModalComponent extends PoLookupModalBaseComponent {
 PoLookupModalComponent.ɵfac = function PoLookupModalComponent_Factory(t) { return new (t || PoLookupModalComponent)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 PoLookupModalComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoLookupModalComponent, selectors: [["po-lookup-modal"]], viewQuery: function PoLookupModalComponent_Query(rf, ctx) { if (rf & 1) {
         i0.ɵɵviewQuery(PoTableComponent, 7);
-        i0.ɵɵviewQuery(_c0$P, 5);
-        i0.ɵɵviewQuery(_c1$l, 5, ViewContainerRef);
+        i0.ɵɵviewQuery(_c0$Q, 5);
+        i0.ɵɵviewQuery(_c1$m, 5, ViewContainerRef);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.poTable = _t.first);
@@ -23925,7 +24012,7 @@ PoLookupModalService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoL
         type: Injectable
     }], function () { return [{ type: PoComponentInjectorService }]; }, null); })();
 
-const _c0$O = ["inp"];
+const _c0$P = ["inp"];
 function PoLookupComponent_div_1_po_clean_4_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-clean", 10);
@@ -24318,7 +24405,7 @@ class PoLookupComponent extends PoLookupBaseComponent {
 }
 PoLookupComponent.ɵfac = function PoLookupComponent_Factory(t) { return new (t || PoLookupComponent)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(PoLookupFilterService), i0.ɵɵdirectiveInject(PoLookupModalService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.Injector)); };
 PoLookupComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoLookupComponent, selectors: [["po-lookup"]], viewQuery: function PoLookupComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$O, 5, ElementRef);
+        i0.ɵɵviewQuery(_c0$P, 5, ElementRef);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputEl = _t.first);
@@ -24342,9 +24429,9 @@ PoLookupComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoLookupC
             args: ['inp', { read: ElementRef, static: false }]
         }] }); })();
 
-const _c0$N = ["container"];
-const _c1$k = ["ulElement"];
-const _c2$7 = ["searchElement"];
+const _c0$O = ["container"];
+const _c1$l = ["ulElement"];
+const _c2$8 = ["searchElement"];
 function PoMultiselectDropdownComponent_po_multiselect_search_2_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-multiselect-search", 8, 9);
@@ -24517,9 +24604,9 @@ class PoMultiselectDropdownComponent {
 }
 PoMultiselectDropdownComponent.ɵfac = function PoMultiselectDropdownComponent_Factory(t) { return new (t || PoMultiselectDropdownComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 PoMultiselectDropdownComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoMultiselectDropdownComponent, selectors: [["po-multiselect-dropdown"]], viewQuery: function PoMultiselectDropdownComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$N, 7, ElementRef);
-        i0.ɵɵviewQuery(_c1$k, 7, ElementRef);
-        i0.ɵɵviewQuery(_c2$7, 5);
+        i0.ɵɵviewQuery(_c0$O, 7, ElementRef);
+        i0.ɵɵviewQuery(_c1$l, 7, ElementRef);
+        i0.ɵɵviewQuery(_c2$8, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
@@ -25270,9 +25357,9 @@ PoMultiselectFilterService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ toke
         type: Injectable
     }], function () { return [{ type: i1$1.HttpClient }]; }, null); })();
 
-const _c0$M = ["dropdownElement"];
-const _c1$j = ["iconElement"];
-const _c2$6 = ["inputElement"];
+const _c0$N = ["dropdownElement"];
+const _c1$k = ["iconElement"];
+const _c2$7 = ["inputElement"];
 function PoMultiselectComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 11);
     i0.ɵɵtext(1);
@@ -25624,10 +25711,10 @@ class PoMultiselectComponent extends PoMultiselectBaseComponent {
 }
 PoMultiselectComponent.ɵfac = function PoMultiselectComponent_Factory(t) { return new (t || PoMultiselectComponent)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(PoControlPositionService), i0.ɵɵdirectiveInject(PoMultiselectFilterService), i0.ɵɵdirectiveInject(PoLanguageService)); };
 PoMultiselectComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoMultiselectComponent, selectors: [["po-multiselect"]], viewQuery: function PoMultiselectComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$M, 7, ElementRef);
-        i0.ɵɵviewQuery(_c0$M, 7);
-        i0.ɵɵviewQuery(_c1$j, 7, ElementRef);
-        i0.ɵɵviewQuery(_c2$6, 7, ElementRef);
+        i0.ɵɵviewQuery(_c0$N, 7, ElementRef);
+        i0.ɵɵviewQuery(_c0$N, 7);
+        i0.ɵɵviewQuery(_c1$k, 7, ElementRef);
+        i0.ɵɵviewQuery(_c2$7, 7, ElementRef);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dropdownElement = _t.first);
@@ -25731,7 +25818,7 @@ PoMultiselectItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
             args: ['p-change']
         }] }); })();
 
-const _c0$L = ["inputElement"];
+const _c0$M = ["inputElement"];
 /**
  * @docsPrivate
  *
@@ -25778,7 +25865,7 @@ class PoMultiselectSearchComponent {
 }
 PoMultiselectSearchComponent.ɵfac = function PoMultiselectSearchComponent_Factory(t) { return new (t || PoMultiselectSearchComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 PoMultiselectSearchComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoMultiselectSearchComponent, selectors: [["po-multiselect-search"]], viewQuery: function PoMultiselectSearchComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$L, 7, ElementRef);
+        i0.ɵɵviewQuery(_c0$M, 7, ElementRef);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputElement = _t.first);
@@ -25827,7 +25914,7 @@ PoRichTextService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoRich
         type: Injectable
     }], null, null); })();
 
-const _c0$K = ["bodyElement"];
+const _c0$L = ["bodyElement"];
 const poRichTextBodyCommands = [
     'bold',
     'italic',
@@ -26114,7 +26201,7 @@ class PoRichTextBodyComponent {
 }
 PoRichTextBodyComponent.ɵfac = function PoRichTextBodyComponent_Factory(t) { return new (t || PoRichTextBodyComponent)(i0.ɵɵdirectiveInject(PoRichTextService)); };
 PoRichTextBodyComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoRichTextBodyComponent, selectors: [["po-rich-text-body"]], viewQuery: function PoRichTextBodyComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$K, 7);
+        i0.ɵɵviewQuery(_c0$L, 7);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.bodyElement = _t.first);
@@ -27210,7 +27297,7 @@ __decorate([
             args: ['p-required']
         }] }); })();
 
-const _c0$J = ["selectFilesLink"];
+const _c0$K = ["selectFilesLink"];
 function PoUploadDragDropAreaComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -27224,7 +27311,7 @@ function PoUploadDragDropAreaComponent_ng_template_3_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r2.directoryCompatible ? ctx_r2.literals == null ? null : ctx_r2.literals.dropFoldersHere : ctx_r2.literals == null ? null : ctx_r2.literals.dropFilesHere, " ");
 } }
-const _c1$i = function (a0) { return { "po-clickable": a0 }; };
+const _c1$j = function (a0) { return { "po-clickable": a0 }; };
 function PoUploadDragDropAreaComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelement(0, "span", 7);
@@ -27240,11 +27327,11 @@ function PoUploadDragDropAreaComponent_ng_template_5_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r4.directoryCompatible ? ctx_r4.literals == null ? null : ctx_r4.literals.dragFoldersHere : ctx_r4.literals == null ? null : ctx_r4.literals.dragFilesHere, " ");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("disabled", ctx_r4.disabled)("ngClass", i0.ɵɵpureFunction1(4, _c1$i, !ctx_r4.disabled));
+    i0.ɵɵproperty("disabled", ctx_r4.disabled)("ngClass", i0.ɵɵpureFunction1(4, _c1$j, !ctx_r4.disabled));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r4.directoryCompatible ? ctx_r4.literals == null ? null : ctx_r4.literals.selectFolderOnComputer : ctx_r4.literals == null ? null : ctx_r4.literals.selectFilesOnComputer, " ");
 } }
-const _c2$5 = function (a0) { return { "po-upload-drag-drop-area-disabled": a0 }; };
+const _c2$6 = function (a0) { return { "po-upload-drag-drop-area-disabled": a0 }; };
 class PoUploadDragDropAreaComponent {
     constructor(elementRef) {
         this.elementRef = elementRef;
@@ -27256,7 +27343,7 @@ class PoUploadDragDropAreaComponent {
 }
 PoUploadDragDropAreaComponent.ɵfac = function PoUploadDragDropAreaComponent_Factory(t) { return new (t || PoUploadDragDropAreaComponent)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
 PoUploadDragDropAreaComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoUploadDragDropAreaComponent, selectors: [["po-upload-drag-drop-area"]], viewQuery: function PoUploadDragDropAreaComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$J, 5);
+        i0.ɵɵviewQuery(_c0$K, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.selectFilesLinkElement = _t.first);
@@ -27270,7 +27357,7 @@ PoUploadDragDropAreaComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
         const _r1 = i0.ɵɵreference(4);
         const _r3 = i0.ɵɵreference(6);
         i0.ɵɵstyleProp("height", ctx.height, "px");
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c2$5, ctx.disabled));
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c2$6, ctx.disabled));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.overlay && !ctx.disabled)("ngIfThen", _r1)("ngIfElse", _r3);
     } }, directives: [i1.NgClass, i1.NgIf], encapsulation: 2, changeDetection: 0 });
@@ -27300,7 +27387,7 @@ PoUploadDragDropAreaComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
             args: ['selectFilesLink']
         }] }); })();
 
-const _c0$I = ["DragDropAreaFixed"];
+const _c0$J = ["DragDropAreaFixed"];
 class PoUploadDragDropAreaOverlayComponent {
     constructor(renderer) {
         this.renderer = renderer;
@@ -27323,7 +27410,7 @@ class PoUploadDragDropAreaOverlayComponent {
 }
 PoUploadDragDropAreaOverlayComponent.ɵfac = function PoUploadDragDropAreaOverlayComponent_Factory(t) { return new (t || PoUploadDragDropAreaOverlayComponent)(i0.ɵɵdirectiveInject(i0.Renderer2)); };
 PoUploadDragDropAreaOverlayComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoUploadDragDropAreaOverlayComponent, selectors: [["po-upload-drag-drop-area-overlay"]], viewQuery: function PoUploadDragDropAreaOverlayComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$I, 7, ElementRef);
+        i0.ɵɵviewQuery(_c0$J, 7, ElementRef);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.DragDropAreaFixed = _t.first);
@@ -27725,7 +27812,7 @@ PoUploadDragDropDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: P
             args: ['document:drop', ['$event']]
         }] }); })();
 
-const _c0$H = ["dragDropOverlay"];
+const _c0$I = ["dragDropOverlay"];
 function PoUploadDragDropComponent_po_upload_drag_drop_area_overlay_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-upload-drag-drop-area-overlay", 2, 3);
@@ -27773,7 +27860,7 @@ class PoUploadDragDropComponent {
 }
 PoUploadDragDropComponent.ɵfac = function PoUploadDragDropComponent_Factory(t) { return new (t || PoUploadDragDropComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 PoUploadDragDropComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoUploadDragDropComponent, selectors: [["po-upload-drag-drop"]], viewQuery: function PoUploadDragDropComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$H, 5, ElementRef);
+        i0.ɵɵviewQuery(_c0$I, 5, ElementRef);
         i0.ɵɵviewQuery(PoUploadDragDropAreaComponent, 7);
     } if (rf & 2) {
         let _t;
@@ -27838,7 +27925,7 @@ function PoUploadFileRestrictionsComponent_p_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r1.literals == null ? null : ctx_r1.literals.allowedFormats, ctx_r1.allowedExtensions), "\n");
 } }
-const _c0$G = function (a0, a1) { return [a0, a1]; };
+const _c0$H = function (a0, a1) { return [a0, a1]; };
 function PoUploadFileRestrictionsComponent_p_2_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
@@ -27847,7 +27934,7 @@ function PoUploadFileRestrictionsComponent_p_2_span_3_Template(rf, ctx) { if (rf
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r3.literals == null ? null : ctx_r3.literals.allowedFileSizeRange, i0.ɵɵpureFunction2(4, _c0$G, ctx_r3.minFileSize, ctx_r3.maxFileSize)), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r3.literals == null ? null : ctx_r3.literals.allowedFileSizeRange, i0.ɵɵpureFunction2(4, _c0$H, ctx_r3.minFileSize, ctx_r3.maxFileSize)), " ");
 } }
 function PoUploadFileRestrictionsComponent_p_2_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -27960,8 +28047,8 @@ PoUploadFileRestrictionsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
             args: ['p-min-file-size']
         }] }); })();
 
-const _c0$F = ["inputFile"];
-const _c1$h = ["uploadButton"];
+const _c0$G = ["inputFile"];
+const _c1$i = ["uploadButton"];
 function PoUploadComponent_po_upload_drag_drop_4_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-upload-drag-drop", 9);
@@ -27980,12 +28067,12 @@ function PoUploadComponent_po_button_5_Template(rf, ctx) { if (rf & 1) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵproperty("p-disabled", ctx_r2.isDisabled)("p-label", ctx_r2.selectFileButtonLabel);
 } }
-const _c2$4 = function (a0) { return { "po-upload-file-restrictions-drag-drop": a0 }; };
+const _c2$5 = function (a0) { return { "po-upload-file-restrictions-drag-drop": a0 }; };
 function PoUploadComponent_po_upload_file_restrictions_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-upload-file-restrictions", 12);
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c2$4, ctx_r3.displayDragDrop))("p-allowed-extensions", ctx_r3.fileRestrictions == null ? null : ctx_r3.fileRestrictions.allowedExtensions)("p-max-files", ctx_r3.maxFiles)("p-max-file-size", ctx_r3.fileRestrictions == null ? null : ctx_r3.fileRestrictions.maxFileSize)("p-min-file-size", ctx_r3.fileRestrictions == null ? null : ctx_r3.fileRestrictions.minFileSize);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c2$5, ctx_r3.displayDragDrop))("p-allowed-extensions", ctx_r3.fileRestrictions == null ? null : ctx_r3.fileRestrictions.allowedExtensions)("p-max-files", ctx_r3.maxFiles)("p-max-file-size", ctx_r3.fileRestrictions == null ? null : ctx_r3.fileRestrictions.maxFileSize)("p-min-file-size", ctx_r3.fileRestrictions == null ? null : ctx_r3.fileRestrictions.minFileSize);
 } }
 function PoUploadComponent_div_7_po_progress_3_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
@@ -28308,9 +28395,9 @@ class PoUploadComponent extends PoUploadBaseComponent {
 }
 PoUploadComponent.ɵfac = function PoUploadComponent_Factory(t) { return new (t || PoUploadComponent)(i0.ɵɵdirectiveInject(PoUploadService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(PoI18nPipe), i0.ɵɵdirectiveInject(PoNotificationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PoLanguageService)); };
 PoUploadComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoUploadComponent, selectors: [["po-upload"]], viewQuery: function PoUploadComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$F, 7, ElementRef);
+        i0.ɵɵviewQuery(_c0$G, 7, ElementRef);
         i0.ɵɵviewQuery(PoUploadDragDropComponent, 5);
-        i0.ɵɵviewQuery(_c1$h, 5);
+        i0.ɵɵviewQuery(_c1$i, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputFile = _t.first);
@@ -28512,9 +28599,9 @@ PoUrlComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoUrlCompone
                 ], template: "<po-field-container [p-help]=\"help\" [p-label]=\"label\" [p-optional]=\"!required && optional\">\n  <div class=\"po-field-container-content\">\n    <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n      <po-icon class=\"po-field-icon\" [class.po-field-icon-disabled]=\"disabled\" [p-icon]=\"icon\"></po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-left]=\"icon\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean *ngIf=\"clean && !disabled && !readonly\" [p-element-ref]=\"inputEl\" (p-change-event)=\"clear($event)\">\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom [p-error-pattern]=\"getErrorPattern()\"> </po-field-container-bottom>\n</po-field-container>\n" }]
     }], function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, null); })();
 
-const _c0$E = ["modal"];
-const _c1$g = ["modalImageForm"];
-const _c2$3 = ["upload"];
+const _c0$F = ["modal"];
+const _c1$h = ["modalImageForm"];
+const _c2$4 = ["upload"];
 const uploadRestrictions = ['.apng', '.bmp', '.gif', '.ico', '.jpeg', '.jpg', '.png', '.svg'];
 class PoRichTextImageModalComponent {
     constructor(languageService) {
@@ -28590,9 +28677,9 @@ class PoRichTextImageModalComponent {
 }
 PoRichTextImageModalComponent.ɵfac = function PoRichTextImageModalComponent_Factory(t) { return new (t || PoRichTextImageModalComponent)(i0.ɵɵdirectiveInject(PoLanguageService)); };
 PoRichTextImageModalComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoRichTextImageModalComponent, selectors: [["po-rich-text-image-modal"]], viewQuery: function PoRichTextImageModalComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$E, 7);
-        i0.ɵɵviewQuery(_c1$g, 5);
-        i0.ɵɵviewQuery(_c2$3, 7);
+        i0.ɵɵviewQuery(_c0$F, 7);
+        i0.ɵɵviewQuery(_c1$h, 5);
+        i0.ɵɵviewQuery(_c2$4, 7);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modal = _t.first);
@@ -28730,8 +28817,8 @@ PoInputComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoInputCom
                 ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<po-field-container [p-help]=\"help\" [p-label]=\"label\" [p-optional]=\"!required && optional\">\n  <div class=\"po-field-container-content\">\n    <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n      <po-icon class=\"po-field-icon\" [class.po-field-icon-disabled]=\"disabled\" [p-icon]=\"icon\"></po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-left]=\"icon\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean *ngIf=\"clean && !disabled && !readonly\" [p-element-ref]=\"inputEl\" (p-change-event)=\"clear($event)\">\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom [p-error-pattern]=\"getErrorPattern()\"> </po-field-container-bottom>\n</po-field-container>\n" }]
     }], function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, null); })();
 
-const _c0$D = ["modal"];
-const _c1$f = ["modalLinkForm"];
+const _c0$E = ["modal"];
+const _c1$g = ["modalLinkForm"];
 class PoRichTextLinkModalComponent {
     constructor(languageService) {
         this.languageService = languageService;
@@ -28855,8 +28942,8 @@ class PoRichTextLinkModalComponent {
 }
 PoRichTextLinkModalComponent.ɵfac = function PoRichTextLinkModalComponent_Factory(t) { return new (t || PoRichTextLinkModalComponent)(i0.ɵɵdirectiveInject(PoLanguageService)); };
 PoRichTextLinkModalComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoRichTextLinkModalComponent, selectors: [["po-rich-text-link-modal"]], viewQuery: function PoRichTextLinkModalComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$D, 7);
-        i0.ɵɵviewQuery(_c1$f, 5);
+        i0.ɵɵviewQuery(_c0$E, 7);
+        i0.ɵɵviewQuery(_c1$g, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modal = _t.first);
@@ -28892,8 +28979,8 @@ PoRichTextLinkModalComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
             args: ['p-link-editing']
         }] }); })();
 
-const _c0$C = ["colorPickerInput"];
-const _c1$e = ["toolbarElement"];
+const _c0$D = ["colorPickerInput"];
+const _c1$f = ["toolbarElement"];
 function PoRichTextToolbarComponent_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 2)(1, "div", 11)(2, "button", 12)(3, "input", 13, 14);
@@ -29052,8 +29139,8 @@ class PoRichTextToolbarComponent {
 }
 PoRichTextToolbarComponent.ɵfac = function PoRichTextToolbarComponent_Factory(t) { return new (t || PoRichTextToolbarComponent)(i0.ɵɵdirectiveInject(PoLanguageService)); };
 PoRichTextToolbarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoRichTextToolbarComponent, selectors: [["po-rich-text-toolbar"]], viewQuery: function PoRichTextToolbarComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$C, 5, ElementRef);
-        i0.ɵɵviewQuery(_c1$e, 7);
+        i0.ɵɵviewQuery(_c0$D, 5, ElementRef);
+        i0.ɵɵviewQuery(_c1$f, 7);
         i0.ɵɵviewQuery(PoRichTextImageModalComponent, 7);
         i0.ɵɵviewQuery(PoRichTextLinkModalComponent, 7);
     } if (rf & 2) {
@@ -29900,8 +29987,8 @@ __decorate([
             args: ['p-options']
         }] }); })();
 
-const _c0$B = ["inp"];
-const _c1$d = ["inputRadio"];
+const _c0$C = ["inp"];
+const _c1$e = ["inputRadio"];
 function PoRadioGroupComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div")(1, "input", 4, 5);
@@ -30018,8 +30105,8 @@ class PoRadioGroupComponent extends PoRadioGroupBaseComponent {
 }
 PoRadioGroupComponent.ɵfac = function PoRadioGroupComponent_Factory(t) { return new (t || PoRadioGroupComponent)(i0.ɵɵdirectiveInject(i0.IterableDiffers), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 PoRadioGroupComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoRadioGroupComponent, selectors: [["po-radio-group"]], viewQuery: function PoRadioGroupComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$B, 7, ElementRef);
-        i0.ɵɵviewQuery(_c1$d, 5);
+        i0.ɵɵviewQuery(_c0$C, 7, ElementRef);
+        i0.ɵɵviewQuery(_c1$e, 5);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputEl = _t.first);
@@ -30294,9 +30381,9 @@ __decorate([
             args: ['p-required']
         }] }); })();
 
-const _c0$A = ["contentList"];
-const _c1$c = ["icon"];
-const _c2$2 = ["select"];
+const _c0$B = ["contentList"];
+const _c1$d = ["icon"];
+const _c2$3 = ["select"];
 const _c3$2 = ["selectButton"];
 function PoSelectComponent_option_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "option", 14);
@@ -30675,9 +30762,9 @@ PoSelectComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoSelectC
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.selectOptionTemplate = _t.first);
     } }, viewQuery: function PoSelectComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$A, 7, ElementRef);
-        i0.ɵɵviewQuery(_c1$c, 7, ElementRef);
-        i0.ɵɵviewQuery(_c2$2, 7, ElementRef);
+        i0.ɵɵviewQuery(_c0$B, 7, ElementRef);
+        i0.ɵɵviewQuery(_c1$d, 7, ElementRef);
+        i0.ɵɵviewQuery(_c2$3, 7, ElementRef);
         i0.ɵɵviewQuery(_c3$2, 7, ElementRef);
     } if (rf & 2) {
         let _t;
@@ -30804,7 +30891,7 @@ var PoSwitchLabelPosition;
     PoSwitchLabelPosition[PoSwitchLabelPosition["Left"] = 1] = "Left";
 })(PoSwitchLabelPosition || (PoSwitchLabelPosition = {}));
 
-const _c0$z = ["switchContainer"];
+const _c0$A = ["switchContainer"];
 /**
  * @docsExtends PoFieldModel
  *
@@ -30967,7 +31054,7 @@ class PoSwitchComponent extends PoFieldModel {
 }
 PoSwitchComponent.ɵfac = function PoSwitchComponent_Factory(t) { return new (t || PoSwitchComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 PoSwitchComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoSwitchComponent, selectors: [["po-switch"]], viewQuery: function PoSwitchComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$z, 7);
+        i0.ɵɵviewQuery(_c0$A, 7);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.switchContainer = _t.first);
@@ -31321,7 +31408,7 @@ __decorate([
             args: ['p-rows']
         }] }); })();
 
-const _c0$y = ["inp"];
+const _c0$z = ["inp"];
 /**
  * @docsExtends PoTextareaBaseComponent
  *
@@ -31424,7 +31511,7 @@ class PoTextareaComponent extends PoTextareaBaseComponent {
 }
 PoTextareaComponent.ɵfac = function PoTextareaComponent_Factory(t) { return new (t || PoTextareaComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 PoTextareaComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTextareaComponent, selectors: [["po-textarea"]], viewQuery: function PoTextareaComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$y, 7, ElementRef);
+        i0.ɵɵviewQuery(_c0$z, 7, ElementRef);
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputEl = _t.first);
@@ -31471,6 +31558,204 @@ PoTextareaComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTexta
             args: ['inp', { read: ElementRef, static: true }]
         }] }); })();
 
+var PoRadioSize;
+(function (PoRadioSize) {
+    PoRadioSize["medium"] = "medium";
+    PoRadioSize["large"] = "large";
+})(PoRadioSize || (PoRadioSize = {}));
+
+/**
+ * @docsPrivate
+ *
+ * @description
+ *
+ * O componente `po-radio` é um componente interno e deve ser utilizado em conjunto com o componente `po-radio-group`.
+ */
+class PoRadioBaseComponent {
+    constructor() {
+        /** Define o status do *radio* */
+        this.radioValue = false;
+        /**
+         * @optional
+         *
+         * @description
+         *
+         * Define o estado do *radio* como desabilitado;
+         *
+         * @default `false`
+         */
+        this.disabled = false;
+        /**
+         * @optional
+         *
+         * @description
+         *
+         * Evento disparado quando o valor do *radio* for alterado.
+         */
+        this.change = new EventEmitter();
+        this.id = uuid();
+        this._size = PoRadioSize.medium;
+    }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho do *radio*
+     * @default `medium`
+     */
+    set size(value) {
+        this._size = PoRadioSize[value] ? PoRadioSize[value] : PoRadioSize.medium;
+    }
+    get size() {
+        return this._size;
+    }
+    changeValue() {
+        if (this.propagateChange) {
+            this.propagateChange(this.radioValue);
+        }
+        this.change.emit(this.radioValue);
+    }
+    checkOption(value) {
+        if (this.disabled) {
+            return;
+        }
+        this.changeModelValue(true);
+        this.changeValue();
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(value) {
+        if (value !== this.radioValue) {
+            this.changeModelValue(value);
+        }
+    }
+}
+PoRadioBaseComponent.ɵfac = function PoRadioBaseComponent_Factory(t) { return new (t || PoRadioBaseComponent)(); };
+PoRadioBaseComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoRadioBaseComponent, inputs: { name: "name", label: ["p-label", "label"], radioValue: ["p-checked", "radioValue"], disabled: ["p-disabled", "disabled"], size: ["p-size", "size"] }, outputs: { change: "p-change" } });
+__decorate([
+    InputBoolean()
+], PoRadioBaseComponent.prototype, "disabled", void 0);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoRadioBaseComponent, [{
+        type: Directive
+    }], null, { name: [{
+            type: Input,
+            args: ['name']
+        }], label: [{
+            type: Input,
+            args: ['p-label']
+        }], radioValue: [{
+            type: Input,
+            args: ['p-checked']
+        }], disabled: [{
+            type: Input,
+            args: ['p-disabled']
+        }], change: [{
+            type: Output,
+            args: ['p-change']
+        }], size: [{
+            type: Input,
+            args: ['p-size']
+        }] }); })();
+
+const _c0$y = ["radioLabel"];
+const _c1$c = function (a0) { return { "po-radio-large": a0 }; };
+const _c2$2 = function (a0) { return { "po-radio-label-disabled": a0 }; };
+/**
+ * @docsPrivate
+ *
+ * @docsExtends PoRadioBaseComponent
+ */
+class PoRadioComponent extends PoRadioBaseComponent {
+    constructor(changeDetector) {
+        super();
+        this.changeDetector = changeDetector;
+    }
+    /**
+     * Função que atribui foco ao *radio*.
+     *
+     * 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 { PoRadioComponent } from '@po-ui/ng-components';
+     *
+     * ...
+     *
+     * @ViewChild(PoRadioComponent, { static: true }) radio: PoRadioComponent;
+     *
+     * focusRadio() {
+     * this.radio.focus();
+     * }
+     * ```
+     *
+     */
+    focus() {
+        if (this.radioLabel && !this.disabled) {
+            this.radioLabel.nativeElement.focus();
+        }
+    }
+    onBlur() {
+        this.onTouched?.();
+    }
+    onKeyDown(event, value) {
+        if (event.which === PoKeyCodeEnum.space || event.keyCode === PoKeyCodeEnum.space) {
+            this.checkOption(value);
+            event.preventDefault();
+        }
+    }
+    changeModelValue(value) {
+        this.radioValue = typeof value === 'boolean' ? value : false;
+        this.changeDetector.detectChanges();
+    }
+}
+PoRadioComponent.ɵfac = function PoRadioComponent_Factory(t) { return new (t || PoRadioComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+PoRadioComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoRadioComponent, selectors: [["po-radio"]], viewQuery: function PoRadioComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0$y, 7);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.radioLabel = _t.first);
+    } }, features: [i0.ɵɵProvidersFeature([
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => PoRadioComponent),
+                multi: true
+            }
+        ]), i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 15, consts: [[1, "po-radio-container", 3, "click", "keydown"], ["type", "radio", "role", "radio", 1, "po-radio", 3, "ngClass", "id", "tabindex", "disabled"], ["tabindex", "-1", 1, "po-radio-label", 3, "for", "ngClass"], ["radioLabel", ""]], template: function PoRadioComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵlistener("click", function PoRadioComponent_Template_div_click_0_listener() { return ctx.checkOption(ctx.radioValue); })("keydown", function PoRadioComponent_Template_div_keydown_0_listener($event) { return ctx.onKeyDown($event, ctx.radioValue); });
+        i0.ɵɵelement(1, "input", 1);
+        i0.ɵɵelementStart(2, "label", 2, 3);
+        i0.ɵɵtext(4);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵattribute("checked", ctx.radioValue);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c1$c, ctx.size === "large"))("id", ctx.id)("tabindex", ctx.disabled ? -1 : 0)("disabled", ctx.disabled);
+        i0.ɵɵattribute("aria-checked", ctx.radioValue)("aria-label", ctx.label)("aria-disabled", ctx.disabled);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("for", ctx.id)("ngClass", i0.ɵɵpureFunction1(13, _c2$2, ctx.disabled));
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate1(" ", ctx.label, " ");
+    } }, directives: [i1.NgClass], encapsulation: 2, changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoRadioComponent, [{
+        type: Component,
+        args: [{ selector: 'po-radio', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => PoRadioComponent),
+                        multi: true
+                    }
+                ], template: "<div\n  class=\"po-radio-container\"\n  [attr.checked]=\"radioValue\"\n  (click)=\"checkOption(radioValue)\"\n  (keydown)=\"onKeyDown($event, radioValue)\"\n>\n  <input\n    type=\"radio\"\n    [ngClass]=\"{ 'po-radio-large': size === 'large' }\"\n    [attr.aria-checked]=\"radioValue\"\n    [attr.aria-label]=\"label\"\n    [id]=\"id\"\n    class=\"po-radio\"\n    role=\"radio\"\n    [attr.aria-disabled]=\"disabled\"\n    [tabindex]=\"disabled ? -1 : 0\"\n    [disabled]=\"disabled\"\n  />\n  <label\n    #radioLabel\n    [for]=\"id\"\n    class=\"po-radio-label\"\n    [ngClass]=\"{ 'po-radio-label-disabled': disabled }\"\n    tabindex=\"-1\"\n  >\n    {{ label }}\n  </label>\n</div>\n" }]
+    }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { radioLabel: [{
+            type: ViewChild,
+            args: ['radioLabel', { static: true }]
+        }] }); })();
+
 /**
  * @description
  *
@@ -31563,6 +31848,7 @@ PoFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], impor
                     PoTextareaComponent,
                     PoUploadComponent,
                     PoUrlComponent,
+                    PoRadioComponent,
                     PoCheckboxModule
                 ],
                 declarations: [
@@ -31597,7 +31883,8 @@ PoFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], impor
                     PoUploadDragDropAreaOverlayComponent,
                     PoUploadDragDropAreaComponent,
                     PoUploadFileRestrictionsComponent,
-                    PoUrlComponent
+                    PoUrlComponent,
+                    PoRadioComponent
                 ],
                 providers: []
             }]
@@ -31633,7 +31920,8 @@ PoFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], impor
         PoUploadDragDropAreaOverlayComponent,
         PoUploadDragDropAreaComponent,
         PoUploadFileRestrictionsComponent,
-        PoUrlComponent], imports: [CommonModule,
+        PoUrlComponent,
+        PoRadioComponent], imports: [CommonModule,
         FormsModule,
         HttpClientModule,
         PoButtonGroupModule,
@@ -31677,6 +31965,7 @@ PoFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], impor
         PoTextareaComponent,
         PoUploadComponent,
         PoUrlComponent,
+        PoRadioComponent,
         PoCheckboxModule] }); })();
 i0.ɵɵsetComponentScope(PoMultiselectComponent, [PoFieldContainerComponent, i1.NgIf, i1.NgForOf, PoDisclaimerComponent, i1.NgClass, PoMultiselectDropdownComponent, PoFieldContainerBottomComponent], []);
 i0.ɵɵsetComponentScope(PoMultiselectDropdownComponent, [i1.NgIf, PoMultiselectSearchComponent, PoLoadingComponent, PoMultiselectItemComponent, i1.NgForOf], []);
@@ -35311,21 +35600,16 @@ PoListViewDetailTemplateDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({
 const _c0$o = ["popup"];
 function PoListViewComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 8)(2, "div", 9);
-    i0.ɵɵelement(3, "input", 10);
-    i0.ɵɵelementStart(4, "label", 11);
-    i0.ɵɵlistener("click", function PoListViewComponent_div_1_Template_label_click_4_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.selectAllListItems(); });
-    i0.ɵɵtext(5);
+    i0.ɵɵelementStart(0, "div", 7)(1, "div", 8)(2, "div", 9)(3, "po-checkbox", 10);
+    i0.ɵɵlistener("ngModelChange", function PoListViewComponent_div_1_Template_po_checkbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.selectAll = $event; })("p-change", function PoListViewComponent_div_1_Template_po_checkbox_p_change_3_listener() { i0.ɵɵrestoreView(_r6); const ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.selectAllListItems(); })("click", function PoListViewComponent_div_1_Template_po_checkbox_click_3_listener() { i0.ɵɵrestoreView(_r6); const ctx_r8 = i0.ɵɵnextContext(); return ctx_r8.selectAllListItems(); });
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("po-checkbox-group-input-checked", ctx_r0.selectAll)("po-checkbox-group-input-indeterminate", ctx_r0.selectAll === null);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.literals.selectAll, " ");
+    i0.ɵɵproperty("ngModel", ctx_r0.selectAll)("p-label", ctx_r0.literals.selectAll);
 } }
 function PoListViewComponent_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 13)(2, "span");
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 12)(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -35334,80 +35618,78 @@ function PoListViewComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate1(" ", ctx_r1.literals.noData, " ");
 } }
 function PoListViewComponent_ng_container_4_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 26);
-    i0.ɵɵelement(1, "input", 10);
-    i0.ɵɵelementStart(2, "label", 11);
-    i0.ɵɵlistener("click", function PoListViewComponent_ng_container_4_div_5_Template_label_click_2_listener() { i0.ɵɵrestoreView(_r20); const item_r7 = i0.ɵɵnextContext().$implicit; const ctx_r18 = i0.ɵɵnextContext(); return ctx_r18.selectListItem(item_r7); });
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 25)(1, "po-checkbox", 26);
+    i0.ɵɵlistener("ngModelChange", function PoListViewComponent_ng_container_4_div_5_Template_po_checkbox_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r22); const item_r9 = i0.ɵɵnextContext().$implicit; return item_r9.$selected = $event; })("p-change", function PoListViewComponent_ng_container_4_div_5_Template_po_checkbox_p_change_1_listener() { i0.ɵɵrestoreView(_r22); const item_r9 = i0.ɵɵnextContext().$implicit; const ctx_r23 = i0.ɵɵnextContext(); return ctx_r23.selectListItem(item_r9); })("click", function PoListViewComponent_ng_container_4_div_5_Template_po_checkbox_click_1_listener() { i0.ɵɵrestoreView(_r22); const item_r9 = i0.ɵɵnextContext().$implicit; const ctx_r25 = i0.ɵɵnextContext(); return ctx_r25.selectListItem(item_r9); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r7 = i0.ɵɵnextContext().$implicit;
+    const item_r9 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵclassProp("po-checkbox-group-input-checked", item_r7.$selected);
+    i0.ɵɵproperty("ngModel", item_r9.$selected);
 } }
 function PoListViewComponent_ng_container_4_a_6_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
+    const _r30 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 27);
-    i0.ɵɵlistener("click", function PoListViewComponent_ng_container_4_a_6_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r24); const item_r7 = i0.ɵɵnextContext().$implicit; const ctx_r22 = i0.ɵɵnextContext(); return ctx_r22.runTitleAction(item_r7); });
+    i0.ɵɵlistener("click", function PoListViewComponent_ng_container_4_a_6_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r30); const item_r9 = i0.ɵɵnextContext().$implicit; const ctx_r28 = i0.ɵɵnextContext(); return ctx_r28.runTitleAction(item_r9); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r7 = i0.ɵɵnextContext().$implicit;
-    const ctx_r10 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("href", item_r7[ctx_r10.propertyLink], i0.ɵɵsanitizeUrl);
+    const item_r9 = i0.ɵɵnextContext().$implicit;
+    const ctx_r12 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("href", item_r9[ctx_r12.propertyLink], i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r10.getItemTitle(item_r7), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r12.getItemTitle(item_r9), " ");
 } }
 function PoListViewComponent_ng_container_4_a_7_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
+    const _r34 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 28);
-    i0.ɵɵlistener("click", function PoListViewComponent_ng_container_4_a_7_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r28); const item_r7 = i0.ɵɵnextContext().$implicit; const ctx_r26 = i0.ɵɵnextContext(); return ctx_r26.runTitleAction(item_r7); });
+    i0.ɵɵlistener("click", function PoListViewComponent_ng_container_4_a_7_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r34); const item_r9 = i0.ɵɵnextContext().$implicit; const ctx_r32 = i0.ɵɵnextContext(); return ctx_r32.runTitleAction(item_r9); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r7 = i0.ɵɵnextContext().$implicit;
-    const ctx_r11 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("routerLink", item_r7[ctx_r11.propertyLink]);
+    const item_r9 = i0.ɵɵnextContext().$implicit;
+    const ctx_r13 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("routerLink", item_r9[ctx_r13.propertyLink]);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r11.getItemTitle(item_r7), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r13.getItemTitle(item_r9), " ");
 } }
 function PoListViewComponent_ng_container_4_span_8_Template(rf, ctx) { if (rf & 1) {
-    const _r31 = i0.ɵɵgetCurrentView();
+    const _r37 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "span", 29);
-    i0.ɵɵlistener("click", function PoListViewComponent_ng_container_4_span_8_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r31); const item_r7 = i0.ɵɵnextContext().$implicit; const ctx_r30 = i0.ɵɵnextContext(); return ctx_r30.titleHasAction && ctx_r30.runTitleAction(item_r7); });
+    i0.ɵɵlistener("click", function PoListViewComponent_ng_container_4_span_8_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r37); const item_r9 = i0.ɵɵnextContext().$implicit; const ctx_r36 = i0.ɵɵnextContext(); return ctx_r36.titleHasAction && ctx_r36.runTitleAction(item_r9); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r7 = i0.ɵɵnextContext().$implicit;
-    const ctx_r12 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("po-list-view-title-link", ctx_r12.titleHasAction);
+    const item_r9 = i0.ɵɵnextContext().$implicit;
+    const ctx_r14 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("po-list-view-title-link", ctx_r14.titleHasAction);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", ctx_r12.getItemTitle(item_r7), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r14.getItemTitle(item_r9), " ");
 } }
 function PoListViewComponent_ng_container_4_div_9_po_button_1_Template(rf, ctx) { if (rf & 1) {
-    const _r37 = i0.ɵɵgetCurrentView();
+    const _r43 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-button", 32);
-    i0.ɵɵlistener("p-click", function PoListViewComponent_ng_container_4_div_9_po_button_1_Template_po_button_p_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r37); const action_r35 = restoredCtx.$implicit; const item_r7 = i0.ɵɵnextContext(2).$implicit; const ctx_r36 = i0.ɵɵnextContext(); return ctx_r36.onClickAction(action_r35, item_r7); });
+    i0.ɵɵlistener("p-click", function PoListViewComponent_ng_container_4_div_9_po_button_1_Template_po_button_p_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r43); const action_r41 = restoredCtx.$implicit; const item_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r42 = i0.ɵɵnextContext(); return ctx_r42.onClickAction(action_r41, item_r9); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    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-kind", action_r35.type);
+    const action_r41 = ctx.$implicit;
+    const item_r9 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r40 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("p-disabled", ctx_r40.returnBooleanValue(action_r41, item_r9))("p-icon", action_r41.icon)("p-label", action_r41.label)("p-kind", action_r41.type);
 } }
 function PoListViewComponent_ng_container_4_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 30);
     i0.ɵɵtemplate(1, PoListViewComponent_ng_container_4_div_9_po_button_1_Template, 1, 4, "po-button", 31);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext(2);
+    const ctx_r15 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r13.visibleActions);
+    i0.ɵɵproperty("ngForOf", ctx_r15.visibleActions);
 } }
 function PoListViewComponent_ng_container_4_div_10_Template(rf, ctx) { if (rf & 1) {
-    const _r43 = i0.ɵɵgetCurrentView();
+    const _r49 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 33)(1, "span", 34, 35);
-    i0.ɵɵlistener("click", function PoListViewComponent_ng_container_4_div_10_Template_span_click_1_listener() { i0.ɵɵrestoreView(_r43); const _r40 = i0.ɵɵreference(2); const item_r7 = i0.ɵɵnextContext().$implicit; const ctx_r41 = i0.ɵɵnextContext(); return ctx_r41.togglePopup(item_r7, _r40); });
+    i0.ɵɵlistener("click", function PoListViewComponent_ng_container_4_div_10_Template_span_click_1_listener() { i0.ɵɵrestoreView(_r49); const _r46 = i0.ɵɵreference(2); const item_r9 = i0.ɵɵnextContext().$implicit; const ctx_r47 = i0.ɵɵnextContext(); return ctx_r47.togglePopup(item_r9, _r46); });
     i0.ɵɵelementEnd()();
 } }
 function PoListViewComponent_ng_container_4_div_11_ng_template_1_Template(rf, ctx) { }
@@ -35417,12 +35699,12 @@ function PoListViewComponent_ng_container_4_div_11_Template(rf, ctx) { if (rf &
     i0.ɵɵtemplate(1, PoListViewComponent_ng_container_4_div_11_ng_template_1_Template, 0, 0, "ng-template", 37);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r45 = i0.ɵɵnextContext();
-    const item_r7 = ctx_r45.$implicit;
-    const index_r8 = ctx_r45.index;
-    const ctx_r15 = i0.ɵɵnextContext();
+    const ctx_r51 = i0.ɵɵnextContext();
+    const item_r9 = ctx_r51.$implicit;
+    const index_r10 = ctx_r51.index;
+    const ctx_r17 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r15.listViewContentTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c1$7, item_r7, index_r8));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r17.listViewContentTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c1$7, item_r9, index_r10));
 } }
 function PoListViewComponent_ng_container_4_div_12_ng_template_1_Template(rf, ctx) { }
 function PoListViewComponent_ng_container_4_div_12_Template(rf, ctx) { if (rf & 1) {
@@ -35430,48 +35712,48 @@ function PoListViewComponent_ng_container_4_div_12_Template(rf, ctx) { if (rf &
     i0.ɵɵtemplate(1, PoListViewComponent_ng_container_4_div_12_ng_template_1_Template, 0, 0, "ng-template", 37);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r47 = i0.ɵɵnextContext();
-    const item_r7 = ctx_r47.$implicit;
-    const index_r8 = ctx_r47.index;
-    const ctx_r16 = i0.ɵɵnextContext();
+    const ctx_r53 = i0.ɵɵnextContext();
+    const item_r9 = ctx_r53.$implicit;
+    const index_r10 = ctx_r53.index;
+    const ctx_r18 = i0.ɵɵnextContext();
     i0.ɵɵproperty("@showHideDetail", undefined);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r16.listViewDetailTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c1$7, item_r7, index_r8));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r18.listViewDetailTemplate.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c1$7, item_r9, index_r10));
 } }
 function PoListViewComponent_ng_container_4_div_13_Template(rf, ctx) { if (rf & 1) {
-    const _r50 = i0.ɵɵgetCurrentView();
+    const _r56 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 39)(1, "span", 40);
-    i0.ɵɵlistener("click", function PoListViewComponent_ng_container_4_div_13_Template_span_click_1_listener() { i0.ɵɵrestoreView(_r50); const item_r7 = i0.ɵɵnextContext().$implicit; return item_r7.$showDetail = !item_r7.$showDetail; });
+    i0.ɵɵlistener("click", function PoListViewComponent_ng_container_4_div_13_Template_span_click_1_listener() { i0.ɵɵrestoreView(_r56); const item_r9 = i0.ɵɵnextContext().$implicit; return item_r9.$showDetail = !item_r9.$showDetail; });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r7 = i0.ɵɵnextContext().$implicit;
-    const ctx_r17 = i0.ɵɵnextContext();
+    const item_r9 = i0.ɵɵnextContext().$implicit;
+    const ctx_r19 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", item_r7.$showDetail ? ctx_r17.literals.hideDetails : ctx_r17.literals.showDetails, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r9.$showDetail ? ctx_r19.literals.hideDetails : ctx_r19.literals.showDetails, " ");
 } }
 function PoListViewComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 12)(2, "div", 14)(3, "div", 15)(4, "div", 16);
-    i0.ɵɵtemplate(5, PoListViewComponent_ng_container_4_div_5_Template, 3, 2, "div", 17);
-    i0.ɵɵtemplate(6, PoListViewComponent_ng_container_4_a_6_Template, 2, 2, "a", 18);
-    i0.ɵɵtemplate(7, PoListViewComponent_ng_container_4_a_7_Template, 2, 2, "a", 19);
-    i0.ɵɵtemplate(8, PoListViewComponent_ng_container_4_span_8_Template, 2, 3, "span", 20);
+    i0.ɵɵelementStart(1, "div", 11)(2, "div", 13)(3, "div", 14)(4, "div", 15);
+    i0.ɵɵtemplate(5, PoListViewComponent_ng_container_4_div_5_Template, 2, 1, "div", 16);
+    i0.ɵɵtemplate(6, PoListViewComponent_ng_container_4_a_6_Template, 2, 2, "a", 17);
+    i0.ɵɵtemplate(7, PoListViewComponent_ng_container_4_a_7_Template, 2, 2, "a", 18);
+    i0.ɵɵtemplate(8, PoListViewComponent_ng_container_4_span_8_Template, 2, 3, "span", 19);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(9, PoListViewComponent_ng_container_4_div_9_Template, 2, 1, "div", 21);
-    i0.ɵɵtemplate(10, PoListViewComponent_ng_container_4_div_10_Template, 3, 0, "div", 22);
+    i0.ɵɵtemplate(9, PoListViewComponent_ng_container_4_div_9_Template, 2, 1, "div", 20);
+    i0.ɵɵtemplate(10, PoListViewComponent_ng_container_4_div_10_Template, 3, 0, "div", 21);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(11, PoListViewComponent_ng_container_4_div_11_Template, 2, 5, "div", 23);
-    i0.ɵɵtemplate(12, PoListViewComponent_ng_container_4_div_12_Template, 2, 6, "div", 24);
+    i0.ɵɵtemplate(11, PoListViewComponent_ng_container_4_div_11_Template, 2, 5, "div", 22);
+    i0.ɵɵtemplate(12, PoListViewComponent_ng_container_4_div_12_Template, 2, 6, "div", 23);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(13, PoListViewComponent_ng_container_4_div_13_Template, 3, 1, "div", 25);
+    i0.ɵɵtemplate(13, PoListViewComponent_ng_container_4_div_13_Template, 3, 1, "div", 24);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const item_r7 = ctx.$implicit;
+    const item_r9 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngSwitch", ctx_r2.checkTitleType(item_r7));
+    i0.ɵɵproperty("ngSwitch", ctx_r2.checkTitleType(item_r9));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r2.select);
     i0.ɵɵadvance(1);
@@ -35487,14 +35769,14 @@ function PoListViewComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r2.hasContentTemplate);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r2.hasDetailTemplate && item_r7.$showDetail);
+    i0.ɵɵproperty("ngIf", ctx_r2.hasDetailTemplate && item_r9.$showDetail);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r2.hasDetailTemplate);
 } }
 function PoListViewComponent_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r53 = i0.ɵɵgetCurrentView();
+    const _r59 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 41)(1, "po-button", 42);
-    i0.ɵɵlistener("p-click", function PoListViewComponent_div_5_Template_po_button_p_click_1_listener() { i0.ɵɵrestoreView(_r53); const ctx_r52 = i0.ɵɵnextContext(); return ctx_r52.onShowMore(); });
+    i0.ɵɵlistener("p-click", function PoListViewComponent_div_5_Template_po_button_p_click_1_listener() { i0.ɵɵrestoreView(_r59); const ctx_r58 = i0.ɵɵnextContext(); return ctx_r58.onShowMore(); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
@@ -35610,9 +35892,9 @@ 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-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) {
+    } }, 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"], ["name", "selectAll", 3, "ngModel", "p-label", "ngModelChange", "p-change", "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"], ["name", "checkbox", 3, "ngModel", "ngModelChange", "p-change", "click"], ["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.ɵɵtemplate(1, PoListViewComponent_div_1_Template, 4, 2, "div", 0);
         i0.ɵɵelementStart(2, "div", 1);
         i0.ɵɵtemplate(3, PoListViewComponent_div_3_Template, 4, 1, "div", 2);
         i0.ɵɵtemplate(4, PoListViewComponent_ng_container_4_Template, 14, 10, "ng-container", 3);
@@ -35632,7 +35914,7 @@ PoListViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoListV
         i0.ɵɵproperty("ngIf", ctx.displayShowMoreButton);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("p-actions", ctx.actions)("p-target", ctx.popupTarget);
-    } }, directives: [i1.NgIf, i1.NgForOf, i1.NgSwitch, i1.NgSwitchCase, i2.RouterLinkWithHref, PoButtonComponent, i1.NgTemplateOutlet, PoPopupComponent], encapsulation: 2, data: { animation: [
+    } }, directives: [i1.NgIf, PoCheckboxComponent, i3.NgControlStatus, i3.NgModel, i1.NgForOf, i1.NgSwitch, i1.NgSwitchCase, i2.RouterLinkWithHref, PoButtonComponent, i1.NgTemplateOutlet, PoPopupComponent], encapsulation: 2, data: { animation: [
             trigger('showHideDetail', [
                 state('*', style({ 'overflow-y': 'visible' })),
                 state('void', style({ 'overflow-y': 'hidden' })),
@@ -35649,7 +35931,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-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" }]
+                ], 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        <po-checkbox\n          name=\"selectAll\"\n          [(ngModel)]=\"selectAll\"\n          [p-label]=\"literals.selectAll\"\n          (p-change)=\"selectAllListItems()\"\n          (click)=\"selectAllListItems()\"\n        ></po-checkbox>\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                <po-checkbox\n                  [(ngModel)]=\"item.$selected\"\n                  name=\"checkbox\"\n                  (p-change)=\"selectListItem(item)\"\n                  (click)=\"selectListItem(item)\"\n                ></po-checkbox>\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 }]
@@ -35696,18 +35978,18 @@ class PoListViewModule {
 }
 PoListViewModule.ɵfac = function PoListViewModule_Factory(t) { return new (t || PoListViewModule)(); };
 PoListViewModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PoListViewModule });
-PoListViewModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], imports: [[CommonModule, RouterModule, PoButtonModule, PoPopupModule]] });
+PoListViewModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [], imports: [[CommonModule, FormsModule, RouterModule, PoButtonModule, PoPopupModule, PoCheckboxModule]] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoListViewModule, [{
         type: NgModule,
         args: [{
-                imports: [CommonModule, RouterModule, PoButtonModule, PoPopupModule],
+                imports: [CommonModule, FormsModule, RouterModule, PoButtonModule, PoPopupModule, PoCheckboxModule],
                 declarations: [PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailTemplateDirective],
                 exports: [PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailTemplateDirective],
                 providers: [],
                 schemas: []
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoListViewModule, { declarations: [PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailTemplateDirective], imports: [CommonModule, RouterModule, PoButtonModule, PoPopupModule], exports: [PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailTemplateDirective] }); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoListViewModule, { declarations: [PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailTemplateDirective], imports: [CommonModule, FormsModule, RouterModule, PoButtonModule, PoPopupModule, PoCheckboxModule], exports: [PoListViewComponent, PoListViewContentTemplateDirective, PoListViewDetailTemplateDirective] }); })();
 
 const PO_BADGE_COLORS = [
     'color-01',
@@ -45734,5 +46016,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, 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 };
+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, PoRadioComponent, 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