primeng 19.0.6 → 19.0.8

package/fesm2022/primeng-tabview.mjs

@@ -1,9 +1,9 @@
 import * as i1 from '@angular/common';
 import { CommonModule, isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, inject, forwardRef, booleanAttribute, Component, Input, ContentChild, ContentChildren, EventEmitter, numberAttribute, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Output, ViewChild, NgModule } from '@angular/core';
+import { Injectable, inject, forwardRef, booleanAttribute, ContentChildren, ContentChild, Input, Component, EventEmitter, numberAttribute, ViewChild, Output, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { uuid, findSingle, getAttribute, focus, getOuterWidth, getOffset, find, getWidth } from '@primeuix/utils';
-import { PrimeTemplate, SharedModule } from 'primeng/api';
+import { SharedModule, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { TimesIcon, ChevronLeftIcon, ChevronRightIcon } from 'primeng/icons';
 import { Ripple } from 'primeng/ripple';
@@ -164,12 +164,12 @@ class TabsStyle extends BaseStyle {
     name = 'tabs';
     theme = theme;
     classes = classes;
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTabsStyle_BaseFactory; return function TabsStyle_Factory(__ngFactoryType__) { return (ɵTabsStyle_BaseFactory || (ɵTabsStyle_BaseFactory = i0.ɵɵgetInheritedFactory(TabsStyle)))(__ngFactoryType__ || TabsStyle); }; })();
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TabsStyle, factory: TabsStyle.ɵfac });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TabsStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TabsStyle });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TabsStyle, [{
-        type: Injectable
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TabsStyle, decorators: [{
+            type: Injectable
+        }] });
 /**
  *
  * Tabs facilitates seamless switching between different views.
@@ -219,198 +219,6 @@ var TabsClasses;
     TabsClasses["tabpanel"] = "p-tabs-panel";
 })(TabsClasses || (TabsClasses = {}));
 
-const _c0 = ["content"];
-const _c1 = ["header"];
-const _c2 = ["lefticon"];
-const _c3 = ["righticon"];
-const _c4 = ["closeicon"];
-const _c5 = ["*"];
-function TabPanel_div_0_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TabPanel_div_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TabPanel_div_0_ng_container_2_ng_container_1_Template, 1, 0, "ng-container", 3);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.contentTemplate || ctx_r0._contentTemplate);
-} }
-function TabPanel_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵprojection(1);
-    i0.ɵɵtemplate(2, TabPanel_div_0_ng_container_2_Template, 2, 1, "ng-container", 2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("hidden", !ctx_r0.selected);
-    i0.ɵɵattribute("id", ctx_r0.tabView.getTabContentId(ctx_r0.id))("aria-hidden", !ctx_r0.selected)("aria-labelledby", ctx_r0.tabView.getTabHeaderActionId(ctx_r0.id))("data-pc-name", "tabpanel");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", (ctx_r0.contentTemplate || ctx_r0._contentTemplate) && (ctx_r0.cache ? ctx_r0.loaded : ctx_r0.selected));
-} }
-const _c6 = ["previousicon"];
-const _c7 = ["nexticon"];
-const _c8 = ["navbar"];
-const _c9 = ["prevBtn"];
-const _c10 = ["nextBtn"];
-const _c11 = ["inkbar"];
-const _c12 = ["elementToObserve"];
-const _c13 = a0 => ({ "p-tablist-viewport": a0 });
-const _c14 = (a0, a1) => ({ "p-tab": true, "p-tab-active": a0, "p-disabled": a1 });
-function TabView_button_2_ChevronLeftIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ChevronLeftIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("aria-hidden", true);
-} }
-function TabView_button_2_3_ng_template_0_Template(rf, ctx) { }
-function TabView_button_2_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TabView_button_2_3_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function TabView_button_2_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 12, 3);
-    i0.ɵɵlistener("click", function TabView_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.navBackward()); });
-    i0.ɵɵtemplate(2, TabView_button_2_ChevronLeftIcon_2_Template, 1, 1, "ChevronLeftIcon", 13)(3, TabView_button_2_3_Template, 1, 0, null, 14);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵattribute("tabindex", ctx_r2.tabindex)("aria-label", ctx_r2.prevButtonAriaLabel);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", !ctx_r2.previousIconTemplate && !ctx_r2._previousIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.previousIconTemplate && ctx_r2._previousIconTemplate);
-} }
-function TabView_For_8_Conditional_0_Conditional_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TabView_For_8_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TabView_For_8_Conditional_0_Conditional_1_ng_container_0_Template, 1, 0, "ng-container", 14);
-} if (rf & 2) {
-    const tab_r5 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("ngTemplateOutlet", tab_r5.headerTemplate || tab_r5._headerTemplate);
-} }
-function TabView_For_8_Conditional_0_Conditional_2_Conditional_0_0_ng_template_0_Template(rf, ctx) { }
-function TabView_For_8_Conditional_0_Conditional_2_Conditional_0_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TabView_For_8_Conditional_0_Conditional_2_Conditional_0_0_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function TabView_For_8_Conditional_0_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TabView_For_8_Conditional_0_Conditional_2_Conditional_0_0_Template, 1, 0, null, 14);
-} if (rf & 2) {
-    const tab_r5 = i0.ɵɵnextContext(3).$implicit;
-    i0.ɵɵproperty("ngTemplateOutlet", tab_r5.leftIconTemplate || tab_r5._leftIconTemplate);
-} }
-function TabView_For_8_Conditional_0_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 17);
-} if (rf & 2) {
-    const tab_r5 = i0.ɵɵnextContext(3).$implicit;
-    i0.ɵɵproperty("ngClass", tab_r5.leftIcon);
-} }
-function TabView_For_8_Conditional_0_Conditional_2_Conditional_3_0_ng_template_0_Template(rf, ctx) { }
-function TabView_For_8_Conditional_0_Conditional_2_Conditional_3_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TabView_For_8_Conditional_0_Conditional_2_Conditional_3_0_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function TabView_For_8_Conditional_0_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TabView_For_8_Conditional_0_Conditional_2_Conditional_3_0_Template, 1, 0, null, 14);
-} if (rf & 2) {
-    const tab_r5 = i0.ɵɵnextContext(3).$implicit;
-    i0.ɵɵproperty("ngTemplateOutlet", tab_r5.rightIconTemplate || tab_r5._rightIconTemplate);
-} }
-function TabView_For_8_Conditional_0_Conditional_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 18);
-} if (rf & 2) {
-    const tab_r5 = i0.ɵɵnextContext(3).$implicit;
-    i0.ɵɵproperty("ngClass", tab_r5.rightIcon);
-} }
-function TabView_For_8_Conditional_0_Conditional_2_Conditional_5_Conditional_0_0_ng_template_0_Template(rf, ctx) { }
-function TabView_For_8_Conditional_0_Conditional_2_Conditional_5_Conditional_0_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TabView_For_8_Conditional_0_Conditional_2_Conditional_5_Conditional_0_0_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function TabView_For_8_Conditional_0_Conditional_2_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TabView_For_8_Conditional_0_Conditional_2_Conditional_5_Conditional_0_0_Template, 1, 0, null, 14);
-} if (rf & 2) {
-    const tab_r5 = i0.ɵɵnextContext(4).$implicit;
-    i0.ɵɵproperty("ngTemplateOutlet", tab_r5.closeIconTemplate || tab_r5._closeIconTemplate);
-} }
-function TabView_For_8_Conditional_0_Conditional_2_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "TimesIcon", 19);
-    i0.ɵɵlistener("click", function TabView_For_8_Conditional_0_Conditional_2_Conditional_5_Conditional_1_Template_TimesIcon_click_0_listener($event) { i0.ɵɵrestoreView(_r6); const tab_r5 = i0.ɵɵnextContext(4).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.close($event, tab_r5)); });
-    i0.ɵɵelementEnd();
-} }
-function TabView_For_8_Conditional_0_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TabView_For_8_Conditional_0_Conditional_2_Conditional_5_Conditional_0_Template, 1, 1)(1, TabView_For_8_Conditional_0_Conditional_2_Conditional_5_Conditional_1_Template, 1, 0, "TimesIcon");
-} if (rf & 2) {
-    const tab_r5 = i0.ɵɵnextContext(3).$implicit;
-    i0.ɵɵconditional(tab_r5.closeIconTemplate || tab_r5._closeIconTemplate ? 0 : 1);
-} }
-function TabView_For_8_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TabView_For_8_Conditional_0_Conditional_2_Conditional_0_Template, 1, 1)(1, TabView_For_8_Conditional_0_Conditional_2_Conditional_1_Template, 1, 1, "span", 17);
-    i0.ɵɵtext(2);
-    i0.ɵɵtemplate(3, TabView_For_8_Conditional_0_Conditional_2_Conditional_3_Template, 1, 1)(4, TabView_For_8_Conditional_0_Conditional_2_Conditional_4_Template, 1, 1, "span", 18)(5, TabView_For_8_Conditional_0_Conditional_2_Conditional_5_Template, 2, 1);
-} if (rf & 2) {
-    const tab_r5 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵconditional(tab_r5.leftIconTemplate || tab_r5._leftIconTemplate ? 0 : tab_r5.leftIcon && !tab_r5.leftIconTemplate && !tab_r5._leftIconTemplate ? 1 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", tab_r5.header, " ");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(tab_r5.rightIconTemplate || tab_r5._rightIconTemplate ? 3 : tab_r5.rightIcon && !tab_r5.rightIconTemplate && !tab_r5._rightIconTemplate ? 4 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(tab_r5.closable ? 5 : -1);
-} }
-function TabView_For_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 15);
-    i0.ɵɵlistener("click", function TabView_For_8_Conditional_0_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const tab_r5 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.open($event, tab_r5)); })("keydown", function TabView_For_8_Conditional_0_Template_button_keydown_0_listener($event) { i0.ɵɵrestoreView(_r4); const tab_r5 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onTabKeyDown($event, tab_r5)); });
-    i0.ɵɵtemplate(1, TabView_For_8_Conditional_0_Conditional_1_Template, 1, 1, "ng-container")(2, TabView_For_8_Conditional_0_Conditional_2_Template, 6, 4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "span", 16, 4);
-} if (rf & 2) {
-    const ctx_r6 = i0.ɵɵnextContext();
-    const tab_r5 = ctx_r6.$implicit;
-    const ɵ$index_19_r8 = ctx_r6.$index;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵclassMap(tab_r5.headerStyleClass);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(22, _c14, tab_r5.selected, tab_r5.disabled))("ngStyle", tab_r5.headerStyle)("pTooltip", tab_r5.tooltip)("tooltipPosition", tab_r5.tooltipPosition)("positionStyle", tab_r5.tooltipPositionStyle)("tooltipStyleClass", tab_r5.tooltipStyleClass)("disabled", tab_r5.disabled);
-    i0.ɵɵattribute("role", "tab")("id", ctx_r2.getTabHeaderActionId(tab_r5.id))("aria-controls", ctx_r2.getTabContentId(tab_r5.id))("aria-selected", tab_r5.selected)("tabindex", tab_r5.disabled || !tab_r5.selected ? "-1" : ctx_r2.tabindex)("aria-disabled", tab_r5.disabled)("data-pc-index", ɵ$index_19_r8)("data-p-disabled", tab_r5.disabled)("data-pc-section", "headeraction")("data-p-active", tab_r5.selected);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(tab_r5.headerTemplate || tab_r5._headerTemplate ? 1 : 2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵattribute("aria-hidden", true)("data-pc-section", "inkbar");
-} }
-function TabView_For_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TabView_For_8_Conditional_0_Template, 5, 25);
-} if (rf & 2) {
-    const tab_r5 = ctx.$implicit;
-    i0.ɵɵconditional(!tab_r5.closed ? 0 : -1);
-} }
-function TabView_button_9_Conditional_2_0_ng_template_0_Template(rf, ctx) { }
-function TabView_button_9_Conditional_2_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TabView_button_9_Conditional_2_0_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function TabView_button_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TabView_button_9_Conditional_2_0_Template, 1, 0, null, 14);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.nextIconTemplate || ctx_r2._nextIconTemplate);
-} }
-function TabView_button_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ChevronRightIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("aria-hidden", true);
-} }
-function TabView_button_9_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 20, 5);
-    i0.ɵɵlistener("click", function TabView_button_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.navForward()); });
-    i0.ɵɵtemplate(2, TabView_button_9_Conditional_2_Template, 1, 1)(3, TabView_button_9_Conditional_3_Template, 1, 1, "ChevronRightIcon");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵattribute("tabindex", ctx_r2.tabindex)("aria-label", ctx_r2.nextButtonAriaLabel);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.nextIconTemplate || ctx_r2._nextIconTemplate ? 2 : 3);
-} }
 /**
  * TabPanel is a helper component for TabView component.
  * @group Components
@@ -583,36 +391,32 @@ class TabPanel extends BaseComponent {
             }
         });
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTabPanel_BaseFactory; return function TabPanel_Factory(__ngFactoryType__) { return (ɵTabPanel_BaseFactory || (ɵTabPanel_BaseFactory = i0.ɵɵgetInheritedFactory(TabPanel)))(__ngFactoryType__ || TabPanel); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TabPanel, selectors: [["p-tabPanel"], ["p-tabpanel"]], contentQueries: function TabPanel_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c1, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c2, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c3, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c4, 5);
-            i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.contentTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.leftIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.rightIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.closeIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
-        } }, inputs: { closable: [2, "closable", "closable", booleanAttribute], headerStyle: "headerStyle", headerStyleClass: "headerStyleClass", cache: [2, "cache", "cache", booleanAttribute], tooltip: "tooltip", tooltipPosition: "tooltipPosition", tooltipPositionStyle: "tooltipPositionStyle", tooltipStyleClass: "tooltipStyleClass", selected: "selected", disabled: "disabled", header: "header", leftIcon: "leftIcon", rightIcon: "rightIcon" }, features: [i0.ɵɵProvidersFeature([TabsStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c5, decls: 1, vars: 1, consts: [["class", "p-tabview-panel", "role", "tabpanel", 3, "hidden", 4, "ngIf"], ["role", "tabpanel", 1, "p-tabview-panel", 3, "hidden"], [4, "ngIf"], [4, "ngTemplateOutlet"]], template: function TabPanel_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, TabPanel_div_0_Template, 3, 6, "div", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", !ctx.closed);
-        } }, dependencies: [CommonModule, i1.NgIf, i1.NgTemplateOutlet, SharedModule], encapsulation: 2 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TabPanel, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: TabPanel, isStandalone: true, selector: "p-tabPanel, p-tabpanel", inputs: { closable: ["closable", "closable", booleanAttribute], headerStyle: "headerStyle", headerStyleClass: "headerStyleClass", cache: ["cache", "cache", booleanAttribute], tooltip: "tooltip", tooltipPosition: "tooltipPosition", tooltipPositionStyle: "tooltipPositionStyle", tooltipStyleClass: "tooltipStyleClass", selected: "selected", disabled: "disabled", header: "header", leftIcon: "leftIcon", rightIcon: "rightIcon" }, providers: [TabsStyle], queries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"], descendants: true }, { propertyName: "leftIconTemplate", first: true, predicate: ["lefticon"], descendants: true }, { propertyName: "rightIconTemplate", first: true, predicate: ["righticon"], descendants: true }, { propertyName: "closeIconTemplate", first: true, predicate: ["closeicon"], descendants: true }, { propertyName: "templates", predicate: PrimeTemplate }], usesInheritance: true, ngImport: i0, template: `
+        <div
+            *ngIf="!closed"
+            class="p-tabview-panel"
+            role="tabpanel"
+            [hidden]="!selected"
+            [attr.id]="tabView.getTabContentId(id)"
+            [attr.aria-hidden]="!selected"
+            [attr.aria-labelledby]="tabView.getTabHeaderActionId(id)"
+            [attr.data-pc-name]="'tabpanel'"
+        >
+            <ng-content></ng-content>
+            <ng-container *ngIf="(contentTemplate || _contentTemplate) && (cache ? loaded : selected)">
+                <ng-container *ngTemplateOutlet="contentTemplate || _contentTemplate"></ng-container>
+            </ng-container>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SharedModule }] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TabPanel, [{
-        type: Component,
-        args: [{
-                selector: 'p-tabPanel, p-tabpanel',
-                standalone: true,
-                imports: [CommonModule, SharedModule],
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TabPanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-tabPanel, p-tabpanel',
+                    standalone: true,
+                    imports: [CommonModule, SharedModule],
+                    template: `
         <div
             *ngIf="!closed"
             class="p-tabview-panel"
@@ -629,56 +433,55 @@ class TabPanel extends BaseComponent {
             </ng-container>
         </div>
     `,
-                providers: [TabsStyle]
-            }]
-    }], null, { closable: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], headerStyle: [{
-            type: Input
-        }], headerStyleClass: [{
-            type: Input
-        }], cache: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], tooltip: [{
-            type: Input
-        }], tooltipPosition: [{
-            type: Input
-        }], tooltipPositionStyle: [{
-            type: Input
-        }], tooltipStyleClass: [{
-            type: Input
-        }], selected: [{
-            type: Input
-        }], disabled: [{
-            type: Input
-        }], header: [{
-            type: Input
-        }], leftIcon: [{
-            type: Input
-        }], rightIcon: [{
-            type: Input
-        }], contentTemplate: [{
-            type: ContentChild,
-            args: ['content']
-        }], headerTemplate: [{
-            type: ContentChild,
-            args: ['header']
-        }], leftIconTemplate: [{
-            type: ContentChild,
-            args: ['lefticon']
-        }], rightIconTemplate: [{
-            type: ContentChild,
-            args: ['righticon']
-        }], closeIconTemplate: [{
-            type: ContentChild,
-            args: ['closeicon']
-        }], templates: [{
-            type: ContentChildren,
-            args: [PrimeTemplate]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TabPanel, { className: "TabPanel", filePath: "tabview.ts", lineNumber: 64 }); })();
+                    providers: [TabsStyle]
+                }]
+        }], propDecorators: { closable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], headerStyle: [{
+                type: Input
+            }], headerStyleClass: [{
+                type: Input
+            }], cache: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], tooltip: [{
+                type: Input
+            }], tooltipPosition: [{
+                type: Input
+            }], tooltipPositionStyle: [{
+                type: Input
+            }], tooltipStyleClass: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], leftIcon: [{
+                type: Input
+            }], rightIcon: [{
+                type: Input
+            }], contentTemplate: [{
+                type: ContentChild,
+                args: ['content']
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: ['header']
+            }], leftIconTemplate: [{
+                type: ContentChild,
+                args: ['lefticon']
+            }], rightIconTemplate: [{
+                type: ContentChild,
+                args: ['righticon']
+            }], closeIconTemplate: [{
+                type: ContentChild,
+                args: ['closeicon']
+            }], templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }] } });
 /**
  * TabView is a container component to group content with tabs.
  * @group Components
@@ -1102,74 +905,101 @@ class TabView extends BaseComponent {
         const lastPos = content.scrollWidth - width;
         content.scrollLeft = pos >= lastPos ? lastPos : pos;
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTabView_BaseFactory; return function TabView_Factory(__ngFactoryType__) { return (ɵTabView_BaseFactory || (ɵTabView_BaseFactory = i0.ɵɵgetInheritedFactory(TabView)))(__ngFactoryType__ || TabView); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TabView, selectors: [["p-tabView"], ["p-tabview"]], contentQueries: function TabView_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c6, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c7, 5);
-            i0.ɵɵcontentQuery(dirIndex, TabPanel, 4);
-            i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.previousIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.nextIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabPanels = _t);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
-        } }, viewQuery: function TabView_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0, 5);
-            i0.ɵɵviewQuery(_c8, 5);
-            i0.ɵɵviewQuery(_c9, 5);
-            i0.ɵɵviewQuery(_c10, 5);
-            i0.ɵɵviewQuery(_c11, 5);
-            i0.ɵɵviewQuery(_c12, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.content = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.navbar = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.prevBtn = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.nextBtn = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inkbar = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.elementToObserve = _t.first);
-        } }, hostVars: 11, hostBindings: function TabView_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵattribute("data-pc-name", "tabview");
-            i0.ɵɵstyleMap(ctx.hostStyle);
-            i0.ɵɵclassMap(ctx.hostClass);
-            i0.ɵɵclassProp("p-tabs", true)("p-tabs-scrollable", ctx.scrollable)("p-component", true);
-        } }, inputs: { style: "style", styleClass: "styleClass", controlClose: [2, "controlClose", "controlClose", booleanAttribute], scrollable: [2, "scrollable", "scrollable", booleanAttribute], activeIndex: "activeIndex", selectOnFocus: [2, "selectOnFocus", "selectOnFocus", booleanAttribute], nextButtonAriaLabel: "nextButtonAriaLabel", prevButtonAriaLabel: "prevButtonAriaLabel", autoHideButtons: [2, "autoHideButtons", "autoHideButtons", booleanAttribute], tabindex: [2, "tabindex", "tabindex", numberAttribute] }, outputs: { onChange: "onChange", onClose: "onClose", activeIndexChange: "activeIndexChange" }, features: [i0.ɵɵProvidersFeature([TabsStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c5, decls: 12, vars: 7, consts: [["elementToObserve", ""], ["content", ""], ["navbar", ""], ["prevBtn", ""], ["inkbar", ""], ["nextBtn", ""], [1, "p-tablist"], ["class", "p-tablist-prev-button p-tablist-nav-button", "type", "button", "pRipple", "", 3, "click", 4, "ngIf"], [1, "p-tablist-content", 3, "scroll", "ngClass"], ["role", "tablist", 1, "p-tablist-tab-list"], ["class", "p-tablist-next-button p-tablist-nav-button", "type", "button", "pRipple", "", 3, "click", 4, "ngIf"], [1, "p-tabpanels"], ["type", "button", "pRipple", "", 1, "p-tablist-prev-button", "p-tablist-nav-button", 3, "click"], [4, "ngIf"], [4, "ngTemplateOutlet"], ["pRipple", "", 3, "click", "keydown", "ngClass", "ngStyle", "pTooltip", "tooltipPosition", "positionStyle", "tooltipStyleClass", "disabled"], ["role", "presentation", 1, "p-tablist-active-bar"], [1, "p-tabview-left-icon", 3, "ngClass"], [1, "p-tabview-right-icon", 3, "ngClass"], [3, "click"], ["type", "button", "pRipple", "", 1, "p-tablist-next-button", "p-tablist-nav-button", 3, "click"]], template: function TabView_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵprojectionDef();
-            i0.ɵɵelementStart(0, "div", 6, 0);
-            i0.ɵɵtemplate(2, TabView_button_2_Template, 4, 4, "button", 7);
-            i0.ɵɵelementStart(3, "div", 8, 1);
-            i0.ɵɵlistener("scroll", function TabView_Template_div_scroll_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onScroll($event)); });
-            i0.ɵɵelementStart(5, "div", 9, 2);
-            i0.ɵɵrepeaterCreate(7, TabView_For_8_Template, 1, 1, null, null, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(9, TabView_button_9_Template, 4, 3, "button", 10);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "div", 11);
-            i0.ɵɵprojection(11);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.scrollable && !ctx.backwardIsDisabled && ctx.autoHideButtons);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c13, ctx.scrollable));
-            i0.ɵɵattribute("data-pc-section", "navcontent");
-            i0.ɵɵadvance(2);
-            i0.ɵɵattribute("data-pc-section", "nav");
-            i0.ɵɵadvance(2);
-            i0.ɵɵrepeater(ctx.tabs);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.scrollable && !ctx.forwardIsDisabled && ctx.buttonVisible);
-        } }, dependencies: [CommonModule, i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, SharedModule, TooltipModule, i2.Tooltip, Ripple, TimesIcon, ChevronLeftIcon, ChevronRightIcon], encapsulation: 2, changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TabView, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: TabView, isStandalone: true, selector: "p-tabView, p-tabview", inputs: { style: "style", styleClass: "styleClass", controlClose: ["controlClose", "controlClose", booleanAttribute], scrollable: ["scrollable", "scrollable", booleanAttribute], activeIndex: "activeIndex", selectOnFocus: ["selectOnFocus", "selectOnFocus", booleanAttribute], nextButtonAriaLabel: "nextButtonAriaLabel", prevButtonAriaLabel: "prevButtonAriaLabel", autoHideButtons: ["autoHideButtons", "autoHideButtons", booleanAttribute], tabindex: ["tabindex", "tabindex", numberAttribute] }, outputs: { onChange: "onChange", onClose: "onClose", activeIndexChange: "activeIndexChange" }, host: { properties: { "class.p-tabs": "true", "class.p-tabs-scrollable": "scrollable", "class.p-component": "true", "attr.data-pc-name": "\"tabview\"", "class": "this.hostClass", "style": "this.hostStyle" } }, providers: [TabsStyle], queries: [{ propertyName: "previousIconTemplate", first: true, predicate: ["previousicon"], descendants: true }, { propertyName: "nextIconTemplate", first: true, predicate: ["nexticon"], descendants: true }, { propertyName: "tabPanels", predicate: TabPanel }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "navbar", first: true, predicate: ["navbar"], descendants: true }, { propertyName: "prevBtn", first: true, predicate: ["prevBtn"], descendants: true }, { propertyName: "nextBtn", first: true, predicate: ["nextBtn"], descendants: true }, { propertyName: "inkbar", first: true, predicate: ["inkbar"], descendants: true }, { propertyName: "elementToObserve", first: true, predicate: ["elementToObserve"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <div #elementToObserve class="p-tablist">
+            <button
+                *ngIf="scrollable && !backwardIsDisabled && autoHideButtons"
+                #prevBtn
+                class="p-tablist-prev-button p-tablist-nav-button"
+                (click)="navBackward()"
+                [attr.tabindex]="tabindex"
+                [attr.aria-label]="prevButtonAriaLabel"
+                type="button"
+                pRipple
+            >
+                <ChevronLeftIcon *ngIf="!previousIconTemplate && !_previousIconTemplate" [attr.aria-hidden]="true" />
+                <ng-template *ngTemplateOutlet="previousIconTemplate && _previousIconTemplate"></ng-template>
+            </button>
+            <div #content class="p-tablist-content" [ngClass]="{ 'p-tablist-viewport': scrollable }" (scroll)="onScroll($event)" [attr.data-pc-section]="'navcontent'">
+                <div #navbar class="p-tablist-tab-list" role="tablist" [attr.data-pc-section]="'nav'">
+                    @for (tab of tabs; track tab; let i = $index) {
+                        @if (!tab.closed) {
+                            <button
+                                [ngClass]="{
+                                    'p-tab': true,
+                                    'p-tab-active': tab.selected,
+                                    'p-disabled': tab.disabled
+                                }"
+                                [attr.role]="'tab'"
+                                [class]="tab.headerStyleClass"
+                                [ngStyle]="tab.headerStyle"
+                                [pTooltip]="tab.tooltip"
+                                [tooltipPosition]="tab.tooltipPosition"
+                                [positionStyle]="tab.tooltipPositionStyle"
+                                [tooltipStyleClass]="tab.tooltipStyleClass"
+                                [attr.id]="getTabHeaderActionId(tab.id)"
+                                [attr.aria-controls]="getTabContentId(tab.id)"
+                                [attr.aria-selected]="tab.selected"
+                                [attr.tabindex]="tab.disabled || !tab.selected ? '-1' : tabindex"
+                                [attr.aria-disabled]="tab.disabled"
+                                [disabled]="tab.disabled"
+                                [attr.data-pc-index]="i"
+                                [attr.data-p-disabled]="tab.disabled"
+                                [attr.data-pc-section]="'headeraction'"
+                                [attr.data-p-active]="tab.selected"
+                                (click)="open($event, tab)"
+                                (keydown)="onTabKeyDown($event, tab)"
+                                pRipple
+                            >
+                                @if (tab.headerTemplate || tab._headerTemplate) {
+                                    <ng-container *ngTemplateOutlet="tab.headerTemplate || tab._headerTemplate"></ng-container>
+                                } @else {
+                                    @if (tab.leftIconTemplate || tab._leftIconTemplate) {
+                                        <ng-template *ngTemplateOutlet="tab.leftIconTemplate || tab._leftIconTemplate"></ng-template>
+                                    } @else if (tab.leftIcon && !tab.leftIconTemplate && !tab._leftIconTemplate) {
+                                        <span class="p-tabview-left-icon" [ngClass]="tab.leftIcon"></span>
+                                    }
+                                    {{ tab.header }}
+                                    @if (tab.rightIconTemplate || tab._rightIconTemplate) {
+                                        <ng-template *ngTemplateOutlet="tab.rightIconTemplate || tab._rightIconTemplate"></ng-template>
+                                    } @else if (tab.rightIcon && !tab.rightIconTemplate && !tab._rightIconTemplate) {
+                                        <span class="p-tabview-right-icon" [ngClass]="tab.rightIcon"></span>
+                                    }
+                                    @if (tab.closable) {
+                                        @if (tab.closeIconTemplate || tab._closeIconTemplate) {
+                                            <ng-template *ngTemplateOutlet="tab.closeIconTemplate || tab._closeIconTemplate"></ng-template>
+                                        } @else {
+                                            <TimesIcon (click)="close($event, tab)" />
+                                        }
+                                    }
+                                }
+                            </button>
+                            <span #inkbar class="p-tablist-active-bar" role="presentation" [attr.aria-hidden]="true" [attr.data-pc-section]="'inkbar'"></span>
+                        }
+                    }
+                </div>
+            </div>
+            <button *ngIf="scrollable && !forwardIsDisabled && buttonVisible" #nextBtn [attr.tabindex]="tabindex" [attr.aria-label]="nextButtonAriaLabel" class="p-tablist-next-button p-tablist-nav-button" (click)="navForward()" type="button" pRipple>
+                @if (nextIconTemplate || _nextIconTemplate) {
+                    <ng-template *ngTemplateOutlet="nextIconTemplate || _nextIconTemplate"></ng-template>
+                } @else {
+                    <ChevronRightIcon [attr.aria-hidden]="true" />
+                }
+            </button>
+        </div>
+        <div class="p-tabpanels">
+            <ng-content></ng-content>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: Ripple, selector: "[pRipple]" }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "component", type: ChevronLeftIcon, selector: "ChevronLeftIcon" }, { kind: "component", type: ChevronRightIcon, selector: "ChevronRightIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TabView, [{
-        type: Component,
-        args: [{
-                selector: 'p-tabView, p-tabview',
-                standalone: true,
-                imports: [CommonModule, SharedModule, TooltipModule, Ripple, TimesIcon, ChevronLeftIcon, ChevronRightIcon],
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TabView, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-tabView, p-tabview',
+                    standalone: true,
+                    imports: [CommonModule, SharedModule, TooltipModule, Ripple, TimesIcon, ChevronLeftIcon, ChevronRightIcon],
+                    template: `
         <div #elementToObserve class="p-tablist">
             <button
                 *ngIf="scrollable && !backwardIsDisabled && autoHideButtons"
@@ -1255,98 +1085,96 @@ class TabView extends BaseComponent {
             <ng-content></ng-content>
         </div>
     `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                host: {
-                    '[class.p-tabs]': 'true',
-                    '[class.p-tabs-scrollable]': 'scrollable',
-                    '[class.p-component]': 'true',
-                    '[attr.data-pc-name]': '"tabview"'
-                },
-                providers: [TabsStyle]
-            }]
-    }], null, { hostClass: [{
-            type: HostBinding,
-            args: ['class']
-        }], hostStyle: [{
-            type: HostBinding,
-            args: ['style']
-        }], style: [{
-            type: Input
-        }], styleClass: [{
-            type: Input
-        }], controlClose: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], scrollable: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], activeIndex: [{
-            type: Input
-        }], selectOnFocus: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], nextButtonAriaLabel: [{
-            type: Input
-        }], prevButtonAriaLabel: [{
-            type: Input
-        }], autoHideButtons: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], tabindex: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], onChange: [{
-            type: Output
-        }], onClose: [{
-            type: Output
-        }], activeIndexChange: [{
-            type: Output
-        }], content: [{
-            type: ViewChild,
-            args: ['content']
-        }], navbar: [{
-            type: ViewChild,
-            args: ['navbar']
-        }], prevBtn: [{
-            type: ViewChild,
-            args: ['prevBtn']
-        }], nextBtn: [{
-            type: ViewChild,
-            args: ['nextBtn']
-        }], inkbar: [{
-            type: ViewChild,
-            args: ['inkbar']
-        }], tabPanels: [{
-            type: ContentChildren,
-            args: [TabPanel]
-        }], elementToObserve: [{
-            type: ViewChild,
-            args: ['elementToObserve']
-        }], previousIconTemplate: [{
-            type: ContentChild,
-            args: ['previousicon']
-        }], nextIconTemplate: [{
-            type: ContentChild,
-            args: ['nexticon']
-        }], templates: [{
-            type: ContentChildren,
-            args: [PrimeTemplate]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TabView, { className: "TabView", filePath: "tabview.ts", lineNumber: 368 }); })();
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        '[class.p-tabs]': 'true',
+                        '[class.p-tabs-scrollable]': 'scrollable',
+                        '[class.p-component]': 'true',
+                        '[attr.data-pc-name]': '"tabview"'
+                    },
+                    providers: [TabsStyle]
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], hostStyle: [{
+                type: HostBinding,
+                args: ['style']
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], controlClose: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], scrollable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], activeIndex: [{
+                type: Input
+            }], selectOnFocus: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], nextButtonAriaLabel: [{
+                type: Input
+            }], prevButtonAriaLabel: [{
+                type: Input
+            }], autoHideButtons: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], tabindex: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], onChange: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }], activeIndexChange: [{
+                type: Output
+            }], content: [{
+                type: ViewChild,
+                args: ['content']
+            }], navbar: [{
+                type: ViewChild,
+                args: ['navbar']
+            }], prevBtn: [{
+                type: ViewChild,
+                args: ['prevBtn']
+            }], nextBtn: [{
+                type: ViewChild,
+                args: ['nextBtn']
+            }], inkbar: [{
+                type: ViewChild,
+                args: ['inkbar']
+            }], tabPanels: [{
+                type: ContentChildren,
+                args: [TabPanel]
+            }], elementToObserve: [{
+                type: ViewChild,
+                args: ['elementToObserve']
+            }], previousIconTemplate: [{
+                type: ContentChild,
+                args: ['previousicon']
+            }], nextIconTemplate: [{
+                type: ContentChild,
+                args: ['nexticon']
+            }], templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }] } });
 class TabViewModule {
-    static ɵfac = function TabViewModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TabViewModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TabViewModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [TabView, TabPanel, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TabViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: TabViewModule, imports: [TabView, TabPanel, SharedModule], exports: [TabView, TabPanel, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TabViewModule, imports: [TabView, TabPanel, SharedModule, SharedModule] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TabViewModule, [{
-        type: NgModule,
-        args: [{
-                imports: [TabView, TabPanel, SharedModule],
-                exports: [TabView, TabPanel, SharedModule]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TabViewModule, { imports: [TabView, TabPanel, SharedModule], exports: [TabView, TabPanel, SharedModule] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: TabViewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [TabView, TabPanel, SharedModule],
+                    exports: [TabView, TabPanel, SharedModule]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.