@po-ui/ng-components 18.4.0 → 18.6.0

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

@@ -424,7 +424,7 @@ const PhosphorIconDictionary = {
     ICON_WORLD: 'ph ph-globe-simple'
 };
 
-const _c0$1J = ["*"];
+const _c0$1K = ["*"];
 function PoIconComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -524,7 +524,7 @@ class PoIconComponent {
         return iconName.includes(' ') ? iconName.split(' ') : iconName;
     }
     static ɵfac = function PoIconComponent_Factory(t) { return new (t || PoIconComponent)(i0.ɵɵdirectiveInject(ICONS_DICTIONARY, 8)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoIconComponent, selectors: [["po-icon"]], inputs: { icon: [0, "p-icon", "icon"] }, ngContentSelectors: _c0$1J, decls: 3, vars: 3, consts: [["fontTemplate", ""], [4, "ngIf", "ngIfThen", "ngIfElse"], ["aria-hidden", "true"]], template: function PoIconComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoIconComponent, selectors: [["po-icon"]], inputs: { icon: [0, "p-icon", "icon"] }, ngContentSelectors: _c0$1K, decls: 3, vars: 3, consts: [["fontTemplate", ""], [4, "ngIf", "ngIfThen", "ngIfElse"], ["aria-hidden", "true"]], template: function PoIconComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, PoIconComponent_ng_container_0_Template, 1, 0, "ng-container", 1)(1, PoIconComponent_ng_template_1_Template, 2, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
@@ -2563,7 +2563,7 @@ class PoTooltipDirective extends PoTooltipBaseDirective {
             args: ['keydown', ['$event']]
         }] }); })();
 
-const _c0$1I = ["tagContainer"];
+const _c0$1J = ["tagContainer"];
 const _c1$I = ["tagClose"];
 const _c2$l = ["poTag"];
 const _c3$g = a0 => ({ "color": a0 });
@@ -2694,7 +2694,7 @@ class PoTagComponent extends PoTagBaseComponent {
     }
     static ɵfac = function PoTagComponent_Factory(t) { return new (t || PoTagComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(PoLanguageService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTagComponent, selectors: [["po-tag"]], viewQuery: function PoTagComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1I, 7);
+            i0.ɵɵviewQuery(_c0$1J, 7);
             i0.ɵɵviewQuery(_c1$I, 7);
             i0.ɵɵviewQuery(_c2$l, 7);
         } if (rf & 2) {
@@ -2795,7 +2795,7 @@ class PoTagModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoTagModule, { declarations: [PoTagComponent], imports: [CommonModule, PoIconModule, PoTooltipModule], exports: [PoTagComponent] }); })();
 
-const _c0$1H = ["*"];
+const _c0$1I = ["*"];
 function PoAccordionItemBodyComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
     i0.ɵɵprojection(2);
@@ -2806,7 +2806,7 @@ function PoAccordionItemBodyComponent_div_0_Template(rf, ctx) { if (rf & 1) {
 class PoAccordionItemBodyComponent {
     expanded = false;
     static ɵfac = function PoAccordionItemBodyComponent_Factory(t) { return new (t || PoAccordionItemBodyComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoAccordionItemBodyComponent, selectors: [["po-accordion-item-body"]], inputs: { expanded: [0, "p-expanded", "expanded"] }, ngContentSelectors: _c0$1H, 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) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoAccordionItemBodyComponent, selectors: [["po-accordion-item-body"]], inputs: { expanded: [0, "p-expanded", "expanded"] }, ngContentSelectors: _c0$1I, 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) {
@@ -2849,7 +2849,7 @@ class PoLanguageModule {
             }]
     }], null, null); })();
 
-const _c0$1G = ["accordionElement"];
+const _c0$1H = ["accordionElement"];
 function PoAccordionItemHeaderComponent_po_tag_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-tag", 7);
 } if (rf & 2) {
@@ -2874,7 +2874,7 @@ class PoAccordionItemHeaderComponent {
     }
     static ɵfac = function PoAccordionItemHeaderComponent_Factory(t) { return new (t || PoAccordionItemHeaderComponent)(i0.ɵɵdirectiveInject(PoLanguageService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoAccordionItemHeaderComponent, selectors: [["po-accordion-item-header"]], viewQuery: function PoAccordionItemHeaderComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1G, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$1H, 7, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.accordionElement = _t.first);
@@ -2951,7 +2951,7 @@ class PoAccordionService {
         type: Injectable
     }], null, null); })();
 
-const _c0$1F = ["*"];
+const _c0$1G = ["*"];
 function PoAccordionItemComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
@@ -3083,7 +3083,7 @@ class PoAccordionItemComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templateRef = _t.first);
-        } }, inputs: { label: [0, "p-label", "label"], labelTag: [0, "p-label-tag", "labelTag"], disabledItem: [2, "p-disabled", "disabledItem", convertToBoolean], typeTag: [0, "p-type-tag", "typeTag"] }, outputs: { expandEvent: "p-expand", collapseEvent: "p-collapse" }, features: [i0.ɵɵInputTransformsFeature], ngContentSelectors: _c0$1F, decls: 1, vars: 0, template: function PoAccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { label: [0, "p-label", "label"], labelTag: [0, "p-label-tag", "labelTag"], disabledItem: [2, "p-disabled", "disabledItem", convertToBoolean], typeTag: [0, "p-type-tag", "typeTag"] }, outputs: { expandEvent: "p-expand", collapseEvent: "p-collapse" }, features: [i0.ɵɵInputTransformsFeature], ngContentSelectors: _c0$1G, 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 });
@@ -3953,7 +3953,7 @@ const PoBadgeLiteralsDefault = {
     }
 };
 
-const _c0$1E = a0 => ({ "background-color": a0 });
+const _c0$1F = a0 => ({ "background-color": a0 });
 const _c1$H = () => ({});
 function PoBadgeComponent_po_icon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-icon", 3);
@@ -4095,7 +4095,7 @@ class PoBadgeComponent extends PoBadgeBaseComponent {
         } if (rf & 2) {
             i0.ɵɵclassMapInterpolate2("", ctx.getChangeStyle(), " po-badge po-badge-", ctx.size ? ctx.size : "medium", "");
             i0.ɵɵclassProp("po-badge-notification", ctx.isNotification && !ctx.status)("po-badge-border", ctx.showBorder);
-            i0.ɵɵproperty("ariaLabel", ctx.notificationLabel)("ngStyle", ctx.customColor && !ctx.status ? i0.ɵɵpureFunction1(13, _c0$1E, ctx.customColor) : i0.ɵɵpureFunction0(15, _c1$H));
+            i0.ɵɵproperty("ariaLabel", ctx.notificationLabel)("ngStyle", ctx.customColor && !ctx.status ? i0.ɵɵpureFunction1(13, _c0$1F, ctx.customColor) : i0.ɵɵpureFunction0(15, _c1$H));
             i0.ɵɵattribute("data-status", ctx.status);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNotification && ctx.size !== "small" && ctx.badgeIcon && ctx.status !== "disabled");
@@ -5131,10 +5131,10 @@ class PoOverlayBaseComponent {
             args: [{ alias: 'p-screen-lock', transform: convertToBoolean }]
         }] }); })();
 
