primeng 18.0.0 → 18.0.2

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, EventEmitter, numberAttribute, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Output, ViewChild, ContentChildren, NgModule } from '@angular/core';
+import { Injectable, inject, forwardRef, booleanAttribute, Component, Input, ContentChild, ContentChildren, EventEmitter, numberAttribute, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Output, ViewChild, NgModule } from '@angular/core';
 import { uuid, findSingle, getAttribute, focus, getOuterWidth, getOffset, find, getWidth } from '@primeuix/utils';
-import { SharedModule } from 'primeng/api';
+import { PrimeTemplate, SharedModule } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { TimesIcon, ChevronLeftIcon, ChevronRightIcon } from 'primeng/icons';
 import { Ripple } from 'primeng/ripple';
@@ -235,7 +235,7 @@ function TabPanel_div_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.contentTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.contentTemplate || ctx_r0._contentTemplate);
 } }
 function TabPanel_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
@@ -247,15 +247,17 @@ function TabPanel_div_0_Template(rf, ctx) { if (rf & 1) {
     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.cache ? ctx_r0.loaded : ctx_r0.selected));
+    i0.ɵɵproperty("ngIf", (ctx_r0.contentTemplate || ctx_r0._contentTemplate) && (ctx_r0.cache ? ctx_r0.loaded : ctx_r0.selected));
 } }
-const _c6 = ["navbar"];
-const _c7 = ["prevBtn"];
-const _c8 = ["nextBtn"];
-const _c9 = ["inkbar"];
-const _c10 = ["elementToObserve"];
-const _c11 = a0 => ({ "p-tablist-viewport": a0 });
-const _c12 = (a0, a1) => ({ "p-tab": true, "p-tab-active": a0, "p-disabled": a1 });
+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) {
@@ -275,9 +277,9 @@ function TabView_button_2_Template(rf, ctx) { if (rf & 1) {
     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);
+    i0.ɵɵproperty("ngIf", !ctx_r2.previousIconTemplate && !ctx_r2._previousIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.previousiconTemplate);
+    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);
@@ -286,7 +288,7 @@ function TabView_For_8_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf &
     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);
+    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) {
@@ -296,7 +298,7 @@ function TabView_For_8_Conditional_0_Conditional_2_Conditional_0_Template(rf, ct
     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);
+    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);
@@ -312,7 +314,7 @@ function TabView_For_8_Conditional_0_Conditional_2_Conditional_3_Template(rf, ct
     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);
+    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);
@@ -328,7 +330,7 @@ function TabView_For_8_Conditional_0_Conditional_2_Conditional_5_Conditional_0_T
     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);
+    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();
@@ -340,7 +342,7 @@ function TabView_For_8_Conditional_0_Conditional_2_Conditional_5_Template(rf, ct
     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 ? 0 : 1);
+    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);
@@ -348,11 +350,11 @@ function TabView_For_8_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf &
     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 ? 0 : tab_r5.leftIcon && !tab_r5.lefticonTemplate ? 1 : -1);
+    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 ? 3 : tab_r5.rightIcon && !tab_r5.rightIconTemplate ? 4 : -1);
+    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);
 } }
@@ -369,10 +371,10 @@ function TabView_For_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const ɵ$index_19_r8 = ctx_r6.$index;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵclassMap(tab_r5.headerStyleClass);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(22, _c12, 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.ɵɵ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 ? 1 : 2);
+    i0.ɵɵconditional(tab_r5.headerTemplate || tab_r5._headerTemplate ? 1 : 2);
     i0.ɵɵadvance(2);
     i0.ɵɵattribute("aria-hidden", true)("data-pc-section", "inkbar");
 } }