-const _c0$1D = ["*"];
+const _c0$1E = ["*"];
 class PoOverlayComponent extends PoOverlayBaseComponent {
     static ɵfac = /*@__PURE__*/ (() => { let ɵPoOverlayComponent_BaseFactory; return function PoOverlayComponent_Factory(t) { return (ɵPoOverlayComponent_BaseFactory || (ɵPoOverlayComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PoOverlayComponent)))(t || PoOverlayComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoOverlayComponent, selectors: [["po-overlay"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$1D, decls: 3, vars: 2, consts: [["role", "alert", "aria-busy", "true", 1, "po-overlay"], [1, "po-overlay-content"]], template: function PoOverlayComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoOverlayComponent, selectors: [["po-overlay"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$1E, decls: 3, vars: 2, consts: [["role", "alert", "aria-busy", "true", 1, "po-overlay"], [1, "po-overlay-content"]], template: function PoOverlayComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵprojection(2);
@@ -5961,7 +5961,7 @@ class PoLabelComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoLabelComponent, { className: "PoLabelComponent", filePath: "lib/components/po-label/po-label.component.ts", lineNumber: 14 }); })();
 
-const _c0$1C = ["checkboxLabel"];
+const _c0$1D = ["checkboxLabel"];
 function PoCheckboxComponent_po_label_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-label", 5);
 } if (rf & 2) {
@@ -6049,7 +6049,7 @@ class PoCheckboxComponent extends PoCheckboxBaseComponent {
     }
     static ɵfac = function PoCheckboxComponent_Factory(t) { return new (t || PoCheckboxComponent)(i0.ɵɵdirectiveInject(ICONS_DICTIONARY, 8), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoCheckboxComponent, selectors: [["po-checkbox"]], viewQuery: function PoCheckboxComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1C, 7);
+            i0.ɵɵviewQuery(_c0$1D, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxLabel = _t.first);
@@ -6099,7 +6099,7 @@ class PoCheckboxComponent extends PoCheckboxBaseComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoCheckboxComponent, { className: "PoCheckboxComponent", filePath: "lib/components/po-field/po-checkbox/po-checkbox.component.ts", lineNumber: 51 }); })();
 
-const _c0$1B = ["itemList"];
+const _c0$1C = ["itemList"];
 const _c1$G = a0 => ({ $implicit: a0 });
 function PoItemListComponent_div_1_po_icon_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-icon", 8);
@@ -6255,7 +6255,7 @@ class PoItemListComponent extends PoItemListBaseComponent {
     }
     static ɵfac = function PoItemListComponent_Factory(t) { return new (t || PoItemListComponent)(i0.ɵɵdirectiveInject(i1$1.DomSanitizer)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoItemListComponent, selectors: [["po-item-list"]], viewQuery: function PoItemListComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1B, 7);
+            i0.ɵɵviewQuery(_c0$1C, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.itemList = _t.first);
@@ -6281,7 +6281,7 @@ class PoItemListComponent extends PoItemListBaseComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoItemListComponent, { className: "PoItemListComponent", filePath: "lib/components/po-listbox/po-item-list/po-item-list.component.ts", lineNumber: 13 }); })();
 
-const _c0$1A = ["inputElement"];
+const _c0$1B = ["inputElement"];
 /**
  * @docsPrivate
  *
@@ -6337,7 +6337,7 @@ class PoSearchListComponent {
     }
     static ɵfac = function PoSearchListComponent_Factory(t) { return new (t || PoSearchListComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoSearchListComponent, selectors: [["po-search-list"]], viewQuery: function PoSearchListComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1A, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$1B, 7, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputElement = _t.first);
@@ -6375,7 +6375,7 @@ class PoSearchListComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoSearchListComponent, { className: "PoSearchListComponent", filePath: "lib/components/po-listbox/po-search-list/po-search-list.component.ts", lineNumber: 25 }); })();
 
-const _c0$1z = ["listbox"];
+const _c0$1A = ["listbox"];
 const _c1$F = ["listboxItemList"];
 const _c2$k = ["searchElement"];
 const _c3$f = [[["", "p-popup-header-template", ""]]];
@@ -6687,7 +6687,7 @@ class PoListBoxComponent extends PoListBoxBaseComponent {
     }
     static ɵfac = function PoListBoxComponent_Factory(t) { return new (t || PoListBoxComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoListBoxComponent, selectors: [["po-listbox"]], viewQuery: function PoListBoxComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1z, 7);
+            i0.ɵɵviewQuery(_c0$1A, 7);
             i0.ɵɵviewQuery(_c1$F, 5);
             i0.ɵɵviewQuery(_c2$k, 5);
         } if (rf & 2) {
@@ -6729,7 +6729,7 @@ class PoListBoxComponent extends PoListBoxBaseComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoListBoxComponent, { className: "PoListBoxComponent", filePath: "lib/components/po-listbox/po-listbox.component.ts", lineNumber: 27 }); })();
 
-const _c0$1y = ["popupRef"];
+const _c0$1z = ["popupRef"];
 const _c1$E = ["listbox"];
 const _c2$j = ["poListBoxRef"];
 const _c3$e = [[["", "p-popup-header-template", ""]]];
@@ -6921,7 +6921,7 @@ class PoPopupComponent extends PoPopupBaseComponent {
     }
     static ɵ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)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPopupComponent, selectors: [["po-popup"]], viewQuery: function PoPopupComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1y, 5, ElementRef);
+            i0.ɵɵviewQuery(_c0$1z, 5, ElementRef);
             i0.ɵɵviewQuery(_c1$E, 5, ElementRef);
             i0.ɵɵviewQuery(_c2$j, 5);
         } if (rf & 2) {
@@ -7123,7 +7123,7 @@ class PoBreadcrumbFavoriteComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoBreadcrumbFavoriteComponent, { className: "PoBreadcrumbFavoriteComponent", filePath: "lib/components/po-breadcrumb/po-breadcrumb-favorite/po-breadcrumb-favorite.component.ts", lineNumber: 41 }); })();
 
-const _c0$1x = ["breadcrumb"];
+const _c0$1y = ["breadcrumb"];
 const _c1$D = ["dropdownIcon"];
 const _c2$i = ["target"];
 const _c3$d = ["popup"];
@@ -7391,7 +7391,7 @@ class PoBreadcrumbComponent extends PoBreadcrumbBaseComponent {
     }
     static ɵfac = function PoBreadcrumbComponent_Factory(t) { return new (t || PoBreadcrumbComponent)(i0.ɵɵdirectiveInject(i0.IterableDiffers), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(PoLanguageService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoBreadcrumbComponent, selectors: [["po-breadcrumb"]], viewQuery: function PoBreadcrumbComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1x, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$1y, 7, ElementRef);
             i0.ɵɵviewQuery(_c1$D, 5, ElementRef);
             i0.ɵɵviewQuery(_c2$i, 5, ElementRef);
             i0.ɵɵviewQuery(_c3$d, 5);
@@ -7843,7 +7843,7 @@ class PoButtonBaseComponent {
             args: ['p-aria-label']
         }] }); })();
 
-const _c0$1w = ["button"];
+const _c0$1x = ["button"];
 function PoButtonComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 6);
     i0.ɵɵelement(1, "po-loading-icon", 7);
@@ -7917,7 +7917,7 @@ class PoButtonComponent extends PoButtonBaseComponent {
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵPoButtonComponent_BaseFactory; return function PoButtonComponent_Factory(t) { return (ɵPoButtonComponent_BaseFactory || (ɵPoButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PoButtonComponent)))(t || PoButtonComponent); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoButtonComponent, selectors: [["po-button"]], viewQuery: function PoButtonComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1w, 7);
+            i0.ɵɵviewQuery(_c0$1x, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.buttonElement = _t.first);
@@ -8840,7 +8840,7 @@ class PoCalendarLangService {
             }]
     }], null, null); })();
 
-const _c0$1v = ["*"];
+const _c0$1w = ["*"];
 function PoCalendarHeaderComponent_po_icon_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-icon", 4);
@@ -8860,7 +8860,7 @@ class PoCalendarHeaderComponent {
     next = new EventEmitter();
     constructor() { }
     static ɵfac = function PoCalendarHeaderComponent_Factory(t) { return new (t || PoCalendarHeaderComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoCalendarHeaderComponent, selectors: [["po-calendar-header"]], inputs: { hidePrevious: [0, "p-hide-previous", "hidePrevious"], hideNext: [0, "p-hide-next", "hideNext"] }, outputs: { previous: "p-previous", next: "p-next" }, ngContentSelectors: _c0$1v, decls: 5, vars: 2, consts: [[1, "po-calendar-header"], ["p-icon", "ICON_ARROW_LEFT", "class", "po-calendar-header-left", 3, "click", 4, "ngIf"], ["attr-calendar", "", 1, "po-calendar-header-title"], ["p-icon", "ICON_ARROW_RIGHT", "class", "po-calendar-header-right", 3, "click", 4, "ngIf"], ["p-icon", "ICON_ARROW_LEFT", 1, "po-calendar-header-left", 3, "click"], ["p-icon", "ICON_ARROW_RIGHT", 1, "po-calendar-header-right", 3, "click"]], template: function PoCalendarHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoCalendarHeaderComponent, selectors: [["po-calendar-header"]], inputs: { hidePrevious: [0, "p-hide-previous", "hidePrevious"], hideNext: [0, "p-hide-next", "hideNext"] }, outputs: { previous: "p-previous", next: "p-next" }, ngContentSelectors: _c0$1w, decls: 5, vars: 2, consts: [[1, "po-calendar-header"], ["p-icon", "ICON_ARROW_LEFT", "class", "po-calendar-header-left", 3, "click", 4, "ngIf"], ["attr-calendar", "", 1, "po-calendar-header-title"], ["p-icon", "ICON_ARROW_RIGHT", "class", "po-calendar-header-right", 3, "click", 4, "ngIf"], ["p-icon", "ICON_ARROW_LEFT", 1, "po-calendar-header-left", 3, "click"], ["p-icon", "ICON_ARROW_RIGHT", 1, "po-calendar-header-right", 3, "click"]], template: function PoCalendarHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, PoCalendarHeaderComponent_po_icon_1_Template, 1, 0, "po-icon", 1);
@@ -9355,7 +9355,7 @@ class PoCalendarWrapperComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoCalendarWrapperComponent, { className: "PoCalendarWrapperComponent", filePath: "lib/components/po-calendar/po-calendar-wrapper/po-calendar-wrapper.component.ts", lineNumber: 16 }); })();
 
-const _c0$1u = () => ({ partType: "start" });
+const _c0$1v = () => ({ partType: "start" });
 const _c1$C = () => ({ partType: "end" });
 function PoCalendarComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -9384,7 +9384,7 @@ function PoCalendarComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     const ctx_r1 = i0.ɵɵnextContext();
     const calendarWrapper_r1 = i0.ɵɵreference(6);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", calendarWrapper_r1)("ngTemplateOutletContext", i0.ɵɵpureFunction0(3, _c0$1u));
+    i0.ɵɵproperty("ngTemplateOutlet", calendarWrapper_r1)("ngTemplateOutletContext", i0.ɵɵpureFunction0(3, _c0$1v));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !ctx_r1.isResponsive);
 } }
@@ -9824,7 +9824,7 @@ class PoChartMathsService {
             }]
     }], null, null); })();
 
-const _c0$1t = ["chartLine"];
+const _c0$1u = ["chartLine"];
 class PoChartLineBaseComponent {
     mathsService;
     renderer;
@@ -9963,7 +9963,7 @@ class PoChartLineBaseComponent {
     }
     static ɵfac = function PoChartLineBaseComponent_Factory(t) { return new (t || PoChartLineBaseComponent)(i0.ɵɵdirectiveInject(PoChartMathsService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoChartLineBaseComponent, viewQuery: function PoChartLineBaseComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1t, 5);
+            i0.ɵɵviewQuery(_c0$1u, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chartLine = _t.first);
@@ -10003,7 +10003,7 @@ class PoChartLineBaseComponent {
             args: ['p-series']
         }] }); })();
 
-const _c0$1s = ["chartPath"];
+const _c0$1t = ["chartPath"];
 const _c1$B = ["po-chart-path", ""];
 const pathDashoffsetDefaultWidth = 0;
 class PoChartPathComponent {
@@ -10049,7 +10049,7 @@ class PoChartPathComponent {
     }
     static ɵfac = function PoChartPathComponent_Factory(t) { return new (t || PoChartPathComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartPathComponent, selectors: [["", "po-chart-path", ""]], viewQuery: function PoChartPathComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1s, 7);
+            i0.ɵɵviewQuery(_c0$1t, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chartPath = _t.first);
@@ -10086,7 +10086,7 @@ class PoChartPathComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoChartPathComponent, { className: "PoChartPathComponent", filePath: "lib/components/po-chart/po-chart-container/po-chart-line/po-chart-path/po-chart-path.component.ts", lineNumber: 11 }); })();
 
-const _c0$1r = ["po-chart-series-point", ""];
+const _c0$1s = ["po-chart-series-point", ""];
 function PoChartSeriesPointComponent__svg_circle_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -10172,7 +10172,7 @@ class PoChartSeriesPointComponent {
         }
     }
     static ɵfac = function PoChartSeriesPointComponent_Factory(t) { return new (t || PoChartSeriesPointComponent)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartSeriesPointComponent, selectors: [["", "po-chart-series-point", ""]], inputs: { animate: [0, "p-animate", "animate"], isActive: [2, "p-is-active", "isActive", convertToBoolean], chartLine: [2, "p-chart-line", "chartLine", convertToBoolean], relativeTo: [0, "p-relative-to", "relativeTo"], color: [0, "p-color", "color"], coordinates: [0, "p-coordinates", "coordinates"] }, outputs: { pointClick: "p-point-click", pointHover: "p-point-hover" }, features: [i0.ɵɵInputTransformsFeature], attrs: _c0$1r, 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, "click", "mouseenter", "mouseleave", "p-tooltip", "p-append-in-body", "p-display-tooltip"]], template: function PoChartSeriesPointComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartSeriesPointComponent, selectors: [["", "po-chart-series-point", ""]], inputs: { animate: [0, "p-animate", "animate"], isActive: [2, "p-is-active", "isActive", convertToBoolean], chartLine: [2, "p-chart-line", "chartLine", convertToBoolean], relativeTo: [0, "p-relative-to", "relativeTo"], color: [0, "p-color", "color"], coordinates: [0, "p-coordinates", "coordinates"] }, outputs: { pointClick: "p-point-click", pointHover: "p-point-hover" }, features: [i0.ɵɵInputTransformsFeature], attrs: _c0$1s, 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, "click", "mouseenter", "mouseleave", "p-tooltip", "p-append-in-body", "p-display-tooltip"]], 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) {
@@ -10209,7 +10209,7 @@ class PoChartSeriesPointComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoChartSeriesPointComponent, { className: "PoChartSeriesPointComponent", filePath: "lib/components/po-chart/po-chart-container/po-chart-line/po-chart-series-point/po-chart-series-point.component.ts", lineNumber: 17 }); })();
 
-const _c0$1q = ["po-chart-area", ""];
+const _c0$1r = ["po-chart-area", ""];
 function PoChartAreaComponent__svg_g_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -10296,7 +10296,7 @@ class PoChartAreaComponent extends PoChartLineBaseComponent {
         return undefined;
     }
     static ɵfac = function PoChartAreaComponent_Factory(t) { return new (t || PoChartAreaComponent)(i0.ɵɵdirectiveInject(PoChartMathsService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAreaComponent, selectors: [["", "po-chart-area", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1q, 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-point-click", "p-point-hover", "p-animate", "p-chart-line", "p-color", "p-coordinates", "p-is-active", "p-relative-to"]], template: function PoChartAreaComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAreaComponent, selectors: [["", "po-chart-area", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1r, 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-point-click", "p-point-hover", "p-animate", "p-chart-line", "p-color", "p-coordinates", "p-is-active", "p-relative-to"]], 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);
@@ -10312,7 +10312,7 @@ class PoChartAreaComponent extends PoChartLineBaseComponent {
     }], () => [{ type: PoChartMathsService }, { type: i0.Renderer2 }, { type: i0.ElementRef }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoChartAreaComponent, { className: "PoChartAreaComponent", filePath: "lib/components/po-chart/po-chart-container/po-chart-line/po-chart-area/po-chart-area.component.ts", lineNumber: 15 }); })();
 
-const _c0$1p = ["po-chart-axis-path", ""];
+const _c0$1q = ["po-chart-axis-path", ""];
 function PoChartAxisPathComponent__svg_path_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelement(0, "path", 1);
@@ -10335,7 +10335,7 @@ class PoChartAxisPathComponent {
         return index;
     }
     static ɵfac = function PoChartAxisPathComponent_Factory(t) { return new (t || PoChartAxisPathComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAxisPathComponent, selectors: [["", "po-chart-axis-path", ""]], inputs: { axisXCoordinates: [0, "p-axis-x-coordinates", "axisXCoordinates"], axisYCoordinates: [0, "p-axis-y-coordinates", "axisYCoordinates"] }, attrs: _c0$1p, 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) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAxisPathComponent, selectors: [["", "po-chart-axis-path", ""]], inputs: { axisXCoordinates: [0, "p-axis-x-coordinates", "axisXCoordinates"], axisYCoordinates: [0, "p-axis-y-coordinates", "axisYCoordinates"] }, attrs: _c0$1q, 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);
@@ -10362,7 +10362,7 @@ class PoChartAxisPathComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoChartAxisPathComponent, { className: "PoChartAxisPathComponent", filePath: "lib/components/po-chart/po-chart-container/po-chart-axis/po-chart-axis-path/po-chart-axis-path.component.ts", lineNumber: 9 }); })();
 
-const _c0$1o = ["po-chart-axis-label", ""];
+const _c0$1p = ["po-chart-axis-label", ""];
 function PoChartAxisLabelComponent__svg_text_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(0, "text", 2);
@@ -10397,7 +10397,7 @@ class PoChartAxisLabelComponent {
         return index;
     }
     static ɵfac = function PoChartAxisLabelComponent_Factory(t) { return new (t || PoChartAxisLabelComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAxisLabelComponent, selectors: [["", "po-chart-axis-label", ""]], inputs: { alignByTheCorners: [0, "p-align-by-the-corners", "alignByTheCorners"], axisXLabelCoordinates: [0, "p-axis-x-label-coordinates", "axisXLabelCoordinates"], axisYLabelCoordinates: [0, "p-axis-y-label-coordinates", "axisYLabelCoordinates"], type: [0, "p-type", "type"] }, attrs: _c0$1o, 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) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAxisLabelComponent, selectors: [["", "po-chart-axis-label", ""]], inputs: { alignByTheCorners: [0, "p-align-by-the-corners", "alignByTheCorners"], axisXLabelCoordinates: [0, "p-axis-x-label-coordinates", "axisXLabelCoordinates"], axisYLabelCoordinates: [0, "p-axis-y-label-coordinates", "axisYLabelCoordinates"], type: [0, "p-type", "type"] }, attrs: _c0$1p, 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);
@@ -10430,7 +10430,7 @@ class PoChartAxisLabelComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoChartAxisLabelComponent, { className: "PoChartAxisLabelComponent", filePath: "lib/components/po-chart/po-chart-container/po-chart-axis/po-chart-axis-label/po-chart-axis-label.component.ts", lineNumber: 10 }); })();
 
-const _c0$1n = ["po-chart-axis", ""];
+const _c0$1o = ["po-chart-axis", ""];
 class PoChartAxisComponent {
     mathsService;
     alignByTheCorners = false;
@@ -10702,7 +10702,7 @@ class PoChartAxisComponent {
         });
     }
     static ɵfac = function PoChartAxisComponent_Factory(t) { return new (t || PoChartAxisComponent)(i0.ɵɵdirectiveInject(PoChartMathsService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAxisComponent, selectors: [["", "po-chart-axis", ""]], inputs: { alignByTheCorners: [0, "p-align-by-the-corners", "alignByTheCorners"], type: [0, "p-type", "type"], range: [0, "p-range", "range"], series: [0, "p-series", "series"], categories: [0, "p-categories", "categories"], containerSize: [0, "p-container-size", "containerSize"], axisOptions: [0, "p-options", "axisOptions"] }, outputs: { categoriesCoordinates: "p-categories-coordinates" }, attrs: _c0$1n, 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) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartAxisComponent, selectors: [["", "po-chart-axis", ""]], inputs: { alignByTheCorners: [0, "p-align-by-the-corners", "alignByTheCorners"], type: [0, "p-type", "type"], range: [0, "p-range", "range"], series: [0, "p-series", "series"], categories: [0, "p-categories", "categories"], containerSize: [0, "p-container-size", "containerSize"], axisOptions: [0, "p-options", "axisOptions"] }, outputs: { categoriesCoordinates: "p-categories-coordinates" }, attrs: _c0$1o, 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) {
@@ -10845,7 +10845,7 @@ class PoChartBarBaseComponent {
             args: ['p-series']
         }] }); })();
 
-const _c0$1m = ["po-chart-bar-path", ""];
+const _c0$1n = ["po-chart-bar-path", ""];
 function PoChartBarPathComponent__svg_path_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -10878,7 +10878,7 @@ class PoChartBarPathComponent {
         this.barHover.emit(selectedItem);
     }
     static ɵfac = function PoChartBarPathComponent_Factory(t) { return new (t || PoChartBarPathComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartBarPathComponent, selectors: [["", "po-chart-bar-path", ""]], inputs: { color: [0, "p-color", "color"], coordinates: [0, "p-coordinates", "coordinates"], tooltipPosition: [0, "p-tooltip-position", "tooltipPosition"] }, outputs: { barClick: "p-bar-click", barHover: "p-bar-hover" }, attrs: _c0$1m, 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, "mouseenter", "click", "p-tooltip", "p-tooltip-position", "p-append-in-body"]], template: function PoChartBarPathComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartBarPathComponent, selectors: [["", "po-chart-bar-path", ""]], inputs: { color: [0, "p-color", "color"], coordinates: [0, "p-coordinates", "coordinates"], tooltipPosition: [0, "p-tooltip-position", "tooltipPosition"] }, outputs: { barClick: "p-bar-click", barHover: "p-bar-hover" }, attrs: _c0$1n, 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, "mouseenter", "click", "p-tooltip", "p-tooltip-position", "p-append-in-body"]], 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);
@@ -10905,7 +10905,7 @@ class PoChartBarPathComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoChartBarPathComponent, { className: "PoChartBarPathComponent", filePath: "lib/components/po-chart/po-chart-container/po-chart-bar/po-chart-bar-path/po-chart-bar-path.component.ts", lineNumber: 9 }); })();
 
-const _c0$1l = ["po-chart-bar", ""];
+const _c0$1m = ["po-chart-bar", ""];
 function PoChartBarComponent__svg_g_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -10966,7 +10966,7 @@ class PoChartBarComponent extends PoChartBarBaseComponent {
         return { y1, y2 };
     }
     static ɵfac = function PoChartBarComponent_Factory(t) { return new (t || PoChartBarComponent)(i0.ɵɵdirectiveInject(PoChartMathsService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartBarComponent, selectors: [["", "po-chart-bar", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1l, decls: 2, vars: 2, consts: [[3, "class", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["po-chart-bar-path", "", 3, "p-bar-click", "p-bar-hover", "p-color", "p-coordinates", "p-tooltip-position"]], template: function PoChartBarComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartBarComponent, selectors: [["", "po-chart-bar", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1m, decls: 2, vars: 2, consts: [[3, "class", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["po-chart-bar-path", "", 3, "p-bar-click", "p-bar-hover", "p-color", "p-coordinates", "p-tooltip-position"]], 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);
@@ -10982,7 +10982,7 @@ class PoChartBarComponent extends PoChartBarBaseComponent {
     }], () => [{ type: PoChartMathsService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoChartBarComponent, { className: "PoChartBarComponent", filePath: "lib/components/po-chart/po-chart-container/po-chart-bar/po-chart-bar.component.ts", lineNumber: 15 }); })();
 
-const _c0$1k = ["po-chart-column", ""];
+const _c0$1l = ["po-chart-column", ""];
 function PoChartColumnComponent__svg_g_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -11044,7 +11044,7 @@ class PoChartColumnComponent extends PoChartBarBaseComponent {
         return { y1, y2 };
     }
     static ɵfac = function PoChartColumnComponent_Factory(t) { return new (t || PoChartColumnComponent)(i0.ɵɵdirectiveInject(PoChartMathsService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartColumnComponent, selectors: [["", "po-chart-column", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1k, decls: 2, vars: 2, consts: [[3, "class", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["po-chart-bar-path", "", 3, "p-bar-click", "p-bar-hover", "p-color", "p-coordinates", "p-tooltip-position"]], template: function PoChartColumnComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartColumnComponent, selectors: [["", "po-chart-column", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1l, decls: 2, vars: 2, consts: [[3, "class", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["po-chart-bar-path", "", 3, "p-bar-click", "p-bar-hover", "p-color", "p-coordinates", "p-tooltip-position"]], 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);
@@ -11479,7 +11479,7 @@ class PoChartSvgContainerService {
             }]
     }], () => [], null); })();
 
-const _c0$1j = ["po-chart-line", ""];
+const _c0$1k = ["po-chart-line", ""];
 function PoChartLineComponent__svg_g_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -11529,7 +11529,7 @@ class PoChartLineComponent extends PoChartLineBaseComponent {
         this.renderer.appendChild(this.chartLine.nativeElement, pathGroupElement[0]);
     }
     static ɵfac = function PoChartLineComponent_Factory(t) { return new (t || PoChartLineComponent)(i0.ɵɵdirectiveInject(PoChartMathsService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartLineComponent, selectors: [["", "po-chart-line", ""]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$1j, 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-point-click", "p-point-hover", "p-animate", "p-chart-line", "p-color", "p-coordinates", "p-is-active", "p-relative-to"]], template: function PoChartLineComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartLineComponent, selectors: [["", "po-chart-line", ""]], 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-point-click", "p-point-hover", "p-animate", "p-chart-line", "p-color", "p-coordinates", "p-is-active", "p-relative-to"]], 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);
@@ -11545,7 +11545,7 @@ class PoChartLineComponent extends PoChartLineBaseComponent {
     }], () => [{ type: PoChartMathsService }, { type: i0.Renderer2 }, { type: i0.ElementRef }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoChartLineComponent, { className: "PoChartLineComponent", filePath: "lib/components/po-chart/po-chart-container/po-chart-line/po-chart-line.component.ts", lineNumber: 10 }); })();
 
-const _c0$1i = ["svgPaths"];
+const _c0$1j = ["svgPaths"];
 const _c1$A = ["svgLabels"];
 class PoChartCircularComponent {
     ngZone;
@@ -11681,7 +11681,7 @@ class PoChartCircularComponent {
     }
     static ɵfac = function PoChartCircularComponent_Factory(t) { return new (t || PoChartCircularComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoChartCircularComponent, viewQuery: function PoChartCircularComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1i, 5);
+            i0.ɵɵviewQuery(_c0$1j, 5);
             i0.ɵɵviewQuery(_c1$A, 5);
         } if (rf & 2) {
             let _t;
@@ -11807,7 +11807,7 @@ class PoChartTooltipDirective {
             args: ['mousemove', ['$event']]
         }] }); })();
 
-const _c0$1h = ["svgPath"];
+const _c0$1i = ["svgPath"];
 const _c1$z = ["po-chart-circular-path", ""];
 class PoChartCircularPathComponent {
     renderer;
@@ -11831,7 +11831,7 @@ class PoChartCircularPathComponent {
     }
     static ɵfac = function PoChartCircularPathComponent_Factory(t) { return new (t || PoChartCircularPathComponent)(i0.ɵɵdirectiveInject(i0.Renderer2)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartCircularPathComponent, selectors: [["", "po-chart-circular-path", ""]], viewQuery: function PoChartCircularPathComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1h, 5, ElementRef);
+            i0.ɵɵviewQuery(_c0$1i, 5, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.svgPath = _t.first);
@@ -11865,7 +11865,7 @@ class PoChartCircularPathComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoChartCircularPathComponent, { className: "PoChartCircularPathComponent", filePath: "lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-path/po-chart-circular-path.component.ts", lineNumber: 9 }); })();
 
-const _c0$1g = ["svgLabel"];
+const _c0$1h = ["svgLabel"];
 const _c1$y = ["po-chart-circular-label", ""];
 class PoChartCircularLabelComponent {
     changeDetection;
@@ -11885,7 +11885,7 @@ class PoChartCircularLabelComponent {
     }
     static ɵfac = function PoChartCircularLabelComponent_Factory(t) { return new (t || PoChartCircularLabelComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.Renderer2)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartCircularLabelComponent, selectors: [["", "po-chart-circular-label", ""]], viewQuery: function PoChartCircularLabelComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1g, 5, ElementRef);
+            i0.ɵɵviewQuery(_c0$1h, 5, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.svgLabel = _t.first);
@@ -11916,7 +11916,7 @@ class PoChartCircularLabelComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoChartCircularLabelComponent, { className: "PoChartCircularLabelComponent", filePath: "lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-label/po-chart-circular-label.component.ts", lineNumber: 9 }); })();
 
-const _c0$1f = ["po-chart-pie", ""];
+const _c0$1g = ["po-chart-pie", ""];
 function PoChartPieComponent__svg_g_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -11997,7 +11997,7 @@ class PoChartPieComponent extends PoChartCircularComponent {
         return tooltipLabel || `${dataLabel}${dataValue}`;
     }
     static ɵfac = function PoChartPieComponent_Factory(t) { return new (t || PoChartPieComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartPieComponent, selectors: [["", "po-chart-pie", ""]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], attrs: _c0$1f, decls: 3, vars: 2, consts: [["svgPaths", ""], ["svgLabels", ""], [4, "ngFor", "ngForOf"], [4, "ngIf"], ["po-chart-circular-path", "", 3, "p-on-click", "p-on-hover", "p-serie"], ["po-chart-circular-label", "", 3, "p-serie", "p-show-label"]], template: function PoChartPieComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartPieComponent, selectors: [["", "po-chart-pie", ""]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], attrs: _c0$1g, decls: 3, vars: 2, consts: [["svgPaths", ""], ["svgLabels", ""], [4, "ngFor", "ngForOf"], [4, "ngIf"], ["po-chart-circular-path", "", 3, "p-on-click", "p-on-hover", "p-serie"], ["po-chart-circular-label", "", 3, "p-serie", "p-show-label"]], 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", 2)(2, PoChartPieComponent__svg_g_2_Template, 2, 1, "g", 3);
@@ -12015,7 +12015,7 @@ class PoChartPieComponent extends PoChartCircularComponent {
     }], () => [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoChartPieComponent, { className: "PoChartPieComponent", filePath: "lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-pie/po-chart-pie.component.ts", lineNumber: 9 }); })();
 
-const _c0$1e = ["po-chart-donut", ""];
+const _c0$1f = ["po-chart-donut", ""];
 function PoChartDonutComponent__svg_g_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -12151,7 +12151,7 @@ class PoChartDonutComponent extends PoChartCircularComponent {
         this.canDisplayLabels = radius - innerRadius >= radius - (radius - PoChartDonutDefaultThickness);
     }
     static ɵfac = function PoChartDonutComponent_Factory(t) { return new (t || PoChartDonutComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartDonutComponent, selectors: [["", "po-chart-donut", ""]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], attrs: _c0$1e, decls: 3, vars: 2, consts: [["svgPaths", ""], ["svgLabels", ""], [4, "ngFor", "ngForOf"], [4, "ngIf"], ["po-chart-circular-path", "", 3, "p-on-click", "p-on-hover", "p-serie"], ["po-chart-circular-label", "", 3, "p-serie", "p-show-label"]], template: function PoChartDonutComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartDonutComponent, selectors: [["", "po-chart-donut", ""]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], attrs: _c0$1f, decls: 3, vars: 2, consts: [["svgPaths", ""], ["svgLabels", ""], [4, "ngFor", "ngForOf"], [4, "ngIf"], ["po-chart-circular-path", "", 3, "p-on-click", "p-on-hover", "p-serie"], ["po-chart-circular-label", "", 3, "p-serie", "p-show-label"]], 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", 2)(2, PoChartDonutComponent__svg_g_2_Template, 2, 1, "g", 3);
@@ -12169,7 +12169,7 @@ class PoChartDonutComponent extends PoChartCircularComponent {
     }], () => [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoChartDonutComponent, { className: "PoChartDonutComponent", filePath: "lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-donut/po-chart-donut.component.ts", lineNumber: 13 }); })();
 
-const _c0$1d = ["svgELement"];
+const _c0$1e = ["svgELement"];
 function PoChartContainerComponent__svg_g_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵnamespaceSVG();
@@ -12351,7 +12351,7 @@ class PoChartContainerComponent {
     }
     static ɵfac = function PoChartContainerComponent_Factory(t) { return new (t || PoChartContainerComponent)(i0.ɵɵdirectiveInject(PoChartMathsService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartContainerComponent, selectors: [["po-chart-container"]], viewQuery: function PoChartContainerComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1d, 7);
+            i0.ɵɵviewQuery(_c0$1e, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.svgELement = _t.first);
@@ -12496,7 +12496,7 @@ class PoResizeObserverDirective {
             args: ['p-resize-observer']
         }] }); })();
 
-const _c0$1c = ["chartContainer"];
+const _c0$1d = ["chartContainer"];
 const _c1$x = ["chartHeader"];
 const _c2$h = ["chartLegend"];
 const _c3$c = ["chartWrapper"];
@@ -12692,7 +12692,7 @@ class PoChartComponent extends PoChartBaseComponent {
     }
     static ɵ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)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoChartComponent, selectors: [["po-chart"]], viewQuery: function PoChartComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1c, 7, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$1d, 7, ViewContainerRef);
             i0.ɵɵviewQuery(_c1$x, 7);
             i0.ɵɵviewQuery(_c2$h, 5, ElementRef);
             i0.ɵɵviewQuery(_c3$c, 7);
@@ -12895,7 +12895,7 @@ class PoContainerBaseComponent {
             args: ['p-no-padding']
         }] }); })();
 
-const _c0$1b = ["*"];
+const _c0$1c = ["*"];
 /**
  * @docsExtends PoContainerBaseComponent
  *
@@ -12919,7 +12919,7 @@ const _c0$1b = ["*"];
  */
 class PoContainerComponent extends PoContainerBaseComponent {
     static ɵfac = /*@__PURE__*/ (() => { let ɵPoContainerComponent_BaseFactory; return function PoContainerComponent_Factory(t) { return (ɵPoContainerComponent_BaseFactory || (ɵPoContainerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PoContainerComponent)))(t || PoContainerComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoContainerComponent, selectors: [["po-container"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$1b, decls: 2, vars: 6, consts: [[1, "po-container"]], template: function PoContainerComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoContainerComponent, selectors: [["po-container"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$1c, decls: 2, vars: 6, consts: [[1, "po-container"]], template: function PoContainerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
@@ -13092,7 +13092,7 @@ class PoDisclaimerBaseComponent {
             args: ['p-type']
         }] }); })();
 
-const _c0$1a = ["disclaimerContainer"];
+const _c0$1b = ["disclaimerContainer"];
 function PoDisclaimerComponent_div_2_po_icon_4_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-icon", 7);
@@ -13152,7 +13152,7 @@ class PoDisclaimerComponent extends PoDisclaimerBaseComponent {
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵPoDisclaimerComponent_BaseFactory; return function PoDisclaimerComponent_Factory(t) { return (ɵPoDisclaimerComponent_BaseFactory || (ɵPoDisclaimerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PoDisclaimerComponent)))(t || PoDisclaimerComponent); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoDisclaimerComponent, selectors: [["po-disclaimer"]], viewQuery: function PoDisclaimerComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1a, 7);
+            i0.ɵɵviewQuery(_c0$1b, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.disclaimerContainer = _t.first);
@@ -13735,7 +13735,7 @@ class PoDropdownBaseComponent {
             args: ['p-disabled']
         }] }); })();
 
-const _c0$19 = ["dropdownRef"];
+const _c0$1a = ["dropdownRef"];
 const _c1$w = ["popupRef"];
 const _c2$g = (a0, a1) => ({ "po-dropdown-button-disabled": a0, "po-dropdown-button-open": a1 });
 const _c3$b = () => ["bottom-left", "top-left"];
@@ -13833,7 +13833,7 @@ class PoDropdownComponent extends PoDropdownBaseComponent {
     }
     static ɵfac = function PoDropdownComponent_Factory(t) { return new (t || PoDropdownComponent)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoDropdownComponent, selectors: [["po-dropdown"]], viewQuery: function PoDropdownComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$19, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$1a, 7, ElementRef);
             i0.ɵɵviewQuery(_c1$w, 5);
         } if (rf & 2) {
             let _t;
@@ -13977,7 +13977,7 @@ const poFieldContainerLiterals = {
     }
 };
 
-const _c0$18 = ["*"];
+const _c0$19 = ["*"];
 function PoFieldContainerComponent_po_label_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-label", 4);
 } if (rf & 2) {
@@ -14055,7 +14055,7 @@ class PoFieldContainerComponent {
         }
     }
     static ɵfac = function PoFieldContainerComponent_Factory(t) { return new (t || PoFieldContainerComponent)(i0.ɵɵdirectiveInject(PoLanguageService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoFieldContainerComponent, selectors: [["po-field-container"]], inputs: { disabled: [0, "p-disabled", "disabled"], id: [0, "p-id", "id"], label: [0, "p-label", "label"], help: [0, "p-help", "help"], optional: [0, "p-optional", "optional"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"] }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$18, decls: 5, vars: 2, consts: [[1, "po-field-container"], [1, "po-field-container-title"], ["p-field", "true", 3, "p-disabled", "p-for", "p-label", "p-requirement", 4, "ngIf"], ["class", "po-field-help", 4, "ngIf"], ["p-field", "true", 3, "p-disabled", "p-for", "p-label", "p-requirement"], [1, "po-field-help"]], template: function PoFieldContainerComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoFieldContainerComponent, selectors: [["po-field-container"]], inputs: { disabled: [0, "p-disabled", "disabled"], id: [0, "p-id", "id"], label: [0, "p-label", "label"], help: [0, "p-help", "help"], optional: [0, "p-optional", "optional"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"] }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$19, decls: 5, vars: 2, consts: [[1, "po-field-container"], [1, "po-field-container-title"], ["p-field", "true", 3, "p-disabled", "p-for", "p-label", "p-requirement", 4, "ngIf"], ["class", "po-field-help", 4, "ngIf"], ["p-field", "true", 3, "p-disabled", "p-for", "p-label", "p-requirement"], [1, "po-field-help"]], template: function PoFieldContainerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵtemplate(2, PoFieldContainerComponent_po_label_2_Template, 1, 4, "po-label", 2);
@@ -14503,7 +14503,7 @@ class PoCheckboxGroupBaseComponent {
             args: ['p-show-required']
         }] }); })();
 
-const _c0$17 = ["checkboxLabel"];
+const _c0$18 = ["checkboxLabel"];
 function PoCheckboxGroupComponent_li_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "li")(1, "po-checkbox", 5, 0);
@@ -14589,7 +14589,7 @@ class PoCheckboxGroupComponent extends PoCheckboxGroupBaseComponent {
     }
     static ɵfac = function PoCheckboxGroupComponent_Factory(t) { return new (t || PoCheckboxGroupComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoCheckboxGroupComponent, selectors: [["po-checkbox-group"]], viewQuery: function PoCheckboxGroupComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$17, 5);
+            i0.ɵɵviewQuery(_c0$18, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxLabels = _t);
@@ -15014,7 +15014,7 @@ var PoRadioSize;
     PoRadioSize["Large"] = "large";
 })(PoRadioSize || (PoRadioSize = {}));
 
-const _c0$16 = ["radio"];
+const _c0$17 = ["radio"];
 const _c1$v = ["radioInput"];
 function PoRadioComponent_po_label_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-label", 6);
@@ -15119,7 +15119,7 @@ class PoRadioComponent extends PoFieldModel {
     }
     static ɵfac = function PoRadioComponent_Factory(t) { return new (t || PoRadioComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.Renderer2)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoRadioComponent, selectors: [["po-radio"]], viewQuery: function PoRadioComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$16, 7);
+            i0.ɵɵviewQuery(_c0$17, 7);
             i0.ɵɵviewQuery(_c1$v, 7);
         } if (rf & 2) {
             let _t;
@@ -15192,7 +15192,7 @@ class PoRadioComponent extends PoFieldModel {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoRadioComponent, { className: "PoRadioComponent", filePath: "lib/components/po-field/po-radio/po-radio.component.ts", lineNumber: 34 }); })();
 
-const _c0$15 = ["inp"];
+const _c0$16 = ["inp"];
 const _c1$u = ["inputRadio"];
 function PoRadioGroupComponent_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -15305,7 +15305,7 @@ class PoRadioGroupComponent extends PoRadioGroupBaseComponent {
     }
     static ɵfac = function PoRadioGroupComponent_Factory(t) { return new (t || PoRadioGroupComponent)(i0.ɵɵdirectiveInject(i0.IterableDiffers), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoRadioGroupComponent, selectors: [["po-radio-group"]], viewQuery: function PoRadioGroupComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$15, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$16, 7, ElementRef);
             i0.ɵɵviewQuery(_c1$u, 5);
         } if (rf & 2) {
             let _t;
@@ -16517,7 +16517,7 @@ const PoDatepickerLiterals = {
     }
 };
 
-const _c0$14 = ["calendar"];
+const _c0$15 = ["calendar"];
 const _c1$t = ["dialogPicker"];
 const _c2$f = ["iconDatepicker"];
 const _c3$a = ["inp"];
@@ -16868,7 +16868,7 @@ class PoDatepickerComponent extends PoDatepickerBaseComponent {
     }
     static ɵfac = function PoDatepickerComponent_Factory(t) { return new (t || PoDatepickerComponent)(i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(PoControlPositionService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoDatepickerComponent, selectors: [["po-datepicker"]], viewQuery: function PoDatepickerComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$14, 7);
+            i0.ɵɵviewQuery(_c0$15, 7);
             i0.ɵɵviewQuery(_c1$t, 7, ElementRef);
             i0.ɵɵviewQuery(_c2$f, 5);
             i0.ɵɵviewQuery(_c3$a, 7, ElementRef);
@@ -17203,7 +17203,7 @@ class PoModalBaseComponent {
             args: ['p-icon']
         }] }); })();
 