@@ -390,7 +392,7 @@ 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);
+    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");
@@ -407,16 +409,13 @@ function TabView_button_9_Template(rf, ctx) { if (rf & 1) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵattribute("tabindex", ctx_r2.tabindex)("aria-label", ctx_r2.nextButtonAriaLabel);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.nexticonTemplate ? 2 : 3);
+    i0.ɵɵconditional(ctx_r2.nextIconTemplate || ctx_r2._nextIconTemplate ? 2 : 3);
 } }
 /**
  * TabPanel is a helper component for TabView component.
  * @group Components
  */
 class TabPanel extends BaseComponent {
-    ngOnDestroy() {
-        throw new Error('Method not implemented.');
-    }
     /**
      * Defines if tab can be removed.
      * @group Props
@@ -549,11 +548,41 @@ class TabPanel extends BaseComponent {
     id = uuid('pn_id_');
     contentTemplate;
     headerTemplate;
-    lefticonTemplate;
+    leftIconTemplate;
     rightIconTemplate;
     closeIconTemplate;
+    templates;
     tabView = inject(forwardRef(() => TabView));
     _componentStyle = inject(TabsStyle);
+    _headerTemplate;
+    _contentTemplate;
+    _rightIconTemplate;
+    _leftIconTemplate;
+    _closeIconTemplate;
+    ngAfterContentInit() {
+        this.templates.forEach((item) => {
+            switch (item.getType()) {
+                case 'header':
+                    this._headerTemplate = item.template;
+                    break;
+                case 'content':
+                    this._contentTemplate = item.template;
+                    break;
+                case 'righticon':
+                    this._rightIconTemplate = item.template;
+                    break;
+                case 'lefticon':
+                    this._leftIconTemplate = item.template;
+                    break;
+                case 'closeicon':
+                    this._closeIconTemplate = item.template;
+                    break;
+                default:
+                    this._contentTemplate = item.template;
+                    break;
+            }
+        });
+    }
     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);
@@ -561,13 +590,15 @@ class TabPanel extends BaseComponent {
             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.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" }, standalone: true, features: [i0.ɵɵProvidersFeature([TabsStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], 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);
@@ -593,8 +624,8 @@ class TabPanel extends BaseComponent {
             [attr.data-pc-name]="'tabpanel'"
         >
             <ng-content></ng-content>
-            <ng-container *ngIf="contentTemplate && (cache ? loaded : selected)">
-                <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
+            <ng-container *ngIf="(contentTemplate || _contentTemplate) && (cache ? loaded : selected)">
+                <ng-container *ngTemplateOutlet="contentTemplate || _contentTemplate"></ng-container>
             </ng-container>
         </div>
     `,
@@ -634,7 +665,7 @@ class TabPanel extends BaseComponent {
         }], headerTemplate: [{
             type: ContentChild,
             args: ['header']
-        }], lefticonTemplate: [{
+        }], leftIconTemplate: [{
             type: ContentChild,
             args: ['lefticon']
         }], rightIconTemplate: [{
@@ -643,6 +674,9 @@ class TabPanel extends BaseComponent {
         }], closeIconTemplate: [{
             type: ContentChild,
             args: ['closeicon']
+        }], templates: [{
+            type: ContentChildren,
+            args: [PrimeTemplate]
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TabPanel, { className: "TabPanel" }); })();
 /**
@@ -755,14 +789,17 @@ class TabView extends BaseComponent {
     backwardIsDisabled = true;
     forwardIsDisabled = false;
     tabChangesSubscription;
-    nexticonTemplate;
-    previousiconTemplate;
     resizeObserver;
     container;
     list;
     buttonVisible;
     elementToObserve;
+    previousIconTemplate;
+    nextIconTemplate;
+    _previousIconTemplate;
+    _nextIconTemplate;
     _componentStyle = inject(TabsStyle);
+    templates;
     ngOnInit() {
         super.ngOnInit();
         console.log('TabView component is deprecated as of v18. Use Tabs component instead.');
@@ -776,10 +813,10 @@ class TabView extends BaseComponent {
         this.templates.forEach((item) => {
             switch (item.getType()) {
                 case 'previousicon':
-                    this.previousiconTemplate = item.template;
+                    this._previousIconTemplate = item.template;
                     break;
                 case 'nexticon':
-                    this.nexticonTemplate = item.template;
+                    this._nextIconTemplate = item.template;
                     break;
             }
         });
@@ -1067,17 +1104,23 @@ class TabView extends BaseComponent {
     }
     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(_c6, 5);
-            i0.ɵɵviewQuery(_c7, 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);
@@ -1110,7 +1153,7 @@ class TabView extends BaseComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.scrollable && !ctx.backwardIsDisabled && ctx.autoHideButtons);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c11, ctx.scrollable));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c13, ctx.scrollable));
             i0.ɵɵattribute("data-pc-section", "navcontent");
             i0.ɵɵadvance(2);
             i0.ɵɵattribute("data-pc-section", "nav");
@@ -1125,7 +1168,7 @@ class TabView extends BaseComponent {
         args: [{
                 selector: 'p-tabView, p-tabview',
                 standalone: true,
-                imports: [CommonModule, TabPanel, SharedModule, TooltipModule, Ripple, TimesIcon, ChevronLeftIcon, ChevronRightIcon],
+                imports: [CommonModule, SharedModule, TooltipModule, Ripple, TimesIcon, ChevronLeftIcon, ChevronRightIcon],
                 template: `
         <div #elementToObserve class="p-tablist">
             <button
@@ -1138,8 +1181,8 @@ class TabView extends BaseComponent {
                 type="button"
                 pRipple
             >
-                <ChevronLeftIcon *ngIf="!previousiconTemplate" [attr.aria-hidden]="true" />
-                <ng-template *ngTemplateOutlet="previousiconTemplate"></ng-template>
+                <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'">
@@ -1172,23 +1215,23 @@ class TabView extends BaseComponent {
                                 (keydown)="onTabKeyDown($event, tab)"
                                 pRipple
                             >
-                                @if (tab.headerTemplate) {
-                                    <ng-container *ngTemplateOutlet="tab.headerTemplate"></ng-container>
+                                @if (tab.headerTemplate || tab._headerTemplate) {
+                                    <ng-container *ngTemplateOutlet="tab.headerTemplate || tab._headerTemplate"></ng-container>
                                 } @else {
-                                    @if (tab.lefticonTemplate) {
-                                        <ng-template *ngTemplateOutlet="tab.lefticonTemplate"></ng-template>
-                                    } @else if (tab.leftIcon && !tab.lefticonTemplate) {
+                                    @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) {
-                                        <ng-template *ngTemplateOutlet="tab.rightIconTemplate"></ng-template>
-                                    } @else if (tab.rightIcon && !tab.rightIconTemplate) {
+                                    @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) {
-                                            <ng-template *ngTemplateOutlet="tab.closeIconTemplate"></ng-template>
+                                        @if (tab.closeIconTemplate || tab._closeIconTemplate) {
+                                            <ng-template *ngTemplateOutlet="tab.closeIconTemplate || tab._closeIconTemplate"></ng-template>
                                         } @else {
                                             <TimesIcon (click)="close($event, tab)" />
                                         }
@@ -1201,8 +1244,8 @@ class TabView extends BaseComponent {
                 </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) {
-                    <ng-template *ngTemplateOutlet="nexticonTemplate"></ng-template>
+                @if (nextIconTemplate || _nextIconTemplate) {
+                    <ng-template *ngTemplateOutlet="nextIconTemplate || _nextIconTemplate"></ng-template>
                 } @else {
                     <ChevronRightIcon [attr.aria-hidden]="true" />
                 }
@@ -1280,6 +1323,15 @@ class TabView extends BaseComponent {
         }], 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" }); })();
 class TabViewModule {