-const _c0$13 = ["*"];
+const _c0$14 = ["*"];
 /**
  * @description
  *
@@ -17234,7 +17234,7 @@ class PoModalFooterComponent {
      */
     disabledAlign = false;
     static ɵfac = function PoModalFooterComponent_Factory(t) { return new (t || PoModalFooterComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoModalFooterComponent, selectors: [["po-modal-footer"]], inputs: { disabledAlign: [0, "p-disabled-align", "disabledAlign"] }, ngContentSelectors: _c0$13, decls: 2, vars: 2, consts: [[1, "po-modal-footer"]], template: function PoModalFooterComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoModalFooterComponent, selectors: [["po-modal-footer"]], inputs: { disabledAlign: [0, "p-disabled-align", "disabledAlign"] }, ngContentSelectors: _c0$14, 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);
@@ -17264,7 +17264,7 @@ class PoActiveOverlayService {
             }]
     }], null, null); })();
 
-const _c0$12 = ["modalContent"];
+const _c0$13 = ["modalContent"];
 const _c1$s = ["modalContainer"];
 const _c2$e = ["*", [["po-modal-footer"]]];
 const _c3$9 = ["*", "po-modal-footer"];
@@ -17447,7 +17447,7 @@ class PoModalComponent extends PoModalBaseComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalFooter = _t.first);
         } }, viewQuery: function PoModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$12, 5, ElementRef);
+            i0.ɵɵviewQuery(_c0$13, 5, ElementRef);
             i0.ɵɵviewQuery(_c1$s, 5, ElementRef);
         } if (rf & 2) {
             let _t;
@@ -18588,7 +18588,7 @@ class PoToasterBaseComponent {
             args: ['p-mode']
         }] }); })();
 
-const _c0$11 = ["toaster"];
+const _c0$12 = ["toaster"];
 const _c1$r = ["buttonClose"];
 function PoToasterComponent_po_icon_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-icon", 12);
@@ -18836,7 +18836,7 @@ class PoToasterComponent extends PoToasterBaseComponent {
     }
     static ɵfac = function PoToasterComponent_Factory(t) { return new (t || PoToasterComponent)(i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.Renderer2)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoToasterComponent, selectors: [["po-toaster"]], viewQuery: function PoToasterComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$11, 5);
+            i0.ɵɵviewQuery(_c0$12, 5);
             i0.ɵɵviewQuery(_c1$r, 5);
         } if (rf & 2) {
             let _t;
@@ -19670,7 +19670,7 @@ class PoPopoverBaseComponent {
             args: ['p-trigger']
         }] }); })();
 
-const _c0$10 = ["popoverElement"];
+const _c0$11 = ["popoverElement"];
 const _c1$q = ["*"];
 function PoPopoverComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div");
@@ -19814,7 +19814,7 @@ class PoPopoverComponent extends PoPopoverBaseComponent {
     }
     static ɵfac = function PoPopoverComponent_Factory(t) { return new (t || PoPopoverComponent)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(PoControlPositionService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPopoverComponent, selectors: [["po-popover"]], viewQuery: function PoPopoverComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$10, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$11, 7, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popoverElement = _t.first);
@@ -20111,7 +20111,7 @@ class PoPageSlideBaseComponent {
             args: ['p-size']
         }] }); })();
 
-const _c0$$ = ["pageContent"];
+const _c0$10 = ["pageContent"];
 const _c1$p = ["*"];
 const _c2$d = a0 => ({ "width": a0 });
 function PoPageSlideComponent_div_0_div_9_Template(rf, ctx) { if (rf & 1) {
@@ -20247,7 +20247,7 @@ class PoPageSlideComponent extends PoPageSlideBaseComponent {
     }
     static ɵfac = function PoPageSlideComponent_Factory(t) { return new (t || PoPageSlideComponent)(i0.ɵɵdirectiveInject(PoActiveOverlayService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageSlideComponent, selectors: [["po-page-slide"]], viewQuery: function PoPageSlideComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$$, 5, ElementRef);
+            i0.ɵɵviewQuery(_c0$10, 5, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pageContent = _t.first);
@@ -20312,7 +20312,7 @@ class PoPageSlideModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoPageSlideModule, { declarations: [PoPageSlideComponent], imports: [CommonModule, FormsModule, PoButtonModule], exports: [PoPageSlideComponent] }); })();
 
-const _c0$_ = (a0, a1) => ({ "po-clickable": a0, "po-table-icon-disabled": a1 });
+const _c0$$ = (a0, a1) => ({ "po-clickable": a0, "po-table-icon-disabled": a1 });
 /**
  * @docsPrivate
  *
@@ -20357,7 +20357,7 @@ class PoTableIconComponent {
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassMapInterpolate1("po-table-icon-content ", ctx.disabled ? "" : ctx.color, "");
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(7, _c0$_, ctx.clickable, ctx.disabled))("p-icon", ctx.icon)("p-tooltip", ctx.tooltip)("p-append-in-body", true);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(7, _c0$$, ctx.clickable, ctx.disabled))("p-icon", ctx.icon)("p-tooltip", ctx.tooltip)("p-append-in-body", true);
         } }, dependencies: [i1.NgClass, PoTooltipDirective, PoIconComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoTableIconComponent, [{
@@ -20512,7 +20512,7 @@ class PoTableColumnLabelComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoTableColumnLabelComponent, { className: "PoTableColumnLabelComponent", filePath: "lib/components/po-table/po-table-column-label/po-table-column-label.component.ts", lineNumber: 18 }); })();
 
-const _c0$Z = a0 => ({ "po-table-link-disabled": a0 });
+const _c0$_ = a0 => ({ "po-table-link-disabled": a0 });
 function PoTableColumnLinkComponent_po_link_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-link", 4);
@@ -20562,7 +20562,7 @@ class PoTableColumnLinkComponent {
             i0.ɵɵelementContainerEnd();
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$Z, ctx.disabled));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$_, ctx.disabled));
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngSwitch", ctx.type);
             i0.ɵɵadvance();
@@ -20612,7 +20612,7 @@ var PoSwitchLabelPosition;
     PoSwitchLabelPosition[PoSwitchLabelPosition["Left"] = 1] = "Left";
 })(PoSwitchLabelPosition || (PoSwitchLabelPosition = {}));
 
-const _c0$Y = ["switchContainer"];
+const _c0$Z = ["switchContainer"];
 function PoSwitchComponent_po_icon_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-icon", 10);
 } }
@@ -20844,7 +20844,7 @@ class PoSwitchComponent extends PoFieldModel {
     }
     static ɵfac = function PoSwitchComponent_Factory(t) { return new (t || PoSwitchComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoSwitchComponent, selectors: [["po-switch"]], viewQuery: function PoSwitchComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$Y, 7);
+            i0.ɵɵviewQuery(_c0$Z, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.switchContainer = _t.first);
@@ -20914,7 +20914,7 @@ class PoSwitchComponent extends PoFieldModel {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoSwitchComponent, { className: "PoSwitchComponent", filePath: "lib/components/po-field/po-switch/po-switch.component.ts", lineNumber: 105 }); })();
 
-const _c0$X = a0 => ({ $implicit: a0 });
+const _c0$Y = a0 => ({ $implicit: a0 });
 function PoTableListManagerComponent_section_0_ng_container_3_ng_container_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -20931,7 +20931,7 @@ function PoTableListManagerComponent_section_0_ng_container_3_ng_container_1_Tem
     i0.ɵɵadvance();
     i0.ɵɵclassProp("po-checkbox-group-item-disabled", option_r1.disabled || ctx_r1.disabled);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", listItemsManagerDefault_r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(4, _c0$X, option_r1));
+    i0.ɵɵproperty("ngTemplateOutlet", listItemsManagerDefault_r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(4, _c0$Y, option_r1));
 } }
 function PoTableListManagerComponent_section_0_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -20968,7 +20968,7 @@ function PoTableListManagerComponent_ng_container_4_ng_container_1_ng_container_
     i0.ɵɵnextContext();
     const listItemsManagerDefault_r3 = i0.ɵɵreference(6);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", listItemsManagerDefault_r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$X, option_r4));
+    i0.ɵɵproperty("ngTemplateOutlet", listItemsManagerDefault_r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$Y, option_r4));
 } }
 function PoTableListManagerComponent_ng_container_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -21223,7 +21223,7 @@ class PoTableListManagerComponent extends PoCheckboxGroupComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoTableListManagerComponent, { className: "PoTableListManagerComponent", filePath: "lib/components/po-table/po-table-list-manager/po-table-list-manager.component.ts", lineNumber: 51 }); })();
 
-const _c0$W = ["pageSlideColumnsManager"];
+const _c0$X = ["pageSlideColumnsManager"];
 const PoTableColumnManagerMaxColumnsDefault = 99999;
 const poTableColumnManagerLiteralsDefault = {
     en: {
@@ -21530,7 +21530,7 @@ class PoTableColumnManagerComponent {
     static ɵfac = function PoTableColumnManagerComponent_Factory(t) { return new (t || PoTableColumnManagerComponent)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(PoLanguageService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTableColumnManagerComponent, selectors: [["po-table-column-manager"]], viewQuery: function PoTableColumnManagerComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(PoPopoverComponent, 5);
-            i0.ɵɵviewQuery(_c0$W, 5);
+            i0.ɵɵviewQuery(_c0$X, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popover = _t.first);
@@ -23495,7 +23495,7 @@ class PoTableRowTemplateDirective {
             args: ['p-table-row-template-arrow-direction']
         }] }); })();
 
-const _c0$V = ["noColumnsHeader"];
+const _c0$W = ["noColumnsHeader"];
 const _c1$o = ["popup"];
 const _c2$c = ["tableFooter"];
 const _c3$8 = ["tableWrapper"];
@@ -25677,7 +25677,7 @@ class PoTableComponent extends PoTableBaseComponent {
             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(_c0$W, 5, ElementRef);
             i0.ɵɵviewQuery(_c1$o, 5);
             i0.ɵɵviewQuery(PoModalComponent, 7);
             i0.ɵɵviewQuery(_c2$c, 5, ElementRef);
@@ -27716,7 +27716,7 @@ class PoComboFilterService {
         type: Injectable
     }], () => [{ type: i1$2.HttpClient }], null); })();
 
-const _c0$U = ["outerContainer"];
+const _c0$V = ["outerContainer"];
 const _c1$n = ["containerElement"];
 const _c2$b = ["contentElement"];
 const _c3$7 = ["iconArrow"];
@@ -28321,7 +28321,7 @@ class PoComboComponent extends PoComboBaseComponent {
             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(_c0$V, 5, ElementRef);
             i0.ɵɵviewQuery(_c1$n, 5, ElementRef);
             i0.ɵɵviewQuery(_c2$b, 5, ElementRef);
             i0.ɵɵviewQuery(_c3$7, 7, ElementRef);
@@ -29039,7 +29039,7 @@ class PoDatepickerRangeBaseComponent {
             args: ['p-locale']
         }] }); })();
 
-const _c0$T = ["dateRangeField"];
+const _c0$U = ["dateRangeField"];
 const _c1$m = ["endDateInput"];
 const _c2$a = ["startDateInput"];
 const _c3$6 = ["iconCalendar"];
@@ -29484,7 +29484,7 @@ class PoDatepickerRangeComponent extends PoDatepickerRangeBaseComponent {
     }
     static ɵ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(PoLanguageService), i0.ɵɵdirectiveInject(PoDateService), i0.ɵɵdirectiveInject(i0.ElementRef)); };
     static ɵ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(_c0$U, 7, ElementRef);
             i0.ɵɵviewQuery(_c1$m, 7, ElementRef);
             i0.ɵɵviewQuery(_c2$a, 7, ElementRef);
             i0.ɵɵviewQuery(_c3$6, 7, ElementRef);
@@ -30073,7 +30073,7 @@ class PoInputBaseComponent {
             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);
@@ -30684,7 +30684,7 @@ class PoDecimalComponent extends PoInputBaseComponent {
     }
     static ɵfac = function PoDecimalComponent_Factory(t) { return new (t || PoDecimalComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵ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);
@@ -30760,7 +30760,7 @@ class PoDecimalComponent extends PoInputBaseComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoDecimalComponent, { className: "PoDecimalComponent", filePath: "lib/components/po-field/po-decimal/po-decimal.component.ts", lineNumber: 81 }); })();
 
-const _c0$R = ["inp"];
+const _c0$S = ["inp"];
 /* eslint-disable @angular-eslint/directive-class-suffix */
 class PoInputGeneric extends PoInputBaseComponent {
     inputEl;
@@ -30960,7 +30960,7 @@ class PoInputGeneric extends PoInputBaseComponent {
     }
     static ɵfac = function PoInputGeneric_Factory(t) { return new (t || PoInputGeneric)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵ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);
@@ -31125,7 +31125,7 @@ class PoEmailComponent extends PoInputGeneric {
     }], () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoEmailComponent, { className: "PoEmailComponent", filePath: "lib/components/po-field/po-email/po-email.component.ts", lineNumber: 63 }); })();
 
-const _c0$Q = ["inp"];
+const _c0$R = ["inp"];
 function PoInputComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
     i0.ɵɵelement(1, "po-icon", 9);
@@ -31179,7 +31179,7 @@ class PoInputComponent extends PoInputGeneric {
     }
     static ɵfac = function PoInputComponent_Factory(t) { return new (t || PoInputComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoInputComponent, selectors: [["po-input"]], viewQuery: function PoInputComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$Q, 7);
+            i0.ɵɵviewQuery(_c0$R, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inp = _t.first);
@@ -32205,7 +32205,7 @@ class PoDynamicFormValidationService extends PoDynamicFormOperation {
         type: Injectable
     }], () => [{ type: i1$2.HttpClient }], null); })();
 
-const _c0$P = ["fieldsComponent"];
+const _c0$Q = ["fieldsComponent"];
 const _c1$l = ["dynamicForm"];
 function PoDynamicFormComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -32390,7 +32390,7 @@ class PoDynamicFormComponent extends PoDynamicFormBaseComponent {
     }
     static ɵfac = function PoDynamicFormComponent_Factory(t) { return new (t || PoDynamicFormComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PoDynamicFormLoadService), i0.ɵɵdirectiveInject(PoDynamicFormValidationService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoDynamicFormComponent, selectors: [["po-dynamic-form"]], viewQuery: function PoDynamicFormComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$P, 5);
+            i0.ɵɵviewQuery(_c0$Q, 5);
             i0.ɵɵviewQuery(_c1$l, 5);
         } if (rf & 2) {
             let _t;
@@ -32416,7 +32416,7 @@ class PoDynamicFormComponent extends PoDynamicFormBaseComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoDynamicFormComponent, { className: "PoDynamicFormComponent", filePath: "lib/components/po-dynamic/po-dynamic-form/po-dynamic-form.component.ts", lineNumber: 41 }); })();
 
-const _c0$O = ["inpsearch"];
+const _c0$P = ["inpsearch"];
 const _c1$k = ["container"];
 function PoLookupModalComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
@@ -32547,7 +32547,7 @@ class PoLookupModalComponent extends PoLookupModalBaseComponent {
     }
     static ɵfac = function PoLookupModalComponent_Factory(t) { return new (t || PoLookupModalComponent)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoLookupModalComponent, selectors: [["po-lookup-modal"]], viewQuery: function PoLookupModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$O, 5);
+            i0.ɵɵviewQuery(_c0$P, 5);
             i0.ɵɵviewQuery(_c1$k, 5, ViewContainerRef);
         } if (rf & 2) {
             let _t;
@@ -33470,7 +33470,7 @@ class PoLookupBaseComponent {
             args: ['p-disabled']
         }] }); })();
 
-const _c0$N = ["inp"];
+const _c0$O = ["inp"];
 function PoLookupComponent_div_1_po_clean_4_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-clean", 12);
@@ -33873,7 +33873,7 @@ class PoLookupComponent extends PoLookupBaseComponent {
     }
     static ɵ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)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoLookupComponent, selectors: [["po-lookup"]], viewQuery: function PoLookupComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$N, 5, ElementRef);
+            i0.ɵɵviewQuery(_c0$O, 5, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputEl = _t.first);
@@ -34754,7 +34754,7 @@ class PoMultiselectFilterService {
         type: Injectable
     }], () => [{ type: i1$2.HttpClient }], null); })();
 
-const _c0$M = ["dropdownElement"];
+const _c0$N = ["dropdownElement"];
 const _c1$j = ["iconElement"];
 const _c2$9 = ["inputElement"];
 const _c3$5 = ["outerContainer"];
@@ -35359,8 +35359,8 @@ class PoMultiselectComponent extends PoMultiselectBaseComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.multiselectOptionTemplate = _t.first);
         } }, viewQuery: function PoMultiselectComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$M, 5, ElementRef);
-            i0.ɵɵviewQuery(_c0$M, 5);
+            i0.ɵɵviewQuery(_c0$N, 5, ElementRef);
+            i0.ɵɵviewQuery(_c0$N, 5);
             i0.ɵɵviewQuery(_c1$j, 7, ElementRef);
             i0.ɵɵviewQuery(_c2$9, 7, ElementRef);
             i0.ɵɵviewQuery(_c3$5, 5, ElementRef);
@@ -36145,7 +36145,7 @@ class PoRichTextBaseComponent {
             args: ['p-show-required']
         }] }); })();
 
-const _c0$L = ["bodyElement"];
+const _c0$M = ["bodyElement"];
 const poRichTextBodyCommands = [
     'bold',
     'italic',
@@ -36443,7 +36443,7 @@ class PoRichTextBodyComponent {
     }
     static ɵfac = function PoRichTextBodyComponent_Factory(t) { return new (t || PoRichTextBodyComponent)(i0.ɵɵdirectiveInject(PoRichTextService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoRichTextBodyComponent, selectors: [["po-rich-text-body"]], viewQuery: function PoRichTextBodyComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$L, 7);
+            i0.ɵɵviewQuery(_c0$M, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.bodyElement = _t.first);
@@ -37466,7 +37466,7 @@ class PoUploadBaseComponent {
             args: ['p-show-required']
         }] }); })();
 
-const _c0$K = ["selectFilesLink"];
+const _c0$L = ["selectFilesLink"];
 const _c1$i = a0 => ({ "po-upload-drag-drop-area-disabled": a0 });
 const _c2$8 = a0 => ({ "po-clickable": a0 });
 function PoUploadDragDropAreaComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
@@ -37518,7 +37518,7 @@ class PoUploadDragDropAreaComponent {
     }
     static ɵfac = function PoUploadDragDropAreaComponent_Factory(t) { return new (t || PoUploadDragDropAreaComponent)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoUploadDragDropAreaComponent, selectors: [["po-upload-drag-drop-area"]], viewQuery: function PoUploadDragDropAreaComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$K, 5);
+            i0.ɵɵviewQuery(_c0$L, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.selectFilesLinkElement = _t.first);
@@ -37746,7 +37746,7 @@ class PoUploadDragDropDirective {
             args: ['document:drop', ['$event']]
         }] }); })();
 
-const _c0$J = ["DragDropAreaFixed"];
+const _c0$K = ["DragDropAreaFixed"];
 class PoUploadDragDropAreaOverlayComponent {
     renderer;
     DragDropAreaFixed;
@@ -37774,7 +37774,7 @@ class PoUploadDragDropAreaOverlayComponent {
     }
     static ɵfac = function PoUploadDragDropAreaOverlayComponent_Factory(t) { return new (t || PoUploadDragDropAreaOverlayComponent)(i0.ɵɵdirectiveInject(i0.Renderer2)); };
     static ɵ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$J, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$K, 7, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.DragDropAreaFixed = _t.first);
@@ -37811,7 +37811,7 @@ class PoUploadDragDropAreaOverlayComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoUploadDragDropAreaOverlayComponent, { className: "PoUploadDragDropAreaOverlayComponent", filePath: "lib/components/po-field/po-upload/po-upload-drag-drop/po-upload-drag-drop-area-overlay/po-upload-drag-drop-area-overlay.component.ts", lineNumber: 20 }); })();
 
-const _c0$I = ["dragDropOverlay"];
+const _c0$J = ["dragDropOverlay"];
 function PoUploadDragDropComponent_po_upload_drag_drop_area_overlay_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-upload-drag-drop-area-overlay", 3, 0);
@@ -37865,7 +37865,7 @@ class PoUploadDragDropComponent {
     }
     static ɵfac = function PoUploadDragDropComponent_Factory(t) { return new (t || PoUploadDragDropComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoUploadDragDropComponent, selectors: [["po-upload-drag-drop"]], viewQuery: function PoUploadDragDropComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$I, 5, ElementRef);
+            i0.ɵɵviewQuery(_c0$J, 5, ElementRef);
             i0.ɵɵviewQuery(PoUploadDragDropAreaComponent, 7);
         } if (rf & 2) {
             let _t;
@@ -37912,7 +37912,7 @@ class PoUploadDragDropComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoUploadDragDropComponent, { className: "PoUploadDragDropComponent", filePath: "lib/components/po-field/po-upload/po-upload-drag-drop/po-upload-drag-drop.component.ts", lineNumber: 25 }); })();
 
-const _c0$H = (a0, a1) => [a0, a1];
+const _c0$I = (a0, a1) => [a0, a1];
 function PoUploadFileRestrictionsComponent_p_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 1);
     i0.ɵɵtext(1);
@@ -37941,7 +37941,7 @@ function PoUploadFileRestrictionsComponent_p_2_span_3_Template(rf, ctx) { if (rf
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r0.literals == null ? null : ctx_r0.literals.allowedFileSizeRange, i0.ɵɵpureFunction2(4, _c0$H, ctx_r0.minFileSize, ctx_r0.maxFileSize)), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r0.literals == null ? null : ctx_r0.literals.allowedFileSizeRange, i0.ɵɵpureFunction2(4, _c0$I, ctx_r0.minFileSize, ctx_r0.maxFileSize)), " ");
 } }
 function PoUploadFileRestrictionsComponent_p_2_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -38058,7 +38058,7 @@ class PoUploadFileRestrictionsComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoUploadFileRestrictionsComponent, { className: "PoUploadFileRestrictionsComponent", filePath: "lib/components/po-field/po-upload/po-upload-file-restrictions/po-upload-file-restrictions.component.ts", lineNumber: 14 }); })();
 
-const _c0$G = ["inputFile"];
+const _c0$H = ["inputFile"];
 const _c1$h = ["uploadButton"];
 const _c2$7 = a0 => ({ "po-upload-file-restrictions-drag-drop": a0 });
 const _c3$4 = a0 => ({ "po-upload-progress-container-area po-pt-2 po-pl-1": a0 });
@@ -38419,7 +38419,7 @@ class PoUploadComponent extends PoUploadBaseComponent {
     }
     static ɵ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)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoUploadComponent, selectors: [["po-upload"]], viewQuery: function PoUploadComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$G, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$H, 7, ElementRef);
             i0.ɵɵviewQuery(PoUploadDragDropComponent, 5);
             i0.ɵɵviewQuery(_c1$h, 5);
         } if (rf & 2) {
@@ -38631,7 +38631,7 @@ class PoUrlComponent extends PoInputGeneric {
     }], () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoUrlComponent, { className: "PoUrlComponent", filePath: "lib/components/po-field/po-url/po-url.component.ts", lineNumber: 57 }); })();
 
-const _c0$F = ["modal"];
+const _c0$G = ["modal"];
 const _c1$g = ["modalImageForm"];
 const _c2$6 = ["upload"];
 const uploadRestrictions = ['.apng', '.bmp', '.gif', '.ico', '.jpeg', '.jpg', '.png', '.svg'];
@@ -38718,7 +38718,7 @@ class PoRichTextImageModalComponent {
     }
     static ɵfac = function PoRichTextImageModalComponent_Factory(t) { return new (t || PoRichTextImageModalComponent)(i0.ɵɵdirectiveInject(PoLanguageService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoRichTextImageModalComponent, selectors: [["po-rich-text-image-modal"]], viewQuery: function PoRichTextImageModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$F, 7);
+            i0.ɵɵviewQuery(_c0$G, 7);
             i0.ɵɵviewQuery(_c1$g, 5);
             i0.ɵɵviewQuery(_c2$6, 7);
         } if (rf & 2) {
@@ -38763,7 +38763,7 @@ class PoRichTextImageModalComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoRichTextImageModalComponent, { className: "PoRichTextImageModalComponent", filePath: "lib/components/po-field/po-rich-text/po-rich-text-image-modal/po-rich-text-image-modal.component.ts", lineNumber: 18 }); })();
 
-const _c0$E = ["modal"];
+const _c0$F = ["modal"];
 const _c1$f = ["modalLinkForm"];
 class PoRichTextLinkModalComponent {
     languageService;
@@ -38908,7 +38908,7 @@ class PoRichTextLinkModalComponent {
     }
     static ɵfac = function PoRichTextLinkModalComponent_Factory(t) { return new (t || PoRichTextLinkModalComponent)(i0.ɵɵdirectiveInject(PoLanguageService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoRichTextLinkModalComponent, selectors: [["po-rich-text-link-modal"]], viewQuery: function PoRichTextLinkModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$E, 7);
+            i0.ɵɵviewQuery(_c0$F, 7);
             i0.ɵɵviewQuery(_c1$f, 5);
         } if (rf & 2) {
             let _t;
@@ -38951,7 +38951,7 @@ class PoRichTextLinkModalComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoRichTextLinkModalComponent, { className: "PoRichTextLinkModalComponent", filePath: "lib/components/po-field/po-rich-text/po-rich-text-link-modal/po-rich-text-link-modal.component.ts", lineNumber: 14 }); })();
 
-const _c0$D = ["colorPickerInput"];
+const _c0$E = ["colorPickerInput"];
 const _c1$e = ["toolbarElement"];
 function PoRichTextToolbarComponent_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
@@ -39139,7 +39139,7 @@ class PoRichTextToolbarComponent {
     }
     static ɵfac = function PoRichTextToolbarComponent_Factory(t) { return new (t || PoRichTextToolbarComponent)(i0.ɵɵdirectiveInject(PoLanguageService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoRichTextToolbarComponent, selectors: [["po-rich-text-toolbar"]], viewQuery: function PoRichTextToolbarComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$D, 5, ElementRef);
+            i0.ɵɵviewQuery(_c0$E, 5, ElementRef);
             i0.ɵɵviewQuery(_c1$e, 7);
             i0.ɵɵviewQuery(PoRichTextImageModalComponent, 7);
             i0.ɵɵviewQuery(PoRichTextLinkModalComponent, 7);
@@ -39451,7 +39451,7 @@ class PoFieldValidateModel extends PoFieldModel {
             args: ['p-show-required']
         }] }); })();
 
-const _c0$C = ["select"];
+const _c0$D = ["select"];
 function PoSelectComponent_ng_container_4_option_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 8);
     i0.ɵɵtext(1);
@@ -39902,7 +39902,7 @@ class PoSelectComponent extends PoFieldValidateModel {
     }
     static ɵfac = function PoSelectComponent_Factory(t) { return new (t || PoSelectComponent)(i0.ɵɵdirectiveInject(ICONS_DICTIONARY, 8), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.Renderer2)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoSelectComponent, selectors: [["po-select"]], viewQuery: function PoSelectComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$C, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$D, 7, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.selectElement = _t.first);
@@ -40320,7 +40320,7 @@ class PoTextareaBaseComponent {
             args: ['p-rows']
         }] }); })();
 
-const _c0$B = ["inp"];
+const _c0$C = ["inp"];
 /**
  * @docsExtends PoTextareaBaseComponent
  *
@@ -40425,7 +40425,7 @@ class PoTextareaComponent extends PoTextareaBaseComponent {
     }
     static ɵfac = function PoTextareaComponent_Factory(t) { return new (t || PoTextareaComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTextareaComponent, selectors: [["po-textarea"]], viewQuery: function PoTextareaComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$B, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$C, 7, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputEl = _t.first);
@@ -40812,7 +40812,7 @@ class PoSearchBaseComponent {
             args: ['p-listbox-onclick']
         }] }); })();
 
-const _c0$A = ["poSearchInput"];
+const _c0$B = ["poSearchInput"];
 const _c1$d = ["poListboxContainerElement"];
 const _c2$5 = ["poListboxElement"];
 const _c3$3 = ["poListbox"];
@@ -41185,7 +41185,7 @@ class PoSearchComponent extends PoSearchBaseComponent {
     }
     static ɵfac = function PoSearchComponent_Factory(t) { return new (t || PoSearchComponent)(i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PoControlPositionService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoSearchComponent, selectors: [["po-search"]], viewQuery: function PoSearchComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$A, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$B, 7, ElementRef);
             i0.ɵɵviewQuery(_c1$d, 5, ElementRef);
             i0.ɵɵviewQuery(_c2$5, 5, ElementRef);
             i0.ɵɵviewQuery(_c3$3, 5);
@@ -41420,7 +41420,7 @@ i0.ɵɵsetComponentScope(PoTableComponent, [i1.NgClass, i1.NgForOf, i1.NgIf, i1.
     PoTableSubtitleFooterComponent,
     PoTableColumnFrozenDirective], [i1.LowerCasePipe, i1.TitleCasePipe, i1.CurrencyPipe, i1.DatePipe, PoTimePipe]);
 
-const _c0$z = ["container"];
+const _c0$A = ["container"];
 const _c1$c = ["divElement"];
 const _c2$4 = ["listbox"];
 /**
@@ -41550,7 +41550,7 @@ class PoMultiselectDropdownComponent {
     }
     static ɵfac = function PoMultiselectDropdownComponent_Factory(t) { return new (t || PoMultiselectDropdownComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoMultiselectDropdownComponent, selectors: [["po-multiselect-dropdown"]], viewQuery: function PoMultiselectDropdownComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$z, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$A, 7, ElementRef);
             i0.ɵɵviewQuery(_c1$c, 7, ElementRef);
             i0.ɵɵviewQuery(_c2$4, 5);
         } if (rf & 2) {
@@ -42437,7 +42437,7 @@ class PoDynamicFormFieldsBaseComponent extends PoDynamicSharedBase {
             args: ['p-validate-fields']
         }] }); })();
 
-const _c0$y = a0 => ({ $implicit: a0 });
+const _c0$z = a0 => ({ $implicit: a0 });
 function PoDynamicContainerComponent_ng_template_1_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
     i0.ɵɵtext(1);
@@ -42462,7 +42462,7 @@ function PoDynamicContainerComponent_ng_template_1_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", fieldsInContainer_r1[0].container);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.content)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c0$y, fieldsInContainer_r1));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.content)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c0$z, fieldsInContainer_r1));
 } }
 class PoDynamicContainerComponent {
     content;
@@ -42489,7 +42489,7 @@ class PoDynamicContainerComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoDynamicContainerComponent, { className: "PoDynamicContainerComponent", filePath: "lib/components/po-dynamic/po-dynamic-container/po-dynamic-container.component.ts", lineNumber: 7 }); })();
 
-const _c0$x = ["component"];
+const _c0$y = ["component"];
 const _c1$b = a0 => ({ $implicit: a0 });
 function PoDynamicFormFieldsComponent_div_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -42891,7 +42891,7 @@ class PoDynamicFormFieldsComponent extends PoDynamicFormFieldsBaseComponent {
     }
     static ɵfac = function PoDynamicFormFieldsComponent_Factory(t) { return new (t || PoDynamicFormFieldsComponent)(i0.ɵɵdirectiveInject(i1.TitleCasePipe), i0.ɵɵdirectiveInject(PoDynamicFormValidationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2$1.NgForm)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoDynamicFormFieldsComponent, selectors: [["po-dynamic-form-fields"]], viewQuery: function PoDynamicFormFieldsComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$x, 5);
+            i0.ɵɵviewQuery(_c0$y, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.components = _t);
@@ -43048,6 +43048,28 @@ class PoDynamicViewBaseComponent extends PoDynamicSharedBase {
     get showAllValue() {
         return this._showAllValue;
     }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Permite a quebra de linha no texto do `p-value`, aplicando-a onde há `\n`.
+     *
+     * ```
+     * <po-dynamic-view
+     *   [p-value]="{ description: 'Primeira linha\nSegunda linha' }"
+     *   [p-text-wrap]="true"
+     * ></po-dynamic-view>
+     * ```
+     *
+     * Saída:
+     * ```
+     * Primeira linha
+     * Segunda linha
+     * ```
+     * @default `false`
+     */
+    textWrap = false;
     /**
      * @description
      *
@@ -43305,7 +43327,7 @@ class PoDynamicViewBaseComponent extends PoDynamicSharedBase {
         return formattedField;
     }
     static ɵfac = function PoDynamicViewBaseComponent_Factory(t) { return new (t || PoDynamicViewBaseComponent)(i0.ɵɵdirectiveInject(i1.CurrencyPipe), i0.ɵɵdirectiveInject(i1.DatePipe), i0.ɵɵdirectiveInject(i1.DecimalPipe), i0.ɵɵdirectiveInject(PoTimePipe), i0.ɵɵdirectiveInject(i1.TitleCasePipe), i0.ɵɵdirectiveInject(PoDynamicViewService), i0.ɵɵdirectiveInject(PoComboFilterService), i0.ɵɵdirectiveInject(PoMultiselectFilterService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoDynamicViewBaseComponent, inputs: { load: [0, "p-load", "load"], fields: [0, "p-fields", "fields"], showAllValue: [0, "p-show-all-value", "showAllValue"], value: [0, "p-value", "value"] }, features: [i0.ɵɵInheritDefinitionFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoDynamicViewBaseComponent, inputs: { load: [0, "p-load", "load"], fields: [0, "p-fields", "fields"], showAllValue: [0, "p-show-all-value", "showAllValue"], textWrap: [0, "p-text-wrap", "textWrap"], value: [0, "p-value", "value"] }, features: [i0.ɵɵInheritDefinitionFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoDynamicViewBaseComponent, [{
         type: Directive
@@ -43318,6 +43340,9 @@ class PoDynamicViewBaseComponent extends PoDynamicSharedBase {
         }], showAllValue: [{
             type: Input,
             args: ['p-show-all-value']
+        }], textWrap: [{
+            type: Input,
+            args: ['p-text-wrap']
         }], value: [{
             type: Input,
             args: ['p-value']
@@ -43499,7 +43524,7 @@ class PoImageComponent extends PoImageBaseComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoImageComponent, { className: "PoImageComponent", filePath: "lib/components/po-image/po-image.component.ts", lineNumber: 30 }); })();
 
-const _c0$w = a0 => ({ $implicit: a0 });
+const _c0$x = a0 => ({ $implicit: a0 });
 function PoDynamicViewComponent_div_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -43513,7 +43538,7 @@ function PoDynamicViewComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const poContentContainer_r3 = i0.ɵɵreference(4);
     i0.ɵɵclassProp("po-dynamic", ctx_r0.hasContainers);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.hasContainers ? poContentContainer_r3 : poContent_r2)("ngTemplateOutletContext", i0.ɵɵpureFunction1(4, _c0$w, ctx_r0.hasContainers ? ctx_r0.containerFields : ctx_r0.visibleFields));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.hasContainers ? poContentContainer_r3 : poContent_r2)("ngTemplateOutletContext", i0.ɵɵpureFunction1(4, _c0$x, ctx_r0.hasContainers ? ctx_r0.containerFields : ctx_r0.visibleFields));
 } }
 function PoDynamicViewComponent_ng_template_1_ng_template_0_po_divider_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-divider", 10);
@@ -43534,7 +43559,7 @@ function PoDynamicViewComponent_ng_template_1_ng_template_0_Template(rf, ctx) {
     const poImage_r7 = i0.ɵɵreference(10);
     i0.ɵɵproperty("ngIf", field_r4 == null ? null : field_r4.divider == null ? null : field_r4.divider.trim());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", !field_r4.tag && !field_r4.image ? poInfo_r5 : !field_r4.image ? poTag_r6 : poImage_r7)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c0$w, field_r4));
+    i0.ɵɵproperty("ngTemplateOutlet", !field_r4.tag && !field_r4.image ? poInfo_r5 : !field_r4.image ? poTag_r6 : poImage_r7)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c0$x, field_r4));
 } }
 function PoDynamicViewComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, PoDynamicViewComponent_ng_template_1_ng_template_0_Template, 2, 5, "ng-template", 8);
@@ -43555,6 +43580,7 @@ function PoDynamicViewComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const field_r10 = ctx.$implicit;
     const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("po-info-value-pre", ctx_r0.textWrap && ctx_r0.containsLineBreak(ctx_r0.setFieldValue(field_r10)));
     i0.ɵɵproperty("ngClass", field_r10.cssClass)("p-label", field_r10.label)("p-value", ctx_r0.setFieldValue(field_r10));
 } }
 function PoDynamicViewComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
@@ -43632,6 +43658,9 @@ class PoDynamicViewComponent extends PoDynamicViewBaseComponent {
             return field.value;
         }
     }
+    containsLineBreak(value) {
+        return value && value.includes('\n');
+    }
     async getValuesAndFieldsFromLoad() {
         let valueAndFieldsFromLoad;
         if (typeof this.load === 'string') {
@@ -43676,14 +43705,14 @@ class PoDynamicViewComponent extends PoDynamicViewBaseComponent {
     }
     static ɵfac = function PoDynamicViewComponent_Factory(t) { return new (t || PoDynamicViewComponent)(i0.ɵɵdirectiveInject(i1.CurrencyPipe), i0.ɵɵdirectiveInject(i1.DatePipe), i0.ɵɵdirectiveInject(i1.DecimalPipe), i0.ɵɵdirectiveInject(PoTimePipe), i0.ɵɵdirectiveInject(i1.TitleCasePipe), i0.ɵɵdirectiveInject(PoDynamicViewService), i0.ɵɵdirectiveInject(PoComboFilterService), i0.ɵɵdirectiveInject(PoMultiselectFilterService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoDynamicViewComponent, selectors: [["po-dynamic-view"]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 11, vars: 1, consts: [["poContent", ""], ["poContentContainer", ""], ["poInfo", ""], ["poTag", ""], ["poImage", ""], ["class", "po-row", 3, "po-dynamic", 4, "ngIf"], [1, "po-row"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["ngFor", "", 3, "ngForOf"], ["class", "po-sm-12", 3, "p-label", 4, "ngIf"], [1, "po-sm-12", 3, "p-label"], [3, "p-fields", "p-content"], [3, "ngClass", "p-label", "p-value"], [3, "ngClass", "p-color", "p-icon", "p-label", "p-text-color", "p-value"], [3, "p-alt", "p-height", "p-src"]], template: function PoDynamicViewComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, PoDynamicViewComponent_div_0_Template, 2, 6, "div", 5)(1, PoDynamicViewComponent_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, PoDynamicViewComponent_ng_template_3_Template, 1, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(5, PoDynamicViewComponent_ng_template_5_Template, 1, 3, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(7, PoDynamicViewComponent_ng_template_7_Template, 1, 6, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor)(9, PoDynamicViewComponent_ng_template_9_Template, 1, 3, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(0, PoDynamicViewComponent_div_0_Template, 2, 6, "div", 5)(1, PoDynamicViewComponent_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, PoDynamicViewComponent_ng_template_3_Template, 1, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(5, PoDynamicViewComponent_ng_template_5_Template, 1, 5, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(7, PoDynamicViewComponent_ng_template_7_Template, 1, 6, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor)(9, PoDynamicViewComponent_ng_template_9_Template, 1, 3, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.visibleFields.length);
         } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, PoDividerComponent, PoInfoComponent, PoTagComponent, PoImageComponent, PoDynamicContainerComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoDynamicViewComponent, [{
         type: Component,
-        args: [{ selector: 'po-dynamic-view', template: "<div class=\"po-row\" [class.po-dynamic]=\"hasContainers\" *ngIf=\"visibleFields.length\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      hasContainers ? poContentContainer : poContent;\n      context: { $implicit: hasContainers ? containerFields : visibleFields }\n    \"\n  ></ng-container>\n</div>\n\n<ng-template #poContent let-fields>\n  <ng-template ngFor let-field [ngForOf]=\"fields\">\n    <po-divider *ngIf=\"field?.divider?.trim()\" class=\"po-sm-12\" [p-label]=\"field.divider\"> </po-divider>\n    <ng-container\n      *ngTemplateOutlet=\"\n        !field.tag && !field.image ? poInfo : !field.image ? poTag : poImage;\n        context: { $implicit: field }\n      \"\n    >\n    </ng-container>\n  </ng-template>\n</ng-template>\n\n<ng-template #poContentContainer let-fields>\n  <po-dynamic-container [p-fields]=\"fields\" [p-content]=\"poContent\"></po-dynamic-container>\n</ng-template>\n\n<ng-template #poInfo let-field>\n  <po-info [ngClass]=\"field.cssClass\" [p-label]=\"field.label\" [p-value]=\"setFieldValue(field)\"> </po-info>\n</ng-template>\n\n<ng-template #poTag let-field>\n  <po-tag\n    [ngClass]=\"field.cssClass\"\n    [p-color]=\"field.color\"\n    [p-icon]=\"field.icon\"\n    [p-label]=\"field.label\"\n    [p-text-color]=\"field.textColor\"\n    [p-value]=\"setFieldValue(field)\"\n  >\n  </po-tag>\n</ng-template>\n\n<ng-template #poImage let-field>\n  <po-image [p-alt]=\"field.alt\" [p-height]=\"field.height\" [p-src]=\"field.value\"> </po-image>\n</ng-template>\n" }]
+        args: [{ selector: 'po-dynamic-view', template: "<div class=\"po-row\" [class.po-dynamic]=\"hasContainers\" *ngIf=\"visibleFields.length\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      hasContainers ? poContentContainer : poContent;\n      context: { $implicit: hasContainers ? containerFields : visibleFields }\n    \"\n  ></ng-container>\n</div>\n\n<ng-template #poContent let-fields>\n  <ng-template ngFor let-field [ngForOf]=\"fields\">\n    <po-divider *ngIf=\"field?.divider?.trim()\" class=\"po-sm-12\" [p-label]=\"field.divider\"> </po-divider>\n    <ng-container\n      *ngTemplateOutlet=\"\n        !field.tag && !field.image ? poInfo : !field.image ? poTag : poImage;\n        context: { $implicit: field }\n      \"\n    >\n    </ng-container>\n  </ng-template>\n</ng-template>\n\n<ng-template #poContentContainer let-fields>\n  <po-dynamic-container [p-fields]=\"fields\" [p-content]=\"poContent\"></po-dynamic-container>\n</ng-template>\n\n<ng-template #poInfo let-field>\n  <po-info\n    [ngClass]=\"field.cssClass\"\n    [class.po-info-value-pre]=\"textWrap && containsLineBreak(setFieldValue(field))\"\n    [p-label]=\"field.label\"\n    [p-value]=\"setFieldValue(field)\"\n  >\n  </po-info\n></ng-template>\n\n<ng-template #poTag let-field>\n  <po-tag\n    [ngClass]=\"field.cssClass\"\n    [p-color]=\"field.color\"\n    [p-icon]=\"field.icon\"\n    [p-label]=\"field.label\"\n    [p-text-color]=\"field.textColor\"\n    [p-value]=\"setFieldValue(field)\"\n  >\n  </po-tag>\n</ng-template>\n\n<ng-template #poImage let-field>\n  <po-image [p-alt]=\"field.alt\" [p-height]=\"field.height\" [p-src]=\"field.value\"> </po-image>\n</ng-template>\n" }]
     }], () => [{ type: i1.CurrencyPipe }, { type: i1.DatePipe }, { type: i1.DecimalPipe }, { type: PoTimePipe }, { type: i1.TitleCasePipe }, { type: PoDynamicViewService }, { type: PoComboFilterService }, { type: PoMultiselectFilterService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoDynamicViewComponent, { className: "PoDynamicViewComponent", filePath: "lib/components/po-dynamic/po-dynamic-view/po-dynamic-view.component.ts", lineNumber: 42 }); })();
 
@@ -43971,7 +44000,7 @@ class PoGaugeTitleComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoGaugeTitleComponent, { className: "PoGaugeTitleComponent", filePath: "lib/components/po-gauge/po-gauge-title/po-gauge-title.component.ts", lineNumber: 7 }); })();
 
-const _c0$v = a0 => ({ $implicit: a0 });
+const _c0$w = a0 => ({ $implicit: a0 });
 function PoGaugeLegendComponent_li_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -43987,7 +44016,7 @@ function PoGaugeLegendComponent_li_1_Template(rf, ctx) { if (rf & 1) {
     const colorpalette_r2 = i0.ɵɵreference(3);
     const colorstyle_r3 = i0.ɵɵreference(5);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", (range_r1.color == null ? null : range_r1.color.includes("po-color")) ? colorpalette_r2 : colorstyle_r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c0$v, range_r1));
+    i0.ɵɵproperty("ngTemplateOutlet", (range_r1.color == null ? null : range_r1.color.includes("po-color")) ? colorpalette_r2 : colorstyle_r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c0$w, range_r1));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(range_r1.label);
 } }
@@ -44038,7 +44067,7 @@ class PoGaugeLegendComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoGaugeLegendComponent, { className: "PoGaugeLegendComponent", filePath: "lib/components/po-gauge/po-gauge-legend/po-gauge-legend.component.ts", lineNumber: 9 }); })();
 
-const _c0$u = ["po-gauge-path", ""];
+const _c0$v = ["po-gauge-path", ""];
 function PoGaugePathComponent__svg_path_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelement(0, "path");
@@ -44055,7 +44084,7 @@ class PoGaugePathComponent {
         return index;
     }
     static ɵfac = function PoGaugePathComponent_Factory(t) { return new (t || PoGaugePathComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoGaugePathComponent, selectors: [["", "po-gauge-path", ""]], inputs: { baseCoordinates: [0, "p-base-coordinates", "baseCoordinates"], rangesCoordinates: [0, "p-ranges-coordinates", "rangesCoordinates"] }, attrs: _c0$u, decls: 3, vars: 3, consts: [[1, "po-gauge-base"], [3, "class", 4, "ngFor", "ngForOf", "ngForTrackBy"]], template: function PoGaugePathComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoGaugePathComponent, selectors: [["", "po-gauge-path", ""]], inputs: { baseCoordinates: [0, "p-base-coordinates", "baseCoordinates"], rangesCoordinates: [0, "p-ranges-coordinates", "rangesCoordinates"] }, attrs: _c0$v, decls: 3, vars: 3, consts: [[1, "po-gauge-base"], [3, "class", 4, "ngFor", "ngForOf", "ngForTrackBy"]], template: function PoGaugePathComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵnamespaceSVG();
             i0.ɵɵelementStart(0, "g");
             i0.ɵɵelement(1, "path", 0);
@@ -44080,7 +44109,7 @@ class PoGaugePathComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoGaugePathComponent, { className: "PoGaugePathComponent", filePath: "lib/components/po-gauge/po-gauge-svg/po-gauge-path/po-gauge-path.component.ts", lineNumber: 9 }); })();
 
-const _c0$t = ["pointer"];
+const _c0$u = ["pointer"];
 const _c1$a = ["po-gauge-pointer", ""];
 class PoGaugePointerComponent {
     renderer;
@@ -44120,7 +44149,7 @@ class PoGaugePointerComponent {
     }
     static ɵfac = function PoGaugePointerComponent_Factory(t) { return new (t || PoGaugePointerComponent)(i0.ɵɵdirectiveInject(i0.Renderer2)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoGaugePointerComponent, selectors: [["", "po-gauge-pointer", ""]], viewQuery: function PoGaugePointerComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$t, 5);
+            i0.ɵɵviewQuery(_c0$u, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pointer = _t.first);
@@ -44383,7 +44412,7 @@ class PoGaugeSvgComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoGaugeSvgComponent, { className: "PoGaugeSvgComponent", filePath: "lib/components/po-gauge/po-gauge-svg/po-gauge-svg.component.ts", lineNumber: 17 }); })();
 
-const _c0$s = ["descriptionText"];
+const _c0$t = ["descriptionText"];
 function PoGaugeDescriptionComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -44457,7 +44486,7 @@ class PoGaugeDescriptionComponent {
     }
     static ɵfac = function PoGaugeDescriptionComponent_Factory(t) { return new (t || PoGaugeDescriptionComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoGaugeDescriptionComponent, selectors: [["po-gauge-description"]], viewQuery: function PoGaugeDescriptionComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$s, 5);
+            i0.ɵɵviewQuery(_c0$t, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.descriptionText = _t.first);
@@ -44494,7 +44523,7 @@ class PoGaugeDescriptionComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoGaugeDescriptionComponent, { className: "PoGaugeDescriptionComponent", filePath: "lib/components/po-gauge/po-gauge-description/po-gauge-description.component.ts", lineNumber: 7 }); })();
 
-const _c0$r = ["descriptionEl"];
+const _c0$s = ["descriptionEl"];
 const _c1$9 = ["legendEl"];
 const _c2$3 = ["titleEl"];
 const _c3$2 = ["svgEl"];
@@ -44555,7 +44584,7 @@ class PoGaugeComponent extends PoGaugeBaseComponent {
     }
     static ɵfac = function PoGaugeComponent_Factory(t) { return new (t || PoGaugeComponent)(i0.ɵɵdirectiveInject(PoColorService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoGaugeComponent, selectors: [["po-gauge"]], viewQuery: function PoGaugeComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$r, 5, ElementRef);
+            i0.ɵɵviewQuery(_c0$s, 5, ElementRef);
             i0.ɵɵviewQuery(_c1$9, 5, ElementRef);
             i0.ɵɵviewQuery(_c2$3, 5, ElementRef);
             i0.ɵɵviewQuery(_c3$2, 5, ElementRef);
@@ -44669,7 +44698,7 @@ class PoGridCellActionComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoGridCellActionComponent, { className: "PoGridCellActionComponent", filePath: "lib/components/po-grid/po-grid-cell-action/po-grid-cell-action.component.ts", lineNumber: 7 }); })();
 
-const _c0$q = ["inputElement"];
+const _c0$r = ["inputElement"];
 const _c1$8 = ["contentElement"];
 function PoGridCellComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -44792,7 +44821,7 @@ class PoGridCellComponent {
     }
     static ɵfac = function PoGridCellComponent_Factory(t) { return new (t || PoGridCellComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoGridCellComponent, selectors: [["po-grid-cell"]], viewQuery: function PoGridCellComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$q, 5);
+            i0.ɵɵviewQuery(_c0$r, 5);
             i0.ɵɵviewQuery(_c1$8, 5);
         } if (rf & 2) {
             let _t;
@@ -44899,7 +44928,7 @@ class PoGridHeadComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoGridHeadComponent, { className: "PoGridHeadComponent", filePath: "lib/components/po-grid/po-grid-head/po-grid-head.component.ts", lineNumber: 7 }); })();
 
-const _c0$p = ["table"];
+const _c0$q = ["table"];
 const _c1$7 = ["wrapper"];
 function PoGridComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
@@ -45404,7 +45433,7 @@ class PoGridComponent {
     }
     static ɵfac = function PoGridComponent_Factory(t) { return new (t || PoGridComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoGridComponent, selectors: [["po-grid"]], viewQuery: function PoGridComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$p, 7);
+            i0.ɵɵviewQuery(_c0$q, 7);
             i0.ɵɵviewQuery(_c1$7, 7);
         } if (rf & 2) {
             let _t;
@@ -45981,7 +46010,7 @@ class PoListViewDetailTemplateDirective {
             args: ['p-show-detail']
         }] }); })();
 
-const _c0$o = ["popup"];
+const _c0$p = ["popup"];
 const _c1$6 = (a0, a1) => ({ $implicit: a0, index: a1 });
 function PoListViewComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -46283,7 +46312,7 @@ class PoListViewComponent extends PoListViewBaseComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.listViewContentTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.listViewDetailTemplate = _t.first);
         } }, viewQuery: function PoListViewComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$o, 7);
+            i0.ɵɵviewQuery(_c0$p, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.poPopupComponent = _t.first);
@@ -46966,7 +46995,7 @@ class PoMenuPanelModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoMenuPanelModule, { declarations: [PoMenuPanelComponent, PoMenuPanelItemComponent], imports: [CommonModule, RouterModule, PoFieldModule, PoLogoModule, PoTooltipModule], exports: [PoMenuPanelComponent] }); })();
 
-const _c0$n = ["inputFilter"];
+const _c0$o = ["inputFilter"];
 function PoMenuFilterComponent_po_icon_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-icon", 8);
 } }
@@ -47006,7 +47035,7 @@ class PoMenuFilterComponent {
     }
     static ɵfac = function PoMenuFilterComponent_Factory(t) { return new (t || PoMenuFilterComponent)(i0.ɵɵdirectiveInject(PoLanguageService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoMenuFilterComponent, selectors: [["po-menu-filter"]], viewQuery: function PoMenuFilterComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$n, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$o, 7, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputFilterElement = _t.first);
@@ -47135,7 +47164,7 @@ class PoMenuItemsService {
         type: Injectable
     }], null, null); })();
 
-const _c0$m = ["menuSubItems"];
+const _c0$n = ["menuSubItems"];
 function PoMenuItemComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -47456,7 +47485,7 @@ class PoMenuItemComponent {
     }
     static ɵfac = function PoMenuItemComponent_Factory(t) { return new (t || PoMenuItemComponent)(i0.ɵɵdirectiveInject(PoMenuItemsService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoMenuItemComponent, selectors: [["po-menu-item"]], viewQuery: function PoMenuItemComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$m, 5);
+            i0.ɵɵviewQuery(_c0$n, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.menuSubItems = _t.first);
@@ -48018,7 +48047,7 @@ class PoMenuBaseComponent {
             args: ['p-short-logo']
         }] }); })();
 
-const _c0$l = a0 => ({ "po-menu-animation": a0 });
+const _c0$m = a0 => ({ "po-menu-animation": a0 });
 function PoMenuComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 17);
@@ -48613,7 +48642,7 @@ class PoMenuComponent extends PoMenuBaseComponent {
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.mobileOpened);
             i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$l, ctx.mobileOpened));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$m, ctx.mobileOpened));
             i0.ɵɵattribute("aria-expanded", !ctx.collapsed);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.logo || ctx.shortLogo && ctx.enableCollapse);
@@ -48818,7 +48847,7 @@ class PoNavbarActionsModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoNavbarActionsModule, { declarations: [PoNavbarActionComponent, PoNavbarActionPopupComponent, PoNavbarActionsComponent], imports: [CommonModule, PoPopupModule, PoTooltipModule, PoIconModule], exports: [PoNavbarActionsComponent] }); })();
 
-const _c0$k = (a0, a1) => ({ "po-navbar-item-navigation-icon-disabled": a0, "po-clickable": a1 });
+const _c0$l = (a0, a1) => ({ "po-navbar-item-navigation-icon-disabled": a0, "po-clickable": a1 });
 class PoNavbarItemNavigationIconComponent {
     disabled;
     icon;
@@ -48830,7 +48859,7 @@ class PoNavbarItemNavigationIconComponent {
             i0.ɵɵelement(1, "po-icon", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(3, _c0$k, ctx.disabled, !ctx.disabled));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(3, _c0$l, ctx.disabled, !ctx.disabled));
             i0.ɵɵadvance();
             i0.ɵɵpropertyInterpolate1("p-icon", "ICON_ARROW_", ctx.icon, "");
         } }, dependencies: [i1.NgClass, PoIconComponent], encapsulation: 2 });
@@ -48973,7 +49002,7 @@ class PoNavbarItemComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoNavbarItemComponent, { className: "PoNavbarItemComponent", filePath: "lib/components/po-navbar/po-navbar-items/po-navbar-item/po-navbar-item.component.ts", lineNumber: 11 }); })();
 
-const _c0$j = ["navbarItemsContainer"];
+const _c0$k = ["navbarItemsContainer"];
 function PoNavbarItemsComponent_li_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "li", 3);
     i0.ɵɵelement(1, "po-navbar-item", 4);
@@ -49027,7 +49056,7 @@ class PoNavbarItemsComponent {
     }
     static ɵfac = function PoNavbarItemsComponent_Factory(t) { return new (t || PoNavbarItemsComponent)(i0.ɵɵdirectiveInject(i2.Router)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoNavbarItemsComponent, selectors: [["po-navbar-items"]], viewQuery: function PoNavbarItemsComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$j, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$k, 7, ElementRef);
             i0.ɵɵviewQuery(PoNavbarItemComponent, 5, ElementRef);
         } if (rf & 2) {
             let _t;
@@ -49273,7 +49302,7 @@ class PoNavbarBaseComponent {
             args: ['p-shadow']
         }] }); })();
 
-const _c0$i = a0 => ({ "po-navbar-shadow": a0 });
+const _c0$j = a0 => ({ "po-navbar-shadow": a0 });
 const _c1$5 = (a0, a1) => ({ "po-navbar-logo-menu": a0, "po-navbar-no-logo": a1 });
 function PoNavbarComponent_po_navbar_item_navigation_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -49506,7 +49535,7 @@ class PoNavbarComponent extends PoNavbarBaseComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(5, PoNavbarComponent_po_menu_5_Template, 1, 1, "po-menu", 5);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$i, ctx.shadow));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$j, ctx.shadow));
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(9, _c1$5, !!ctx.applicationMenu, !ctx.logo))("p-logo", ctx.logo);
             i0.ɵɵadvance();
@@ -49611,7 +49640,7 @@ class PoPageContentBaseComponent {
     resizeListener;
 }
 
-const _c0$h = ["*"];
+const _c0$i = ["*"];
 /**
  * @docsPrivate
  *
@@ -49655,7 +49684,7 @@ class PoPageContentComponent extends PoPageContentBaseComponent {
         this.resizeListener();
     }
     static ɵfac = function PoPageContentComponent_Factory(t) { return new (t || PoPageContentComponent)(i0.ɵɵdirectiveInject(i0.Renderer2)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageContentComponent, selectors: [["po-page-content"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$h, decls: 2, vars: 6, consts: [[1, "po-page-content"]], template: function PoPageContentComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageContentComponent, selectors: [["po-page-content"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$i, decls: 2, vars: 6, consts: [[1, "po-page-content"]], template: function PoPageContentComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
@@ -49833,7 +49862,7 @@ class PoPageDefaultBaseComponent {
 class PoPageBaseComponent {
 }
 
-const _c0$g = ["*"];
+const _c0$h = ["*"];
 /**
  * @docsPrivate
  *
@@ -49841,7 +49870,7 @@ const _c0$g = ["*"];
  */
 class PoPageComponent extends PoPageBaseComponent {
     static ɵfac = /*@__PURE__*/ (() => { let ɵPoPageComponent_BaseFactory; return function PoPageComponent_Factory(t) { return (ɵPoPageComponent_BaseFactory || (ɵPoPageComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PoPageComponent)))(t || PoPageComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageComponent, selectors: [["po-page"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$g, decls: 2, vars: 0, consts: [[1, "po-page"]], template: function PoPageComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageComponent, selectors: [["po-page"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$h, decls: 2, vars: 0, consts: [[1, "po-page"]], template: function PoPageComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
@@ -49891,7 +49920,7 @@ class PoPageHeaderBaseComponent {
             args: ['p-breadcrumb']
         }] }); })();
 
-const _c0$f = ["*"];
+const _c0$g = ["*"];
 function PoPageHeaderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4);
     i0.ɵɵelement(1, "po-breadcrumb", 5);
@@ -49936,7 +49965,7 @@ function PoPageHeaderComponent_div_3_Template(rf, ctx) { if (rf & 1) {
  */
 class PoPageHeaderComponent extends PoPageHeaderBaseComponent {
     static ɵfac = /*@__PURE__*/ (() => { let ɵPoPageHeaderComponent_BaseFactory; return function PoPageHeaderComponent_Factory(t) { return (ɵPoPageHeaderComponent_BaseFactory || (ɵPoPageHeaderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PoPageHeaderComponent)))(t || PoPageHeaderComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageHeaderComponent, selectors: [["po-page-header"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$f, decls: 5, vars: 2, consts: [[1, "po-page-header"], ["class", "po-page-header-breadcrumb", 4, "ngIf"], [1, "po-page-header-container"], ["class", "po-page-header-title-container", 4, "ngIf"], [1, "po-page-header-breadcrumb"], [3, "p-favorite-service", "p-items", "p-params-service"], [1, "po-page-header-title-container"], ["class", "po-page-header-title", 4, "ngIf"], ["class", "po-page-header-subtitle", 4, "ngIf"], [1, "po-page-header-title"], [1, "po-page-header-subtitle"]], template: function PoPageHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageHeaderComponent, selectors: [["po-page-header"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$g, decls: 5, vars: 2, consts: [[1, "po-page-header"], ["class", "po-page-header-breadcrumb", 4, "ngIf"], [1, "po-page-header-container"], ["class", "po-page-header-title-container", 4, "ngIf"], [1, "po-page-header-breadcrumb"], [3, "p-favorite-service", "p-items", "p-params-service"], [1, "po-page-header-title-container"], ["class", "po-page-header-title", 4, "ngIf"], ["class", "po-page-header-subtitle", 4, "ngIf"], [1, "po-page-header-title"], [1, "po-page-header-subtitle"]], template: function PoPageHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, PoPageHeaderComponent_div_1_Template, 2, 3, "div", 1);
@@ -49957,7 +49986,7 @@ class PoPageHeaderComponent extends PoPageHeaderBaseComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageHeaderComponent, { className: "PoPageHeaderComponent", filePath: "lib/components/po-page/po-page-header/po-page-header.component.ts", lineNumber: 13 }); })();
 
-const _c0$e = ["*"];
+const _c0$f = ["*"];
 function PoPageDefaultComponent_po_page_header_1_po_dropdown_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-dropdown", 7);
 } if (rf & 2) {
@@ -50091,7 +50120,7 @@ class PoPageDefaultComponent extends PoPageDefaultBaseComponent {
         }
     }
     static ɵfac = function PoPageDefaultComponent_Factory(t) { return new (t || PoPageDefaultComponent)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i2.Router)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDefaultComponent, selectors: [["po-page-default"]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$e, decls: 4, vars: 1, consts: [[3, "p-breadcrumb", "p-title", "p-subtitle", 4, "ngIf"], [3, "p-breadcrumb", "p-title", "p-subtitle"], [1, "po-page-header-actions"], [3, "p-label", "p-actions", 4, "ngIf"], [3, "p-danger", "p-disabled", "p-label", "p-click", 4, "ngIf"], [3, "p-disabled", "p-label", "p-danger", "p-click", 4, "ngIf"], ["p-kind", "primary", 3, "p-danger", "p-disabled", "p-icon", "p-label", "p-click", 4, "ngIf"], [3, "p-label", "p-actions"], [3, "p-click", "p-danger", "p-disabled", "p-label"], [3, "p-click", "p-disabled", "p-label", "p-danger"], ["p-kind", "primary", 3, "p-click", "p-danger", "p-disabled", "p-icon", "p-label"]], template: function PoPageDefaultComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDefaultComponent, selectors: [["po-page-default"]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$f, decls: 4, vars: 1, consts: [[3, "p-breadcrumb", "p-title", "p-subtitle", 4, "ngIf"], [3, "p-breadcrumb", "p-title", "p-subtitle"], [1, "po-page-header-actions"], [3, "p-label", "p-actions", 4, "ngIf"], [3, "p-danger", "p-disabled", "p-label", "p-click", 4, "ngIf"], [3, "p-disabled", "p-label", "p-danger", "p-click", 4, "ngIf"], ["p-kind", "primary", 3, "p-danger", "p-disabled", "p-icon", "p-label", "p-click", 4, "ngIf"], [3, "p-label", "p-actions"], [3, "p-click", "p-danger", "p-disabled", "p-label"], [3, "p-click", "p-disabled", "p-label", "p-danger"], ["p-kind", "primary", 3, "p-click", "p-danger", "p-disabled", "p-icon", "p-label"]], template: function PoPageDefaultComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "po-page");
             i0.ɵɵtemplate(1, PoPageDefaultComponent_po_page_header_1_Template, 6, 7, "po-page-header", 0);
@@ -50283,7 +50312,7 @@ class PoPageDetailBaseComponent {
             args: ['p-subtitle']
         }] }); })();
 
-const _c0$d = ["*"];
+const _c0$e = ["*"];
 function PoPageDetailComponent_po_page_header_1_div_1_po_button_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-button", 7);
@@ -50387,7 +50416,7 @@ class PoPageDetailComponent extends PoPageDetailBaseComponent {
         return !!(this.title || this.hasAnyAction() || (this.breadcrumb && this.breadcrumb.items.length));
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵPoPageDetailComponent_BaseFactory; return function PoPageDetailComponent_Factory(t) { return (ɵPoPageDetailComponent_BaseFactory || (ɵPoPageDetailComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PoPageDetailComponent)))(t || PoPageDetailComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDetailComponent, selectors: [["po-page-detail"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$d, decls: 4, vars: 1, consts: [[3, "p-breadcrumb", "p-title", "p-subtitle", 4, "ngIf"], [3, "p-breadcrumb", "p-title", "p-subtitle"], ["class", "po-page-header-actions", 4, "ngIf"], [1, "po-page-header-actions"], [3, "p-icon", "p-label", "p-kind", "p-click", 4, "ngIf"], ["p-danger", "", 3, "p-icon", "p-label", "p-kind", "p-click", 4, "ngIf"], ["p-icon", "ICON_EDIT", "p-kind", "primary", 3, "p-label", "p-click", 4, "ngIf"], [3, "p-click", "p-icon", "p-label", "p-kind"], ["p-danger", "", 3, "p-click", "p-icon", "p-label", "p-kind"], ["p-icon", "ICON_EDIT", "p-kind", "primary", 3, "p-click", "p-label"]], template: function PoPageDetailComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDetailComponent, selectors: [["po-page-detail"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$e, decls: 4, vars: 1, consts: [[3, "p-breadcrumb", "p-title", "p-subtitle", 4, "ngIf"], [3, "p-breadcrumb", "p-title", "p-subtitle"], ["class", "po-page-header-actions", 4, "ngIf"], [1, "po-page-header-actions"], [3, "p-icon", "p-label", "p-kind", "p-click", 4, "ngIf"], ["p-danger", "", 3, "p-icon", "p-label", "p-kind", "p-click", 4, "ngIf"], ["p-icon", "ICON_EDIT", "p-kind", "primary", 3, "p-label", "p-click", 4, "ngIf"], [3, "p-click", "p-icon", "p-label", "p-kind"], ["p-danger", "", 3, "p-click", "p-icon", "p-label", "p-kind"], ["p-icon", "ICON_EDIT", "p-kind", "primary", 3, "p-click", "p-label"]], template: function PoPageDetailComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "po-page");
             i0.ɵɵtemplate(1, PoPageDetailComponent_po_page_header_1_Template, 2, 4, "po-page-header", 0);
@@ -50588,7 +50617,7 @@ class PoPageEditBaseComponent {
             args: ['p-subtitle']
         }] }); })();
 
-const _c0$c = ["*"];
+const _c0$d = ["*"];
 function PoPageEditComponent_po_page_header_1_div_1_po_button_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-button", 7);
@@ -50695,7 +50724,7 @@ class PoPageEditComponent extends PoPageEditBaseComponent {
         return false;
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵPoPageEditComponent_BaseFactory; return function PoPageEditComponent_Factory(t) { return (ɵPoPageEditComponent_BaseFactory || (ɵPoPageEditComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PoPageEditComponent)))(t || PoPageEditComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageEditComponent, selectors: [["po-page-edit"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$c, decls: 4, vars: 1, consts: [[3, "p-breadcrumb", "p-title", "p-subtitle", 4, "ngIf"], [3, "p-breadcrumb", "p-title", "p-subtitle"], ["class", "po-page-header-actions", 4, "ngIf"], [1, "po-page-header-actions"], [3, "p-icon", "p-label", "p-kind", "p-click", 4, "ngIf"], [3, "p-disabled", "p-icon", "p-label", "p-kind", "p-click", 4, "ngIf"], ["p-icon", "ICON_OK", "p-kind", "primary", 3, "p-disabled", "p-label", "p-click", 4, "ngIf"], [3, "p-click", "p-icon", "p-label", "p-kind"], [3, "p-click", "p-disabled", "p-icon", "p-label", "p-kind"], ["p-icon", "ICON_OK", "p-kind", "primary", 3, "p-click", "p-disabled", "p-label"]], template: function PoPageEditComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageEditComponent, selectors: [["po-page-edit"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$d, decls: 4, vars: 1, consts: [[3, "p-breadcrumb", "p-title", "p-subtitle", 4, "ngIf"], [3, "p-breadcrumb", "p-title", "p-subtitle"], ["class", "po-page-header-actions", 4, "ngIf"], [1, "po-page-header-actions"], [3, "p-icon", "p-label", "p-kind", "p-click", 4, "ngIf"], [3, "p-disabled", "p-icon", "p-label", "p-kind", "p-click", 4, "ngIf"], ["p-icon", "ICON_OK", "p-kind", "primary", 3, "p-disabled", "p-label", "p-click", 4, "ngIf"], [3, "p-click", "p-icon", "p-label", "p-kind"], [3, "p-click", "p-disabled", "p-icon", "p-label", "p-kind"], ["p-icon", "ICON_OK", "p-kind", "primary", 3, "p-click", "p-disabled", "p-label"]], template: function PoPageEditComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "po-page");
             i0.ɵɵtemplate(1, PoPageEditComponent_po_page_header_1_Template, 2, 4, "po-page-header", 0);
@@ -50909,7 +50938,7 @@ class PoPageListBaseComponent {
             args: ['p-subtitle']
         }] }); })();
 
-const _c0$b = ["filterInput"];
+const _c0$c = ["filterInput"];
 const _c1$4 = ["*"];
 function PoPageListComponent_po_page_header_1_po_button_4_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -51183,7 +51212,7 @@ class PoPageListComponent extends PoPageListBaseComponent {
     }
     static ɵfac = function PoPageListComponent_Factory(t) { return new (t || PoPageListComponent)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageListComponent, selectors: [["po-page-list"]], viewQuery: function PoPageListComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$b, 5);
+            i0.ɵɵviewQuery(_c0$c, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterInput = _t.first);
@@ -51503,7 +51532,7 @@ class PoSlideContentTemplateDirective {
             }]
     }], () => [{ type: i0.TemplateRef }], null); })();
 
-const _c0$a = ["slideItem"];
+const _c0$b = ["slideItem"];
 const _c1$3 = (a0, a1) => ({ alt: a0, image: a1 });
 const _c2$2 = a0 => ({ item: a0 });
 const _c3$1 = (a0, a1, a2) => ({ alt: a0, image: a1, data: a2 });
@@ -51610,7 +51639,7 @@ class PoSlideItemComponent {
     }
     static ɵfac = function PoSlideItemComponent_Factory(t) { return new (t || PoSlideItemComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoSlideItemComponent, selectors: [["po-slide-item"]], viewQuery: function PoSlideItemComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$a, 7);
+            i0.ɵɵviewQuery(_c0$b, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.itemElement = _t.first);
@@ -51697,7 +51726,7 @@ class PoSlideControlComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoSlideControlComponent, { className: "PoSlideControlComponent", filePath: "lib/components/po-slide/po-slide-control/po-slide-control.component.ts", lineNumber: 14 }); })();
 
-const _c0$9 = ["slide"];
+const _c0$a = ["slide"];
 function PoSlideComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelement(1, "po-slide-item", 8);
@@ -51976,7 +52005,7 @@ class PoSlideComponent extends PoSlideBaseComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.slideContentTemplate = _t.first);
         } }, viewQuery: function PoSlideComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$9, 7);
+            i0.ɵɵviewQuery(_c0$a, 7);
             i0.ɵɵviewQuery(PoSlideItemComponent, 5);
         } if (rf & 2) {
             let _t;
@@ -52102,7 +52131,7 @@ var PoStepperStatus;
     PoStepperStatus["Error"] = "error";
 })(PoStepperStatus || (PoStepperStatus = {}));
 
-const _c0$8 = ["*"];
+const _c0$9 = ["*"];
 /**
  * @description
  *
@@ -52190,7 +52219,7 @@ class PoStepComponent {
             this.status === PoStepperStatus.Active || this.status === PoStepperStatus.Error ? '' : 'none';
     }
     static ɵfac = function PoStepComponent_Factory(t) { return new (t || PoStepComponent)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoStepComponent, selectors: [["po-step"]], inputs: { canActiveNextStep: [0, "p-can-active-next-step", "canActiveNextStep"], label: [0, "p-label", "label"], status: [0, "p-status", "status"] }, ngContentSelectors: _c0$8, decls: 1, vars: 0, template: function PoStepComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoStepComponent, selectors: [["po-step"]], inputs: { canActiveNextStep: [0, "p-can-active-next-step", "canActiveNextStep"], label: [0, "p-label", "label"], status: [0, "p-status", "status"] }, ngContentSelectors: _c0$9, decls: 1, vars: 0, template: function PoStepComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -52682,7 +52711,7 @@ class PoStepperStepComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoStepperStepComponent, { className: "PoStepperStepComponent", filePath: "lib/components/po-stepper/po-stepper-step/po-stepper-step.component.ts", lineNumber: 27 }); })();
 
-const _c0$7 = ["*"];
+const _c0$8 = ["*"];
 function PoStepperComponent_po_stepper_step_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-stepper-step", 3);
@@ -52908,7 +52937,7 @@ class PoStepperComponent extends PoStepperBaseComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.poSteps = _t);
-        } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$7, decls: 4, vars: 6, consts: [[1, "po-stepper-container"], ["class", "po-stepper-step-position", 3, "p-circle-content", "p-label", "p-orientation", "p-status", "p-step-icons", "p-step-size", "p-next-status", "p-activated", "p-click", "p-enter", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["class", "po-stepper-content", 4, "ngIf"], [1, "po-stepper-step-position", 3, "p-activated", "p-click", "p-enter", "p-circle-content", "p-label", "p-orientation", "p-status", "p-step-icons", "p-step-size", "p-next-status"], [1, "po-stepper-content"]], template: function PoStepperComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$8, decls: 4, vars: 6, consts: [[1, "po-stepper-container"], ["class", "po-stepper-step-position", 3, "p-circle-content", "p-label", "p-orientation", "p-status", "p-step-icons", "p-step-size", "p-next-status", "p-activated", "p-click", "p-enter", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["class", "po-stepper-content", 4, "ngIf"], [1, "po-stepper-step-position", 3, "p-activated", "p-click", "p-enter", "p-circle-content", "p-label", "p-orientation", "p-status", "p-step-icons", "p-step-size", "p-next-status"], [1, "po-stepper-content"]], template: function PoStepperComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div")(1, "div", 0);
             i0.ɵɵtemplate(2, PoStepperComponent_po_stepper_step_2_Template, 1, 7, "po-stepper-step", 1);
@@ -52961,7 +52990,7 @@ class PoStepperModule {
         PoStepperLabelComponent,
         PoStepperStepComponent], imports: [CommonModule, PoIconModule], exports: [PoStepComponent, PoStepperComponent] }); })();
 
-const _c0$6 = ["tabButtom"];
+const _c0$7 = ["tabButtom"];
 const _c1$2 = a0 => ({ "po-tab-focusable": a0 });
 const _c2$1 = (a0, a1) => ({ "po-tab-border-active": a0, "po-tab-border-disabled": a1 });
 /**
@@ -53034,7 +53063,7 @@ class PoTabButtonComponent {
     }
     static ɵfac = function PoTabButtonComponent_Factory(t) { return new (t || PoTabButtonComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTabButtonComponent, selectors: [["po-tab-button"]], viewQuery: function PoTabButtonComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$6, 7);
+            i0.ɵɵviewQuery(_c0$7, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabButtom = _t.first);
@@ -53198,7 +53227,7 @@ class PoTabsService {
         type: Injectable
     }], null, null); })();
 
-const _c0$5 = ["*"];
+const _c0$6 = ["*"];
 /**
  * @docsExtends PoTabBaseComponent
  */
@@ -53225,7 +53254,7 @@ class PoTabComponent extends PoTabBaseComponent {
         this.elementRef.nativeElement.style.display = this.active ? '' : 'none';
     }
     static ɵfac = function PoTabComponent_Factory(t) { return new (t || PoTabComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(PoTabsService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTabComponent, selectors: [["po-tab"]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$5, decls: 1, vars: 0, template: function PoTabComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTabComponent, selectors: [["po-tab"]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$6, decls: 1, vars: 0, template: function PoTabComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -53236,7 +53265,7 @@ class PoTabComponent extends PoTabBaseComponent {
     }], () => [{ type: i0.ElementRef }, { type: PoTabsService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoTabComponent, { className: "PoTabComponent", filePath: "lib/components/po-tabs/po-tab/po-tab.component.ts", lineNumber: 13 }); })();
 
-const _c0$4 = ["popover"];
+const _c0$5 = ["popover"];
 function PoTabDropdownComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 5)(1, "po-listbox", 6, 1);
@@ -53324,7 +53353,7 @@ class PoTabDropdownComponent {
     }
     static ɵfac = function PoTabDropdownComponent_Factory(t) { return new (t || PoTabDropdownComponent)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoTabDropdownComponent, selectors: [["po-tab-dropdown"]], viewQuery: function PoTabDropdownComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$4, 7);
+            i0.ɵɵviewQuery(_c0$5, 7);
             i0.ɵɵviewQuery(PoButtonComponent, 7);
         } if (rf & 2) {
             let _t;
@@ -53429,7 +53458,7 @@ class PoTabsBaseComponent {
         type: Directive
     }], null, null); })();
 
-const _c0$3 = ["tabDropdown"];
+const _c0$4 = ["tabDropdown"];
 const _c1$1 = ["containerTabs"];
 const _c2 = ["tabButton"];
 const _c3 = ["*"];
@@ -53832,7 +53861,7 @@ class PoTabsComponent extends PoTabsBaseComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabsChildren = _t);
         } }, viewQuery: function PoTabsComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$3, 7);
+            i0.ɵɵviewQuery(_c0$4, 7);
             i0.ɵɵviewQuery(_c1$1, 7, ElementRef);
             i0.ɵɵviewQuery(_c2, 5, ElementRef);
         } if (rf & 2) {
@@ -54051,6 +54080,7 @@ class PoToolbarBaseComponent {
             args: ['p-notification-number']
         }] }); })();
 
+const _c0$3 = ["notification"];
 function PoToolbarNotificationComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 6);
     i0.ɵɵtext(1);
@@ -54074,18 +54104,29 @@ function PoToolbarNotificationComponent_div_3_Template(rf, ctx) { if (rf & 1) {
  * ícone de notificações.
  */
 class PoToolbarNotificationComponent {
-    /** Define uma lista de ações. */
+    cdr;
+    notificationRef;
     notificationActions;
     _notificationNumber = 0;
-    /** Define o número de notificações. */
     set notificationNumber(value) {
         this._notificationNumber = Number.isInteger(value) ? value : 0;
     }
     get notificationNumber() {
         return this._notificationNumber;
     }
-    static ɵfac = function PoToolbarNotificationComponent_Factory(t) { return new (t || PoToolbarNotificationComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoToolbarNotificationComponent, selectors: [["po-toolbar-notification"]], inputs: { notificationActions: [0, "p-notification-actions", "notificationActions"], notificationNumber: [0, "p-notification-number", "notificationNumber"] }, features: [i0.ɵɵProvidersFeature([PoControlPositionService])], decls: 6, vars: 3, consts: [["notification", ""], ["popup", ""], [1, "po-toolbar-notification", "po-clickable", 3, "click"], ["p-icon", "ICON_NOTIFICATION", 1, "po-toolbar-icon"], ["class", "po-toolbar-notification-badge", 4, "ngIf"], [3, "p-actions", "p-target"], [1, "po-toolbar-notification-badge"]], template: function PoToolbarNotificationComponent_Template(rf, ctx) { if (rf & 1) {
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    ngAfterViewInit() {
+        this.cdr.detectChanges();
+    }
+    static ɵfac = function PoToolbarNotificationComponent_Factory(t) { return new (t || PoToolbarNotificationComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoToolbarNotificationComponent, selectors: [["po-toolbar-notification"]], viewQuery: function PoToolbarNotificationComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$3, 5, ElementRef);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.notificationRef = _t.first);
+        } }, inputs: { notificationActions: [0, "p-notification-actions", "notificationActions"], notificationNumber: [0, "p-notification-number", "notificationNumber"] }, features: [i0.ɵɵProvidersFeature([PoControlPositionService])], decls: 6, vars: 3, consts: [["notification", ""], ["popup", ""], [1, "po-toolbar-notification", "po-clickable", 3, "click"], ["p-icon", "ICON_NOTIFICATION", 1, "po-toolbar-icon"], ["class", "po-toolbar-notification-badge", 4, "ngIf"], [3, "p-actions", "p-target"], [1, "po-toolbar-notification-badge"]], template: function PoToolbarNotificationComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 2);
             i0.ɵɵlistener("click", function PoToolbarNotificationComponent_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const popup_r2 = i0.ɵɵreference(5); return i0.ɵɵresetView(popup_r2.toggle()); });
@@ -54094,17 +54135,19 @@ class PoToolbarNotificationComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵelement(4, "po-popup", 5, 1);
         } if (rf & 2) {
-            const notification_r4 = i0.ɵɵreference(2);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.notificationNumber);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-actions", ctx.notificationActions)("p-target", notification_r4);
+            i0.ɵɵproperty("p-actions", ctx.notificationActions)("p-target", ctx.notificationRef);
         } }, dependencies: [i1.NgIf, PoPopupComponent, PoIconComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoToolbarNotificationComponent, [{
         type: Component,
-        args: [{ selector: 'po-toolbar-notification', providers: [PoControlPositionService], template: "<div class=\"po-toolbar-notification po-clickable\" (click)=\"popup.toggle()\">\n  <po-icon #notification p-icon=\"ICON_NOTIFICATION\" class=\"po-toolbar-icon\"></po-icon>\n  <div *ngIf=\"notificationNumber\" class=\"po-toolbar-notification-badge\">\n    {{ notificationNumber }}\n  </div>\n</div>\n\n<po-popup #popup [p-actions]=\"notificationActions\" [p-target]=\"notification\"> </po-popup>\n" }]
-    }], null, { notificationActions: [{
+        args: [{ selector: 'po-toolbar-notification', providers: [PoControlPositionService], template: "<div class=\"po-toolbar-notification po-clickable\" (click)=\"popup.toggle()\">\n  <po-icon #notification p-icon=\"ICON_NOTIFICATION\" class=\"po-toolbar-icon\"></po-icon>\n  <div *ngIf=\"notificationNumber\" class=\"po-toolbar-notification-badge\">\n    {{ notificationNumber }}\n  </div>\n</div>\n\n<po-popup #popup [p-actions]=\"notificationActions\" [p-target]=\"notificationRef\"> </po-popup>\n" }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { notificationRef: [{
+            type: ViewChild,
+            args: ['notification', { read: ElementRef }]
+        }], notificationActions: [{
             type: Input,
             args: ['p-notification-actions']
         }], notificationNumber: [{