primeng 18.0.0-rc.2 → 18.0.1

package/fesm2022/primeng-picklist.mjs

@@ -3,14 +3,14 @@ import { transferArrayItem, moveItemInArray, DragDropModule } from '@angular/cdk
 import * as i1 from '@angular/common';
 import { isPlatformBrowser, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, inject, numberAttribute, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, ViewChild, ContentChild, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, inject, numberAttribute, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, ViewChild, ContentChild, ContentChildren, NgModule } from '@angular/core';
 import * as i3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { uuid, find, scrollInView, findIndexInList, findSingle, setAttribute, isEmpty } from '@primeuix/utils';
-import { FilterService, SharedModule } from 'primeng/api';
+import { FilterService, PrimeTemplate, SharedModule } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { ButtonDirective } from 'primeng/button';
-import { AngleDoubleDownIcon, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleDoubleUpIcon, AngleDownIcon, AngleLeftIcon, AngleRightIcon, AngleUpIcon, SearchIcon } from 'primeng/icons';
+import { AngleDoubleDownIcon, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleDoubleUpIcon, AngleDownIcon, AngleLeftIcon, AngleRightIcon, AngleUpIcon } from 'primeng/icons';
 import { Listbox } from 'primeng/listbox';
 import { Ripple } from 'primeng/ripple';
 import { BaseStyle } from 'primeng/base';
@@ -114,7 +114,8 @@ const _c19 = ["sourcelist"];
 const _c20 = ["targetlist"];
 const _c21 = () => ({ "p-picklist p-component": true });
 const _c22 = a0 => ({ $implicit: a0 });
-const _c23 = (a0, a1, a2) => ({ $implicit: a0, index: a1, selected: a2 });
+const _c23 = a0 => ({ options: a0 });
+const _c24 = (a0, a1, a2) => ({ $implicit: a0, index: a1, selected: a2 });
 function PickList_div_1_AngleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleUpIcon");
 } if (rf & 2) {
@@ -153,21 +154,21 @@ function PickList_div_1_12_Template(rf, ctx) { if (rf & 1) {
 } }
 function PickList_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 14)(1, "button", 10);
+    i0.ɵɵelementStart(0, "div", 15)(1, "button", 11);
     i0.ɵɵlistener("click", function PickList_div_1_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); const sourcelist_r4 = i0.ɵɵreference(4); return i0.ɵɵresetView(ctx_r2.moveUp(sourcelist_r4, ctx_r2.source, ctx_r2.selectedItemsSource, ctx_r2.onSourceReorder, ctx_r2.SOURCE_LIST)); });
-    i0.ɵɵtemplate(2, PickList_div_1_AngleUpIcon_2_Template, 1, 1, "AngleUpIcon", 8)(3, PickList_div_1_3_Template, 1, 0, null, 15);
+    i0.ɵɵtemplate(2, PickList_div_1_AngleUpIcon_2_Template, 1, 1, "AngleUpIcon", 8)(3, PickList_div_1_3_Template, 1, 0, null, 16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 10);
+    i0.ɵɵelementStart(4, "button", 11);
     i0.ɵɵlistener("click", function PickList_div_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); const sourcelist_r4 = i0.ɵɵreference(4); return i0.ɵɵresetView(ctx_r2.moveTop(sourcelist_r4, ctx_r2.source, ctx_r2.selectedItemsSource, ctx_r2.onSourceReorder, ctx_r2.SOURCE_LIST)); });
-    i0.ɵɵtemplate(5, PickList_div_1_AngleDoubleUpIcon_5_Template, 1, 1, "AngleDoubleUpIcon", 8)(6, PickList_div_1_6_Template, 1, 0, null, 15);
+    i0.ɵɵtemplate(5, PickList_div_1_AngleDoubleUpIcon_5_Template, 1, 1, "AngleDoubleUpIcon", 8)(6, PickList_div_1_6_Template, 1, 0, null, 16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 10);
+    i0.ɵɵelementStart(7, "button", 11);
     i0.ɵɵlistener("click", function PickList_div_1_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); const sourcelist_r4 = i0.ɵɵreference(4); return i0.ɵɵresetView(ctx_r2.moveDown(sourcelist_r4, ctx_r2.source, ctx_r2.selectedItemsSource, ctx_r2.onSourceReorder, ctx_r2.SOURCE_LIST)); });
-    i0.ɵɵtemplate(8, PickList_div_1_AngleDownIcon_8_Template, 1, 1, "AngleDownIcon", 8)(9, PickList_div_1_9_Template, 1, 0, null, 15);
+    i0.ɵɵtemplate(8, PickList_div_1_AngleDownIcon_8_Template, 1, 1, "AngleDownIcon", 8)(9, PickList_div_1_9_Template, 1, 0, null, 16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 10);
+    i0.ɵɵelementStart(10, "button", 11);
     i0.ɵɵlistener("click", function PickList_div_1_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); const sourcelist_r4 = i0.ɵɵreference(4); return i0.ɵɵresetView(ctx_r2.moveBottom(sourcelist_r4, ctx_r2.source, ctx_r2.selectedItemsSource, ctx_r2.onSourceReorder, ctx_r2.SOURCE_LIST)); });
-    i0.ɵɵtemplate(11, PickList_div_1_AngleDoubleDownIcon_11_Template, 1, 1, "AngleDoubleDownIcon", 8)(12, PickList_div_1_12_Template, 1, 0, null, 15);
+    i0.ɵɵtemplate(11, PickList_div_1_AngleDoubleDownIcon_11_Template, 1, 1, "AngleDoubleDownIcon", 8)(12, PickList_div_1_12_Template, 1, 0, null, 16);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -176,76 +177,121 @@ function PickList_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("disabled", ctx_r2.sourceMoveDisabled())("buttonProps", ctx_r2.getButtonProps("moveup"));
     i0.ɵɵattribute("aria-label", ctx_r2.moveUpAriaLabel)("data-pc-section", "sourceMoveUpButton");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveUpIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r2.moveUpIconTemplate && !ctx_r2._moveUpIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveUpIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveUpIconTemplate || ctx_r2._moveUpIconTemplate);
     i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", ctx_r2.sourceMoveDisabled())("buttonProps", ctx_r2.getButtonProps("movetop"));
     i0.ɵɵattribute("aria-label", ctx_r2.moveTopAriaLabel)("data-pc-section", "sourceMoveTopButton");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveTopIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r2.moveTopIconTemplate && !ctx_r2._moveTopIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveTopIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveTopIconTemplate || ctx_r2._moveTopIconTemplate);
     i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", ctx_r2.sourceMoveDisabled())("buttonProps", ctx_r2.getButtonProps("movedown"));
     i0.ɵɵattribute("aria-label", ctx_r2.moveDownAriaLabel)("data-pc-section", "sourceMoveDownButton");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveDownIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r2.moveDownIconTemplate && !ctx_r2._moveDownIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveDownIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveDownIconTemplate || ctx_r2._moveDownIconTemplate);
     i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", ctx_r2.sourceMoveDisabled())("buttonProps", ctx_r2.getButtonProps("movebottom"));
     i0.ɵɵattribute("aria-label", ctx_r2.moveBottomAriaLabel)("data-pc-section", "sourceMoveBottomButton");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveBottomIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r2.moveBottomIconTemplate || ctx_r2._moveBottomIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveBottomIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveBottomIconTemplate || ctx_r2._moveBottomIconTemplate);
 } }
 function PickList_ng_container_5_ng_template_1_0_ng_template_0_Template(rf, ctx) { }
 function PickList_ng_container_5_ng_template_1_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, PickList_ng_container_5_ng_template_1_0_ng_template_0_Template, 0, 0, "ng-template");
 } }
 function PickList_ng_container_5_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_ng_container_5_ng_template_1_0_Template, 1, 0, null, 15);
+    i0.ɵɵtemplate(0, PickList_ng_container_5_ng_template_1_0_Template, 1, 0, null, 16);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.sourceHeaderTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.sourceHeaderTemplate || ctx_r2._sourceHeaderTemplate);
 } }
 function PickList_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵtemplate(1, PickList_ng_container_5_ng_template_1_Template, 1, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementContainerEnd();
 } }
-function PickList_ng_container_6_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_6_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function PickList_ng_container_6_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_ng_container_6_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 11);
+function PickList_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, PickList_ng_container_6_ng_container_1_Template, 1, 0, "ng-container", 12);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.sourceFilterTemplate || ctx_r2._sourceFilterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c23, ctx_r2.sourceFilterOptions));
+} }
+function PickList_ng_container_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PickList_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, PickList_ng_container_7_ng_container_1_Template, 1, 0, "ng-container", 16);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.sourceFilterIconTemplate || ctx_r2._sourceFilterIconTemplate);
+} }
+function PickList_div_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.sourceHeader);
+} }
+function PickList_ng_container_9_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PickList_ng_container_9_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_9_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 12);
 } if (rf & 2) {
     const item_r5 = ctx.$implicit;
     const index_r6 = ctx.index;
     const selected_r7 = ctx.selected;
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.itemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c23, item_r5, index_r6, selected_r7));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.itemTemplate || ctx_r2._itemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c24, item_r5, index_r6, selected_r7));
 } }
-function PickList_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, PickList_ng_container_9_ng_template_1_Template, 1, 6, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementContainerEnd();
+} }
+function PickList_ng_container_10_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PickList_ng_container_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_6_ng_template_1_Template, 1, 6, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(1, PickList_ng_container_10_ng_container_1_Template, 1, 0, "ng-container", 16);
     i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.emptyFilterMessageSourceTemplate || ctx_r2._emptyFilterMessageSourceTemplate || ctx_r2.emptyMessageSourceTemplate || ctx_r2._emptyMessageSourceTemplate);
 } }
-function PickList_ng_container_9_AngleRightIcon_1_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_13_AngleRightIcon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleRightIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "movetotargeticon");
 } }
-function PickList_ng_container_9_AngleDownIcon_2_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_13_AngleDownIcon_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleDownIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "movetotargeticon");
 } }
-function PickList_ng_container_9_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_9_AngleRightIcon_1_Template, 1, 1, "AngleRightIcon", 8)(2, PickList_ng_container_9_AngleDownIcon_2_Template, 1, 1, "AngleDownIcon", 8);
+    i0.ɵɵtemplate(1, PickList_ng_container_13_AngleRightIcon_1_Template, 1, 1, "AngleRightIcon", 8)(2, PickList_ng_container_13_AngleDownIcon_2_Template, 1, 1, "AngleDownIcon", 8);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -254,23 +300,23 @@ function PickList_ng_container_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.viewChanged);
 } }
-function PickList_10_ng_template_0_Template(rf, ctx) { }
-function PickList_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_10_ng_template_0_Template, 0, 0, "ng-template");
+function PickList_14_ng_template_0_Template(rf, ctx) { }
+function PickList_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_14_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_ng_container_12_AngleDoubleRightIcon_1_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_16_AngleDoubleRightIcon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleDoubleRightIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "movealltotargeticon");
 } }
-function PickList_ng_container_12_AngleDoubleDownIcon_2_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_16_AngleDoubleDownIcon_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleDoubleDownIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "movealltotargeticon");
 } }
-function PickList_ng_container_12_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_12_AngleDoubleRightIcon_1_Template, 1, 1, "AngleDoubleRightIcon", 8)(2, PickList_ng_container_12_AngleDoubleDownIcon_2_Template, 1, 1, "AngleDoubleDownIcon", 8);
+    i0.ɵɵtemplate(1, PickList_ng_container_16_AngleDoubleRightIcon_1_Template, 1, 1, "AngleDoubleRightIcon", 8)(2, PickList_ng_container_16_AngleDoubleDownIcon_2_Template, 1, 1, "AngleDoubleDownIcon", 8);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -279,23 +325,23 @@ function PickList_ng_container_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.viewChanged);
 } }
-function PickList_13_ng_template_0_Template(rf, ctx) { }
-function PickList_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_13_ng_template_0_Template, 0, 0, "ng-template");
+function PickList_17_ng_template_0_Template(rf, ctx) { }
+function PickList_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_17_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_ng_container_15_AngleLeftIcon_1_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_19_AngleLeftIcon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleLeftIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "movedownsourceticon");
 } }
-function PickList_ng_container_15_AngleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_19_AngleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleUpIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "movedownsourceticon");
 } }
-function PickList_ng_container_15_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_15_AngleLeftIcon_1_Template, 1, 1, "AngleLeftIcon", 8)(2, PickList_ng_container_15_AngleUpIcon_2_Template, 1, 1, "AngleUpIcon", 8);
+    i0.ɵɵtemplate(1, PickList_ng_container_19_AngleLeftIcon_1_Template, 1, 1, "AngleLeftIcon", 8)(2, PickList_ng_container_19_AngleUpIcon_2_Template, 1, 1, "AngleUpIcon", 8);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -304,23 +350,23 @@ function PickList_ng_container_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.viewChanged);
 } }
-function PickList_16_ng_template_0_Template(rf, ctx) { }
-function PickList_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_16_ng_template_0_Template, 0, 0, "ng-template");
+function PickList_20_ng_template_0_Template(rf, ctx) { }
+function PickList_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_20_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_ng_container_18_AngleDoubleLeftIcon_1_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_22_AngleDoubleLeftIcon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleDoubleLeftIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "movealltosourceticon");
 } }
-function PickList_ng_container_18_AngleDoubleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_22_AngleDoubleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleDoubleUpIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "movealltosourceticon");
 } }
-function PickList_ng_container_18_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_18_AngleDoubleLeftIcon_1_Template, 1, 1, "AngleDoubleLeftIcon", 8)(2, PickList_ng_container_18_AngleDoubleUpIcon_2_Template, 1, 1, "AngleDoubleUpIcon", 8);
+    i0.ɵɵtemplate(1, PickList_ng_container_22_AngleDoubleLeftIcon_1_Template, 1, 1, "AngleDoubleLeftIcon", 8)(2, PickList_ng_container_22_AngleDoubleUpIcon_2_Template, 1, 1, "AngleDoubleUpIcon", 8);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -329,95 +375,140 @@ function PickList_ng_container_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.viewChanged);
 } }
-function PickList_19_ng_template_0_Template(rf, ctx) { }
-function PickList_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_19_ng_template_0_Template, 0, 0, "ng-template");
+function PickList_23_ng_template_0_Template(rf, ctx) { }
+function PickList_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_23_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_ng_container_23_ng_template_1_0_ng_template_0_Template(rf, ctx) { }
-function PickList_ng_container_23_ng_template_1_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_ng_container_23_ng_template_1_0_ng_template_0_Template, 0, 0, "ng-template");
+function PickList_ng_container_27_ng_template_1_0_ng_template_0_Template(rf, ctx) { }
+function PickList_ng_container_27_ng_template_1_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_27_ng_template_1_0_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_ng_container_23_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_ng_container_23_ng_template_1_0_Template, 1, 0, null, 15);
+function PickList_ng_container_27_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_27_ng_template_1_0_Template, 1, 0, null, 16);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.targetHeaderTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.targetHeaderTemplate || ctx_r2._targetHeaderTemplate);
+} }
+function PickList_ng_container_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, PickList_ng_container_27_ng_template_1_Template, 1, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementContainerEnd();
+} }
+function PickList_ng_container_28_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PickList_ng_container_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, PickList_ng_container_28_ng_container_1_Template, 1, 0, "ng-container", 12);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.targetFilterTemplate || ctx_r2._targetFilterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c23, ctx_r2.targetFilterOptions));
+} }
+function PickList_ng_container_29_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
 } }
-function PickList_ng_container_23_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_29_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_23_ng_template_1_Template, 1, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(1, PickList_ng_container_29_ng_container_1_Template, 1, 0, "ng-container", 16);
     i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.targetFilterIconTemplate || ctx_r2._targetFilterIconTemplate);
+} }
+function PickList_div_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.targetHeader);
 } }
-function PickList_ng_container_24_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_31_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function PickList_ng_container_24_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_ng_container_24_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 11);
+function PickList_ng_container_31_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_31_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 12);
 } if (rf & 2) {
     const item_r8 = ctx.$implicit;
     const index_r9 = ctx.index;
     const selected_r10 = ctx.selected;
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.itemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c23, item_r8, index_r9, selected_r10));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.itemTemplate || ctx_r2._itemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c24, item_r8, index_r9, selected_r10));
+} }
+function PickList_ng_container_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, PickList_ng_container_31_ng_template_1_Template, 1, 6, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementContainerEnd();
 } }
-function PickList_ng_container_24_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_32_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PickList_ng_container_32_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_24_ng_template_1_Template, 1, 6, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(1, PickList_ng_container_32_ng_container_1_Template, 1, 0, "ng-container", 16);
     i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.emptyFilterMessageTargetTemplate || ctx_r2._emptyFilterMessageTargetTemplate || ctx_r2.emptyMessageTargetTemplate || ctx_r2._emptyMessageTargetTemplate);
 } }
-function PickList_div_25_AngleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_33_AngleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleUpIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "moveupicon");
 } }
-function PickList_div_25_3_ng_template_0_Template(rf, ctx) { }
-function PickList_div_25_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_div_25_3_ng_template_0_Template, 0, 0, "ng-template");
+function PickList_div_33_3_ng_template_0_Template(rf, ctx) { }
+function PickList_div_33_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_div_33_3_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_div_25_AngleDoubleUpIcon_5_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_33_AngleDoubleUpIcon_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleDoubleUpIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "movetopicon");
 } }
-function PickList_div_25_6_ng_template_0_Template(rf, ctx) { }
-function PickList_div_25_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_div_25_6_ng_template_0_Template, 0, 0, "ng-template");
+function PickList_div_33_6_ng_template_0_Template(rf, ctx) { }
+function PickList_div_33_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_div_33_6_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_div_25_AngleDownIcon_8_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_33_AngleDownIcon_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleDownIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "movedownicon");
 } }
-function PickList_div_25_9_ng_template_0_Template(rf, ctx) { }
-function PickList_div_25_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_div_25_9_ng_template_0_Template, 0, 0, "ng-template");
+function PickList_div_33_9_ng_template_0_Template(rf, ctx) { }
+function PickList_div_33_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_div_33_9_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_div_25_AngleDoubleDownIcon_11_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_33_AngleDoubleDownIcon_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleDoubleDownIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "movebottomicon");
 } }
-function PickList_div_25_12_ng_template_0_Template(rf, ctx) { }
-function PickList_div_25_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_div_25_12_ng_template_0_Template, 0, 0, "ng-template");
+function PickList_div_33_12_ng_template_0_Template(rf, ctx) { }
+function PickList_div_33_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_div_33_12_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_div_25_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_33_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 16)(1, "button", 10);
-    i0.ɵɵlistener("click", function PickList_div_25_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(22); return i0.ɵɵresetView(ctx_r2.moveUp(targetlist_r12, ctx_r2.target, ctx_r2.selectedItemsTarget, ctx_r2.onTargetReorder, ctx_r2.TARGET_LIST)); });
-    i0.ɵɵtemplate(2, PickList_div_25_AngleUpIcon_2_Template, 1, 1, "AngleUpIcon", 8)(3, PickList_div_25_3_Template, 1, 0, null, 15);
+    i0.ɵɵelementStart(0, "div", 18)(1, "button", 11);
+    i0.ɵɵlistener("click", function PickList_div_33_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(26); return i0.ɵɵresetView(ctx_r2.moveUp(targetlist_r12, ctx_r2.target, ctx_r2.selectedItemsTarget, ctx_r2.onTargetReorder, ctx_r2.TARGET_LIST)); });
+    i0.ɵɵtemplate(2, PickList_div_33_AngleUpIcon_2_Template, 1, 1, "AngleUpIcon", 8)(3, PickList_div_33_3_Template, 1, 0, null, 16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 10);
-    i0.ɵɵlistener("click", function PickList_div_25_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(22); return i0.ɵɵresetView(ctx_r2.moveTop(targetlist_r12, ctx_r2.target, ctx_r2.selectedItemsTarget, ctx_r2.onTargetReorder, ctx_r2.TARGET_LIST)); });
-    i0.ɵɵtemplate(5, PickList_div_25_AngleDoubleUpIcon_5_Template, 1, 1, "AngleDoubleUpIcon", 8)(6, PickList_div_25_6_Template, 1, 0, null, 15);
+    i0.ɵɵelementStart(4, "button", 11);
+    i0.ɵɵlistener("click", function PickList_div_33_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(26); return i0.ɵɵresetView(ctx_r2.moveTop(targetlist_r12, ctx_r2.target, ctx_r2.selectedItemsTarget, ctx_r2.onTargetReorder, ctx_r2.TARGET_LIST)); });
+    i0.ɵɵtemplate(5, PickList_div_33_AngleDoubleUpIcon_5_Template, 1, 1, "AngleDoubleUpIcon", 8)(6, PickList_div_33_6_Template, 1, 0, null, 16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 10);
-    i0.ɵɵlistener("click", function PickList_div_25_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(22); return i0.ɵɵresetView(ctx_r2.moveDown(targetlist_r12, ctx_r2.target, ctx_r2.selectedItemsTarget, ctx_r2.onTargetReorder, ctx_r2.TARGET_LIST)); });
-    i0.ɵɵtemplate(8, PickList_div_25_AngleDownIcon_8_Template, 1, 1, "AngleDownIcon", 8)(9, PickList_div_25_9_Template, 1, 0, null, 15);
+    i0.ɵɵelementStart(7, "button", 11);
+    i0.ɵɵlistener("click", function PickList_div_33_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(26); return i0.ɵɵresetView(ctx_r2.moveDown(targetlist_r12, ctx_r2.target, ctx_r2.selectedItemsTarget, ctx_r2.onTargetReorder, ctx_r2.TARGET_LIST)); });
+    i0.ɵɵtemplate(8, PickList_div_33_AngleDownIcon_8_Template, 1, 1, "AngleDownIcon", 8)(9, PickList_div_33_9_Template, 1, 0, null, 16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 10);
-    i0.ɵɵlistener("click", function PickList_div_25_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(22); return i0.ɵɵresetView(ctx_r2.moveBottom(targetlist_r12, ctx_r2.target, ctx_r2.selectedItemsTarget, ctx_r2.onTargetReorder, ctx_r2.TARGET_LIST)); });
-    i0.ɵɵtemplate(11, PickList_div_25_AngleDoubleDownIcon_11_Template, 1, 1, "AngleDoubleDownIcon", 8)(12, PickList_div_25_12_Template, 1, 0, null, 15);
+    i0.ɵɵelementStart(10, "button", 11);
+    i0.ɵɵlistener("click", function PickList_div_33_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(26); return i0.ɵɵresetView(ctx_r2.moveBottom(targetlist_r12, ctx_r2.target, ctx_r2.selectedItemsTarget, ctx_r2.onTargetReorder, ctx_r2.TARGET_LIST)); });
+    i0.ɵɵtemplate(11, PickList_div_33_AngleDoubleDownIcon_11_Template, 1, 1, "AngleDoubleDownIcon", 8)(12, PickList_div_33_12_Template, 1, 0, null, 16);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -426,30 +517,30 @@ function PickList_div_25_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("disabled", ctx_r2.targetMoveDisabled())("buttonProps", ctx_r2.getButtonProps("moveup"));
     i0.ɵɵattribute("aria-label", ctx_r2.moveUpAriaLabel)("data-pc-section", "targetMoveUpButton");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveUpIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r2.moveUpIconTemplate && !ctx_r2._moveUpIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveUpIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveUpIconTemplate || ctx_r2._moveUpIconTemplate);
     i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", ctx_r2.targetMoveDisabled())("buttonProps", ctx_r2.getButtonProps("movetop"));
     i0.ɵɵattribute("aria-label", ctx_r2.moveTopAriaLabel)("data-pc-section", "targetMoveTopButton");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveTopIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r2.moveTopIconTemplate && !ctx_r2._moveTopIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveTopIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveTopIconTemplate || ctx_r2.moveTopIconTemplate);
     i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", ctx_r2.targetMoveDisabled())("buttonProps", ctx_r2.getButtonProps("movedown"));
     i0.ɵɵattribute("aria-label", ctx_r2.moveDownAriaLabel)("data-pc-section", "targetMoveDownButton");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveDownIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r2.moveDownIconTemplate && !ctx_r2._moveDownIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveDownIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveDownIconTemplate || ctx_r2._moveDownIconTemplate);
     i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", ctx_r2.targetMoveDisabled())("buttonProps", ctx_r2.getButtonProps("movebottom"));
     i0.ɵɵattribute("aria-label", ctx_r2.moveBottomAriaLabel)("data-pc-section", "targetMoveBottomButton");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveBottomIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r2.moveBottomIconTemplate && !ctx_r2._moveBottomIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveBottomIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveBottomIconTemplate || ctx_r2._moveBottomIconTemplate);
 } }
 /**
  * PickList is used to reorder items between different lists.
@@ -985,71 +1076,91 @@ class PickList extends BaseComponent {
      * @group Templates
      */
     sourceFilterIconTemplate;
+    templates;
+    _itemTemplate;
+    _sourceHeaderTemplate;
+    _targetHeaderTemplate;
+    _sourceFilterTemplate;
+    _targetFilterTemplate;
+    _emptyMessageSourceTemplate;
+    _emptyFilterMessageSourceTemplate;
+    _emptyMessageTargetTemplate;
+    _emptyFilterMessageTargetTemplate;
+    _moveUpIconTemplate;
+    _moveTopIconTemplate;
+    _moveDownIconTemplate;
+    _moveBottomIconTemplate;
+    _moveToTargetIconTemplate;
+    _moveAllToTargetIconTemplate;
+    _moveToSourceIconTemplate;
+    _moveAllToSourceIconTemplate;
+    _targetFilterIconTemplate;
+    _sourceFilterIconTemplate;
     ngAfterContentInit() {
         this.templates.forEach((item) => {
             switch (item.getType()) {
                 case 'item':
-                    this.itemTemplate = item.template;
+                    this._itemTemplate = item.template;
                     break;
                 case 'option':
-                    this.itemTemplate = item.template;
+                    this._itemTemplate = item.template;
                     break;
                 case 'sourceHeader':
-                    this.sourceHeaderTemplate = item.template;
+                    this._sourceHeaderTemplate = item.template;
                     break;
                 case 'targetHeader':
-                    this.targetHeaderTemplate = item.template;
+                    this._targetHeaderTemplate = item.template;
                     break;
                 case 'sourceFilter':
-                    this.sourceFilterTemplate = item.template;
+                    this._sourceFilterTemplate = item.template;
                     break;
                 case 'targetFilter':
-                    this.targetFilterTemplate = item.template;
+                    this._targetFilterTemplate = item.template;
                     break;
                 case 'emptymessagesource':
-                    this.emptyMessageSourceTemplate = item.template;
+                    this._emptyMessageSourceTemplate = item.template;
                     break;
                 case 'emptyfiltermessagesource':
-                    this.emptyFilterMessageSourceTemplate = item.template;
+                    this._emptyFilterMessageSourceTemplate = item.template;
                     break;
                 case 'emptymessagetarget':
-                    this.emptyMessageTargetTemplate = item.template;
+                    this._emptyMessageTargetTemplate = item.template;
                     break;
                 case 'emptyfiltermessagetarget':
-                    this.emptyFilterMessageTargetTemplate = item.template;
+                    this._emptyFilterMessageTargetTemplate = item.template;
                     break;
                 case 'moveupicon':
-                    this.moveUpIconTemplate = item.template;
+                    this._moveUpIconTemplate = item.template;
                     break;
                 case 'movetopicon':
-                    this.moveTopIconTemplate = item.template;
+                    this._moveTopIconTemplate = item.template;
                     break;
                 case 'movedownicon':
-                    this.moveDownIconTemplate = item.template;
+                    this._moveDownIconTemplate = item.template;
                     break;
                 case 'movebottomicon':
-                    this.moveBottomIconTemplate = item.template;
+                    this._moveBottomIconTemplate = item.template;
                     break;
                 case 'movetotargeticon':
-                    this.moveToTargetIconTemplate = item.template;
+                    this._moveToTargetIconTemplate = item.template;
                     break;
                 case 'movealltotargeticon':
-                    this.moveAllToTargetIconTemplate = item.template;
+                    this._moveAllToTargetIconTemplate = item.template;
                     break;
                 case 'movetosourceicon':
-                    this.moveToSourceIconTemplate = item.template;
+                    this._moveToSourceIconTemplate = item.template;
                     break;
                 case 'movealltosourceicon':
-                    this.moveAllToSourceIconTemplate = item.template;
+                    this._moveAllToSourceIconTemplate = item.template;
                     break;
                 case 'targetfiltericon':
-                    this.targetFilterIconTemplate = item.template;
+                    this._targetFilterIconTemplate = item.template;
                     break;
                 case 'sourcefiltericon':
-                    this.sourceFilterIconTemplate = item.template;
+                    this._sourceFilterIconTemplate = item.template;
                     break;
                 default:
-                    this.itemTemplate = item.template;
+                    this._itemTemplate = item.template;
                     break;
             }
         });
@@ -1274,8 +1385,9 @@ class PickList extends BaseComponent {
     }
     moveRight() {
         if (this.selectedItemsSource && this.selectedItemsSource.length) {
-            for (let i = 0; i < this.selectedItemsSource.length; i++) {
-                let selectedItem = this.selectedItemsSource[i];
+            let itemsToMove = [...this.selectedItemsSource];
+            for (let i = 0; i < itemsToMove.length; i++) {
+                let selectedItem = itemsToMove[i];
                 if (findIndexInList(selectedItem, this.target) == -1) {
                     this.target?.push(this.source?.splice(findIndexInList(selectedItem, this.source), 1)[0]);
                     if (this.visibleOptionsSource?.includes(selectedItem)) {
@@ -1284,11 +1396,12 @@ class PickList extends BaseComponent {
                 }
             }
             this.onMoveToTarget.emit({
-                items: this.selectedItemsSource
+                items: itemsToMove
             });
             if (this.keepSelection) {
-                this.selectedItemsTarget = [...this.selectedItemsTarget, ...this.selectedItemsSource];
+                this.selectedItemsTarget = [...this.selectedItemsTarget, ...itemsToMove];
             }
+            itemsToMove = [];
             this.selectedItemsSource = [];
             if (this.filterValueTarget) {
                 this.filter(this.target, this.TARGET_LIST);
@@ -1323,8 +1436,9 @@ class PickList extends BaseComponent {
     }
     moveLeft() {
         if (this.selectedItemsTarget && this.selectedItemsTarget.length) {
-            for (let i = 0; i < this.selectedItemsTarget.length; i++) {
-                let selectedItem = this.selectedItemsTarget[i];
+            let itemsToMove = [...this.selectedItemsTarget];
+            for (let i = 0; i < itemsToMove.length; i++) {
+                let selectedItem = itemsToMove[i];
                 if (findIndexInList(selectedItem, this.source) == -1) {
                     this.source?.push(this.target?.splice(findIndexInList(selectedItem, this.target), 1)[0]);
                     if (this.visibleOptionsTarget?.includes(selectedItem)) {
@@ -1333,11 +1447,12 @@ class PickList extends BaseComponent {
                 }
             }
             this.onMoveToSource.emit({
-                items: this.selectedItemsTarget
+                items: itemsToMove
             });
             if (this.keepSelection) {
-                this.selectedItemsSource = [...this.selectedItemsSource, ...this.selectedItemsTarget];
+                this.selectedItemsSource = [...this.selectedItemsSource, itemsToMove];
             }
+            itemsToMove = [];
             this.selectedItemsTarget = [];
             if (this.filterValueSource) {
                 this.filter(this.source, this.SOURCE_LIST);
@@ -1699,25 +1814,26 @@ class PickList extends BaseComponent {
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵPickList_BaseFactory; return function PickList_Factory(__ngFactoryType__) { return (ɵPickList_BaseFactory || (ɵPickList_BaseFactory = i0.ɵɵgetInheritedFactory(PickList)))(__ngFactoryType__ || PickList); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PickList, selectors: [["p-pickList"], ["p-picklist"], ["p-pick-list"]], contentQueries: function PickList_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, _c5, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c6, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c7, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c8, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c9, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c10, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c11, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c12, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c13, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c14, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c15, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c16, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c17, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c18, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c1, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c2, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c3, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c4, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c5, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c6, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c7, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c8, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c9, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c10, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c11, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c12, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c13, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c14, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c15, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c16, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c17, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c18, 4);
+            i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.itemTemplate = _t.first);
@@ -1739,6 +1855,7 @@ class PickList extends BaseComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.moveAllToSourceIconTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.targetFilterIconTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sourceFilterIconTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
         } }, viewQuery: function PickList_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c19, 5);
             i0.ɵɵviewQuery(_c20, 5);
@@ -1750,41 +1867,41 @@ class PickList extends BaseComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.listViewTargetChild = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sourceFilterViewChild = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.targetFilterViewChild = _t.first);
-        } }, inputs: { source: "source", target: "target", sourceHeader: "sourceHeader", tabindex: [2, "tabindex", "tabindex", numberAttribute], rightButtonAriaLabel: "rightButtonAriaLabel", leftButtonAriaLabel: "leftButtonAriaLabel", allRightButtonAriaLabel: "allRightButtonAriaLabel", allLeftButtonAriaLabel: "allLeftButtonAriaLabel", upButtonAriaLabel: "upButtonAriaLabel", downButtonAriaLabel: "downButtonAriaLabel", topButtonAriaLabel: "topButtonAriaLabel", bottomButtonAriaLabel: "bottomButtonAriaLabel", targetHeader: "targetHeader", responsive: [2, "responsive", "responsive", booleanAttribute], filterBy: "filterBy", filterLocale: "filterLocale", trackBy: "trackBy", sourceTrackBy: "sourceTrackBy", targetTrackBy: "targetTrackBy", showSourceFilter: [2, "showSourceFilter", "showSourceFilter", booleanAttribute], showTargetFilter: [2, "showTargetFilter", "showTargetFilter", booleanAttribute], metaKeySelection: [2, "metaKeySelection", "metaKeySelection", booleanAttribute], dragdrop: [2, "dragdrop", "dragdrop", booleanAttribute], style: "style", styleClass: "styleClass", sourceStyle: "sourceStyle", targetStyle: "targetStyle", showSourceControls: [2, "showSourceControls", "showSourceControls", booleanAttribute], showTargetControls: [2, "showTargetControls", "showTargetControls", booleanAttribute], sourceFilterPlaceholder: "sourceFilterPlaceholder", targetFilterPlaceholder: "targetFilterPlaceholder", disabled: [2, "disabled", "disabled", booleanAttribute], ariaSourceFilterLabel: "ariaSourceFilterLabel", ariaTargetFilterLabel: "ariaTargetFilterLabel", filterMatchMode: "filterMatchMode", stripedRows: [2, "stripedRows", "stripedRows", booleanAttribute], keepSelection: [2, "keepSelection", "keepSelection", booleanAttribute], scrollHeight: "scrollHeight", autoOptionFocus: [2, "autoOptionFocus", "autoOptionFocus", booleanAttribute], buttonProps: "buttonProps", moveUpButtonProps: "moveUpButtonProps", moveTopButtonProps: "moveTopButtonProps", moveDownButtonProps: "moveDownButtonProps", moveBottomButtonProps: "moveBottomButtonProps", moveToTargetProps: "moveToTargetProps", moveAllToTargetProps: "moveAllToTargetProps", moveToSourceProps: "moveToSourceProps", moveAllToSourceProps: "moveAllToSourceProps", breakpoint: "breakpoint" }, outputs: { onMoveToSource: "onMoveToSource", onMoveAllToSource: "onMoveAllToSource", onMoveAllToTarget: "onMoveAllToTarget", onMoveToTarget: "onMoveToTarget", onSourceReorder: "onSourceReorder", onTargetReorder: "onTargetReorder", onSourceSelect: "onSourceSelect", onTargetSelect: "onTargetSelect", onSourceFilter: "onSourceFilter", onTargetFilter: "onTargetFilter", onFocus: "onFocus", onBlur: "onBlur" }, standalone: true, features: [i0.ɵɵProvidersFeature([PickListStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 26, vars: 85, consts: [["sourcelist", ""], ["targetlist", ""], ["header", ""], ["item", ""], ["cdkDropListGroup", "", 3, "ngStyle", "ngClass"], ["class", "p-picklist-controls p-picklist-source-controls", 4, "ngIf"], [1, "p-picklist-list-container", "p-picklist-source-list-container"], ["optionLabel", "name", 3, "ngModelChange", "onFocus", "onBlur", "keydown", "onDblClick", "multiple", "options", "ngModel", "id", "ngStyle", "striped", "tabindex", "disabled", "metaKeySelection", "scrollHeight", "autoOptionFocus", "filter", "filterBy", "filterLocale", "filterPlaceHolder"], [4, "ngIf"], [1, "p-picklist-controls", "p-picklist-transfer-controls"], ["type", "button", "pButton", "", "pRipple", "", "severity", "secondary", 1, "p-button-icon-only", 3, "click", "disabled", "buttonProps"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "p-picklist-list-container", "p-picklist-target-list-container"], ["class", "p-picklist-controls p-picklist-target-controls", 4, "ngIf"], [1, "p-picklist-controls", "p-picklist-source-controls"], [4, "ngTemplateOutlet"], [1, "p-picklist-controls", "p-picklist-target-controls"]], template: function PickList_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { source: "source", target: "target", sourceHeader: "sourceHeader", tabindex: [2, "tabindex", "tabindex", numberAttribute], rightButtonAriaLabel: "rightButtonAriaLabel", leftButtonAriaLabel: "leftButtonAriaLabel", allRightButtonAriaLabel: "allRightButtonAriaLabel", allLeftButtonAriaLabel: "allLeftButtonAriaLabel", upButtonAriaLabel: "upButtonAriaLabel", downButtonAriaLabel: "downButtonAriaLabel", topButtonAriaLabel: "topButtonAriaLabel", bottomButtonAriaLabel: "bottomButtonAriaLabel", targetHeader: "targetHeader", responsive: [2, "responsive", "responsive", booleanAttribute], filterBy: "filterBy", filterLocale: "filterLocale", trackBy: "trackBy", sourceTrackBy: "sourceTrackBy", targetTrackBy: "targetTrackBy", showSourceFilter: [2, "showSourceFilter", "showSourceFilter", booleanAttribute], showTargetFilter: [2, "showTargetFilter", "showTargetFilter", booleanAttribute], metaKeySelection: [2, "metaKeySelection", "metaKeySelection", booleanAttribute], dragdrop: [2, "dragdrop", "dragdrop", booleanAttribute], style: "style", styleClass: "styleClass", sourceStyle: "sourceStyle", targetStyle: "targetStyle", showSourceControls: [2, "showSourceControls", "showSourceControls", booleanAttribute], showTargetControls: [2, "showTargetControls", "showTargetControls", booleanAttribute], sourceFilterPlaceholder: "sourceFilterPlaceholder", targetFilterPlaceholder: "targetFilterPlaceholder", disabled: [2, "disabled", "disabled", booleanAttribute], ariaSourceFilterLabel: "ariaSourceFilterLabel", ariaTargetFilterLabel: "ariaTargetFilterLabel", filterMatchMode: "filterMatchMode", stripedRows: [2, "stripedRows", "stripedRows", booleanAttribute], keepSelection: [2, "keepSelection", "keepSelection", booleanAttribute], scrollHeight: "scrollHeight", autoOptionFocus: [2, "autoOptionFocus", "autoOptionFocus", booleanAttribute], buttonProps: "buttonProps", moveUpButtonProps: "moveUpButtonProps", moveTopButtonProps: "moveTopButtonProps", moveDownButtonProps: "moveDownButtonProps", moveBottomButtonProps: "moveBottomButtonProps", moveToTargetProps: "moveToTargetProps", moveAllToTargetProps: "moveAllToTargetProps", moveToSourceProps: "moveToSourceProps", moveAllToSourceProps: "moveAllToSourceProps", breakpoint: "breakpoint" }, outputs: { onMoveToSource: "onMoveToSource", onMoveAllToSource: "onMoveAllToSource", onMoveAllToTarget: "onMoveAllToTarget", onMoveToTarget: "onMoveToTarget", onSourceReorder: "onSourceReorder", onTargetReorder: "onTargetReorder", onSourceSelect: "onSourceSelect", onTargetSelect: "onTargetSelect", onSourceFilter: "onSourceFilter", onTargetFilter: "onTargetFilter", onFocus: "onFocus", onBlur: "onBlur" }, standalone: true, features: [i0.ɵɵProvidersFeature([PickListStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 34, vars: 93, consts: [["sourcelist", ""], ["targetlist", ""], ["header", ""], ["item", ""], ["cdkDropListGroup", "", 3, "ngStyle", "ngClass"], ["class", "p-picklist-controls p-picklist-source-controls", 4, "ngIf"], [1, "p-picklist-list-container", "p-picklist-source-list-container"], ["optionLabel", "name", 3, "ngModelChange", "onFocus", "onBlur", "keydown", "onDblClick", "multiple", "options", "ngModel", "id", "ngStyle", "striped", "tabindex", "disabled", "metaKeySelection", "scrollHeight", "autoOptionFocus", "filter", "filterBy", "filterLocale", "filterPlaceHolder"], [4, "ngIf"], ["class", "p-picklist-title", 4, "ngIf"], [1, "p-picklist-controls", "p-picklist-transfer-controls"], ["type", "button", "pButton", "", "pRipple", "", "severity", "secondary", 1, "p-button-icon-only", 3, "click", "disabled", "buttonProps"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "p-picklist-list-container", "p-picklist-target-list-container"], ["class", "p-picklist-controls p-picklist-target-controls", 4, "ngIf"], [1, "p-picklist-controls", "p-picklist-source-controls"], [4, "ngTemplateOutlet"], [1, "p-picklist-title"], [1, "p-picklist-controls", "p-picklist-target-controls"]], template: function PickList_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 4);
             i0.ɵɵtemplate(1, PickList_div_1_Template, 13, 26, "div", 5);
             i0.ɵɵelementStart(2, "div", 6)(3, "p-listbox", 7, 0);
             i0.ɵɵtwoWayListener("ngModelChange", function PickList_Template_p_listbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.selectedItemsSource, $event) || (ctx.selectedItemsSource = $event); return i0.ɵɵresetView($event); });
             i0.ɵɵlistener("onFocus", function PickList_Template_p_listbox_onFocus_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListFocus($event, ctx.SOURCE_LIST)); })("onBlur", function PickList_Template_p_listbox_onBlur_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListBlur($event, ctx.SOURCE_LIST)); })("keydown", function PickList_Template_p_listbox_keydown_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onItemKeyDown($event, ctx.selectedItemsSource, ctx.onSourceSelect, ctx.SOURCE_LIST)); })("onDblClick", function PickList_Template_p_listbox_onDblClick_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSourceItemDblClick()); });
-            i0.ɵɵtemplate(5, PickList_ng_container_5_Template, 3, 0, "ng-container", 8)(6, PickList_ng_container_6_Template, 3, 0, "ng-container", 8);
+            i0.ɵɵtemplate(5, PickList_ng_container_5_Template, 3, 0, "ng-container", 8)(6, PickList_ng_container_6_Template, 2, 4, "ng-container", 8)(7, PickList_ng_container_7_Template, 2, 1, "ng-container", 8)(8, PickList_div_8_Template, 2, 1, "div", 9)(9, PickList_ng_container_9_Template, 3, 0, "ng-container", 8)(10, PickList_ng_container_10_Template, 2, 1, "ng-container", 8);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(7, "div", 9)(8, "button", 10);
-            i0.ɵɵlistener("click", function PickList_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveRight()); });
-            i0.ɵɵtemplate(9, PickList_ng_container_9_Template, 3, 2, "ng-container", 8)(10, PickList_10_Template, 1, 0, null, 11);
+            i0.ɵɵelementStart(11, "div", 10)(12, "button", 11);
+            i0.ɵɵlistener("click", function PickList_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveRight()); });
+            i0.ɵɵtemplate(13, PickList_ng_container_13_Template, 3, 2, "ng-container", 8)(14, PickList_14_Template, 1, 0, null, 12);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(11, "button", 10);
-            i0.ɵɵlistener("click", function PickList_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveAllRight()); });
-            i0.ɵɵtemplate(12, PickList_ng_container_12_Template, 3, 2, "ng-container", 8)(13, PickList_13_Template, 1, 0, null, 11);
+            i0.ɵɵelementStart(15, "button", 11);
+            i0.ɵɵlistener("click", function PickList_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveAllRight()); });
+            i0.ɵɵtemplate(16, PickList_ng_container_16_Template, 3, 2, "ng-container", 8)(17, PickList_17_Template, 1, 0, null, 12);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(14, "button", 10);
-            i0.ɵɵlistener("click", function PickList_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveLeft()); });
-            i0.ɵɵtemplate(15, PickList_ng_container_15_Template, 3, 2, "ng-container", 8)(16, PickList_16_Template, 1, 0, null, 11);
+            i0.ɵɵelementStart(18, "button", 11);
+            i0.ɵɵlistener("click", function PickList_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveLeft()); });
+            i0.ɵɵtemplate(19, PickList_ng_container_19_Template, 3, 2, "ng-container", 8)(20, PickList_20_Template, 1, 0, null, 12);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(17, "button", 10);
-            i0.ɵɵlistener("click", function PickList_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveAllLeft()); });
-            i0.ɵɵtemplate(18, PickList_ng_container_18_Template, 3, 2, "ng-container", 8)(19, PickList_19_Template, 1, 0, null, 11);
+            i0.ɵɵelementStart(21, "button", 11);
+            i0.ɵɵlistener("click", function PickList_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveAllLeft()); });
+            i0.ɵɵtemplate(22, PickList_ng_container_22_Template, 3, 2, "ng-container", 8)(23, PickList_23_Template, 1, 0, null, 12);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(20, "div", 12)(21, "p-listbox", 7, 1);
-            i0.ɵɵtwoWayListener("ngModelChange", function PickList_Template_p_listbox_ngModelChange_21_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.selectedItemsTarget, $event) || (ctx.selectedItemsTarget = $event); return i0.ɵɵresetView($event); });
-            i0.ɵɵlistener("onFocus", function PickList_Template_p_listbox_onFocus_21_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListFocus($event, ctx.TARGET_LIST)); })("onBlur", function PickList_Template_p_listbox_onBlur_21_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListBlur($event, ctx.TARGET_LIST)); })("keydown", function PickList_Template_p_listbox_keydown_21_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onItemKeyDown($event, ctx.selectedItemsTarget, ctx.onTargetSelect, ctx.TARGET_LIST)); })("onDblClick", function PickList_Template_p_listbox_onDblClick_21_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onTargetItemDblClick()); });
-            i0.ɵɵtemplate(23, PickList_ng_container_23_Template, 3, 0, "ng-container", 8)(24, PickList_ng_container_24_Template, 3, 0, "ng-container", 8);
+            i0.ɵɵelementStart(24, "div", 13)(25, "p-listbox", 7, 1);
+            i0.ɵɵtwoWayListener("ngModelChange", function PickList_Template_p_listbox_ngModelChange_25_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.selectedItemsTarget, $event) || (ctx.selectedItemsTarget = $event); return i0.ɵɵresetView($event); });
+            i0.ɵɵlistener("onFocus", function PickList_Template_p_listbox_onFocus_25_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListFocus($event, ctx.TARGET_LIST)); })("onBlur", function PickList_Template_p_listbox_onBlur_25_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListBlur($event, ctx.TARGET_LIST)); })("keydown", function PickList_Template_p_listbox_keydown_25_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onItemKeyDown($event, ctx.selectedItemsTarget, ctx.onTargetSelect, ctx.TARGET_LIST)); })("onDblClick", function PickList_Template_p_listbox_onDblClick_25_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onTargetItemDblClick()); });
+            i0.ɵɵtemplate(27, PickList_ng_container_27_Template, 3, 0, "ng-container", 8)(28, PickList_ng_container_28_Template, 2, 4, "ng-container", 8)(29, PickList_ng_container_29_Template, 2, 1, "ng-container", 8)(30, PickList_div_30_Template, 2, 1, "div", 9)(31, PickList_ng_container_31_Template, 3, 0, "ng-container", 8)(32, PickList_ng_container_32_Template, 2, 1, "ng-container", 8);
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(25, PickList_div_25_Template, 13, 26, "div", 13);
+            i0.ɵɵtemplate(33, PickList_div_33_Template, 13, 26, "div", 14);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassMap(ctx.styleClass);
-            i0.ɵɵproperty("ngStyle", ctx.style)("ngClass", i0.ɵɵpureFunction0(76, _c21));
+            i0.ɵɵproperty("ngStyle", ctx.style)("ngClass", i0.ɵɵpureFunction0(84, _c21));
             i0.ɵɵattribute("data-pc-name", "picklist")("data-pc-section", "root");
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.showSourceControls);
@@ -1795,39 +1912,47 @@ class PickList extends BaseComponent {
             i0.ɵɵtwoWayProperty("ngModel", ctx.selectedItemsSource);
             i0.ɵɵproperty("id", ctx.idSource + "_list")("ngStyle", ctx.sourceStyle)("striped", ctx.stripedRows)("tabindex", ctx.tabindex)("disabled", ctx.disabled)("metaKeySelection", ctx.metaKeySelection)("scrollHeight", ctx.scrollHeight)("autoOptionFocus", ctx.autoOptionFocus)("filter", ctx.filterBy)("filterBy", ctx.filterBy)("filterLocale", ctx.filterLocale)("filterPlaceHolder", ctx.sourceFilterPlaceholder);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.sourceHeaderTemplate);
+            i0.ɵɵproperty("ngIf", ctx.sourceHeaderTemplate || ctx._sourceHeaderTemplate);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.sourceFilterTemplate || ctx._sourceFilterTemplate);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.itemTemplate);
+            i0.ɵɵproperty("ngIf", ctx.sourceFilterIconTemplate || ctx._sourceFilterIconTemplate);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.sourceHeaderTemplate && !ctx._sourceHeaderTemplate);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.itemTemplate || ctx._itemTemplate);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.emptyFilterMessageSourceTemplate || ctx._emptyFilterMessageSourceTemplate || ctx.emptyMessageSourceTemplate || ctx._emptyMessageSourceTemplate);
             i0.ɵɵadvance();
             i0.ɵɵattribute("data-pc-section", "buttons")("data-pc-group-section", "controls");
             i0.ɵɵadvance();
             i0.ɵɵproperty("disabled", ctx.moveRightDisabled())("buttonProps", ctx.getButtonProps("movetotarget"));
             i0.ɵɵattribute("aria-label", ctx.moveToTargetAriaLabel)("data-pc-section", "moveToTargetButton");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.moveToTargetIconTemplate);
+            i0.ɵɵproperty("ngIf", !ctx.moveToTargetIconTemplate && !ctx._moveToTargetIconTemplate);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveToTargetIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(77, _c22, ctx.viewChanged));
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveToTargetIconTemplate || ctx._moveToTargetIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(85, _c22, ctx.viewChanged));
             i0.ɵɵadvance();
             i0.ɵɵproperty("disabled", ctx.moveAllRightDisabled())("buttonProps", ctx.getButtonProps("movealltotarget"));
             i0.ɵɵattribute("aria-label", ctx.moveAllToTargetAriaLabel)("data-pc-section", "moveAllToTargetButton");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.moveAllToTargetIconTemplate);
+            i0.ɵɵproperty("ngIf", !ctx.moveAllToTargetIconTemplate && !ctx._moveAllToTargetIconTemplate);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveAllToTargetIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(79, _c22, ctx.viewChanged));
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveAllToTargetIconTemplate || ctx._moveAllToTargetIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(87, _c22, ctx.viewChanged));
             i0.ɵɵadvance();
             i0.ɵɵproperty("disabled", ctx.moveLeftDisabled())("buttonProps", ctx.getButtonProps("movetosource"));
             i0.ɵɵattribute("aria-label", ctx.moveToSourceAriaLabel)("data-pc-section", "moveToSourceButton");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.moveToSourceIconTemplate);
+            i0.ɵɵproperty("ngIf", !ctx.moveToSourceIconTemplate && !ctx._moveToSourceIconTemplate);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveToSourceIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(81, _c22, ctx.viewChanged));
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveToSourceIconTemplate || ctx._moveToSourceIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(89, _c22, ctx.viewChanged));
             i0.ɵɵadvance();
             i0.ɵɵproperty("disabled", ctx.moveAllLeftDisabled())("buttonProps", ctx.getButtonProps("movealltosource"));
             i0.ɵɵattribute("aria-label", ctx.moveAllToSourceAriaLabel)("data-pc-section", "moveAllToSourceButton");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.moveAllToSourceIconTemplate);
+            i0.ɵɵproperty("ngIf", !ctx.moveAllToSourceIconTemplate && !ctx._moveAllToSourceIconTemplate);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveAllToSourceIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(83, _c22, ctx.viewChanged));
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveAllToSourceIconTemplate || ctx._moveAllToSourceIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(91, _c22, ctx.viewChanged));
             i0.ɵɵadvance();
             i0.ɵɵattribute("data-pc-section", "targetWrapper")("data-pc-group-section", "listwrapper");
             i0.ɵɵadvance();
@@ -1835,47 +1960,27 @@ class PickList extends BaseComponent {
             i0.ɵɵtwoWayProperty("ngModel", ctx.selectedItemsTarget);
             i0.ɵɵproperty("id", ctx.idTarget + "_list")("ngStyle", ctx.targetStyle)("striped", ctx.stripedRows)("tabindex", ctx.tabindex)("disabled", ctx.disabled)("metaKeySelection", ctx.metaKeySelection)("scrollHeight", ctx.scrollHeight)("autoOptionFocus", ctx.autoOptionFocus)("filter", ctx.filterBy)("filterBy", ctx.filterBy)("filterLocale", ctx.filterLocale)("filterPlaceHolder", ctx.targetFilterPlaceholder);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.targetHeaderTemplate);
+            i0.ɵɵproperty("ngIf", ctx.targetHeaderTemplate || ctx._targetHeaderTemplate);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.targetFilterTemplate || ctx._targetFilterTemplate);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.targetFilterIconTemplate || ctx._targetFilterIconTemplate);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.itemTemplate);
+            i0.ɵɵproperty("ngIf", !ctx.targetHeaderTemplate && !ctx._targetHeaderTemplate);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.itemTemplate || ctx._itemTemplate);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.emptyFilterMessageTargetTemplate || ctx._emptyFilterMessageTargetTemplate || ctx.emptyMessageTargetTemplate || ctx._emptyMessageTargetTemplate);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.showTargetControls);
-        } }, dependencies: [CommonModule, i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, ButtonDirective,
-            Ripple,
-            DragDropModule, i2.CdkDropListGroup, AngleDoubleDownIcon,
-            AngleDoubleLeftIcon,
-            AngleDoubleRightIcon,
-            AngleDoubleUpIcon,
-            AngleDownIcon,
-            AngleLeftIcon,
-            AngleRightIcon,
-            AngleUpIcon,
-            Listbox,
-            FormsModule, i3.NgControlStatus, i3.NgModel, SharedModule], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [CommonModule, i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, ButtonDirective, Ripple, DragDropModule, i2.CdkDropListGroup, AngleDoubleDownIcon, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleDoubleUpIcon, AngleDownIcon, AngleLeftIcon, AngleRightIcon, AngleUpIcon, Listbox, FormsModule, i3.NgControlStatus, i3.NgModel, SharedModule], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PickList, [{
         type: Component,
         args: [{
                 selector: 'p-pickList, p-picklist, p-pick-list',
                 standalone: true,
-                imports: [
-                    CommonModule,
-                    ButtonDirective,
-                    Ripple,
-                    DragDropModule,
-                    AngleDoubleDownIcon,
-                    AngleDoubleLeftIcon,
-                    AngleDoubleRightIcon,
-                    AngleDoubleUpIcon,
-                    AngleDownIcon,
-                    AngleLeftIcon,
-                    AngleRightIcon,
-                    AngleUpIcon,
-                    SearchIcon,
-                    Listbox,
-                    FormsModule,
-                    SharedModule
-                ],
+                imports: [CommonModule, ButtonDirective, Ripple, DragDropModule, AngleDoubleDownIcon, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleDoubleUpIcon, AngleDownIcon, AngleLeftIcon, AngleRightIcon, AngleUpIcon, Listbox, FormsModule, SharedModule],
                 template: `
         <div [class]="styleClass" [ngStyle]="style" [ngClass]="{ 'p-picklist p-component': true }" cdkDropListGroup [attr.data-pc-name]="'picklist'" [attr.data-pc-section]="'root'">
             <div class="p-picklist-controls p-picklist-source-controls" *ngIf="showSourceControls" [attr.data-pc-section]="'sourceControls'" [attr.data-pc-group-section]="'controls'">
@@ -1891,8 +1996,8 @@ class PickList extends BaseComponent {
                     [attr.data-pc-section]="'sourceMoveUpButton'"
                     [buttonProps]="getButtonProps('moveup')"
                 >
-                    <AngleUpIcon *ngIf="!moveUpIconTemplate" [attr.data-pc-section]="'moveupicon'" />
-                    <ng-template *ngTemplateOutlet="moveUpIconTemplate"></ng-template>
+                    <AngleUpIcon *ngIf="!moveUpIconTemplate && !_moveUpIconTemplate" [attr.data-pc-section]="'moveupicon'" />
+                    <ng-template *ngTemplateOutlet="moveUpIconTemplate || _moveUpIconTemplate"></ng-template>
                 </button>
                 <button
                     type="button"
@@ -1906,8 +2011,8 @@ class PickList extends BaseComponent {
                     [attr.data-pc-section]="'sourceMoveTopButton'"
                     [buttonProps]="getButtonProps('movetop')"
                 >
-                    <AngleDoubleUpIcon *ngIf="!moveTopIconTemplate" [attr.data-pc-section]="'movetopicon'" />
-                    <ng-template *ngTemplateOutlet="moveTopIconTemplate"></ng-template>
+                    <AngleDoubleUpIcon *ngIf="!moveTopIconTemplate && !_moveTopIconTemplate" [attr.data-pc-section]="'movetopicon'" />
+                    <ng-template *ngTemplateOutlet="moveTopIconTemplate || _moveTopIconTemplate"></ng-template>
                 </button>
                 <button
                     type="button"
@@ -1921,8 +2026,8 @@ class PickList extends BaseComponent {
                     [attr.data-pc-section]="'sourceMoveDownButton'"
                     [buttonProps]="getButtonProps('movedown')"
                 >
-                    <AngleDownIcon *ngIf="!moveDownIconTemplate" [attr.data-pc-section]="'movedownicon'" />
-                    <ng-template *ngTemplateOutlet="moveDownIconTemplate"></ng-template>
+                    <AngleDownIcon *ngIf="!moveDownIconTemplate && !_moveDownIconTemplate" [attr.data-pc-section]="'movedownicon'" />
+                    <ng-template *ngTemplateOutlet="moveDownIconTemplate || _moveDownIconTemplate"></ng-template>
                 </button>
                 <button
                     type="button"
@@ -1936,8 +2041,8 @@ class PickList extends BaseComponent {
                     [attr.data-pc-section]="'sourceMoveBottomButton'"
                     [buttonProps]="getButtonProps('movebottom')"
                 >
-                    <AngleDoubleDownIcon *ngIf="!moveBottomIconTemplate" [attr.data-pc-section]="'movebottomicon'" />
-                    <ng-template *ngTemplateOutlet="moveBottomIconTemplate"></ng-template>
+                    <AngleDoubleDownIcon *ngIf="!moveBottomIconTemplate || _moveBottomIconTemplate" [attr.data-pc-section]="'movebottomicon'" />
+                    <ng-template *ngTemplateOutlet="moveBottomIconTemplate || _moveBottomIconTemplate"></ng-template>
                 </button>
             </div>
             <div class="p-picklist-list-container p-picklist-source-list-container" [attr.data-pc-section]="'sourceWrapper'" [attr.data-pc-group-section]="'listWrapper'">
@@ -1964,16 +2069,26 @@ class PickList extends BaseComponent {
                     [filterLocale]="filterLocale"
                     [filterPlaceHolder]="sourceFilterPlaceholder"
                 >
-                    <ng-container *ngIf="sourceHeaderTemplate">
+                    <ng-container *ngIf="sourceHeaderTemplate || _sourceHeaderTemplate">
                         <ng-template #header>
-                            <ng-template *ngTemplateOutlet="sourceHeaderTemplate"></ng-template>
+                            <ng-template *ngTemplateOutlet="sourceHeaderTemplate || _sourceHeaderTemplate"></ng-template>
                         </ng-template>
                     </ng-container>
-                    <ng-container *ngIf="itemTemplate">
+                    <ng-container *ngIf="sourceFilterTemplate || _sourceFilterTemplate">
+                        <ng-container *ngTemplateOutlet="sourceFilterTemplate || _sourceFilterTemplate; context: { options: sourceFilterOptions }"></ng-container>
+                    </ng-container>
+                    <ng-container *ngIf="sourceFilterIconTemplate || _sourceFilterIconTemplate">
+                        <ng-container *ngTemplateOutlet="sourceFilterIconTemplate || _sourceFilterIconTemplate"></ng-container>
+                    </ng-container>
+                    <div class="p-picklist-title" *ngIf="!sourceHeaderTemplate && !_sourceHeaderTemplate">{{ sourceHeader }}</div>
+                    <ng-container *ngIf="itemTemplate || _itemTemplate">
                         <ng-template #item let-item let-index="index" let-selected="selected">
-                            <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item, index: index, selected: selected }"></ng-container>
+                            <ng-container *ngTemplateOutlet="itemTemplate || _itemTemplate; context: { $implicit: item, index: index, selected: selected }"></ng-container>
                         </ng-template>
                     </ng-container>
+                    <ng-container *ngIf="emptyFilterMessageSourceTemplate || _emptyFilterMessageSourceTemplate || emptyMessageSourceTemplate || _emptyMessageSourceTemplate">
+                        <ng-container *ngTemplateOutlet="emptyFilterMessageSourceTemplate || _emptyFilterMessageSourceTemplate || emptyMessageSourceTemplate || _emptyMessageSourceTemplate"></ng-container>
+                    </ng-container>
                 </p-listbox>
             </div>
             <div class="p-picklist-controls p-picklist-transfer-controls" [attr.data-pc-section]="'buttons'" [attr.data-pc-group-section]="'controls'">
@@ -1989,11 +2104,11 @@ class PickList extends BaseComponent {
                     [attr.data-pc-section]="'moveToTargetButton'"
                     [buttonProps]="getButtonProps('movetotarget')"
                 >
-                    <ng-container *ngIf="!moveToTargetIconTemplate">
+                    <ng-container *ngIf="!moveToTargetIconTemplate && !_moveToTargetIconTemplate">
                         <AngleRightIcon *ngIf="!viewChanged" [attr.data-pc-section]="'movetotargeticon'" />
                         <AngleDownIcon *ngIf="viewChanged" [attr.data-pc-section]="'movetotargeticon'" />
                     </ng-container>
-                    <ng-template *ngTemplateOutlet="moveToTargetIconTemplate; context: { $implicit: viewChanged }"></ng-template>
+                    <ng-template *ngTemplateOutlet="moveToTargetIconTemplate || _moveToTargetIconTemplate; context: { $implicit: viewChanged }"></ng-template>
                 </button>
                 <button
                     type="button"
@@ -2007,11 +2122,11 @@ class PickList extends BaseComponent {
                     [attr.data-pc-section]="'moveAllToTargetButton'"
                     [buttonProps]="getButtonProps('movealltotarget')"
                 >
-                    <ng-container *ngIf="!moveAllToTargetIconTemplate">
+                    <ng-container *ngIf="!moveAllToTargetIconTemplate && !_moveAllToTargetIconTemplate">
                         <AngleDoubleRightIcon *ngIf="!viewChanged" [attr.data-pc-section]="'movealltotargeticon'" />
                         <AngleDoubleDownIcon *ngIf="viewChanged" [attr.data-pc-section]="'movealltotargeticon'" />
                     </ng-container>
-                    <ng-template *ngTemplateOutlet="moveAllToTargetIconTemplate; context: { $implicit: viewChanged }"></ng-template>
+                    <ng-template *ngTemplateOutlet="moveAllToTargetIconTemplate || _moveAllToTargetIconTemplate; context: { $implicit: viewChanged }"></ng-template>
                 </button>
                 <button
                     type="button"
@@ -2025,11 +2140,11 @@ class PickList extends BaseComponent {
                     [attr.data-pc-section]="'moveToSourceButton'"
                     [buttonProps]="getButtonProps('movetosource')"
                 >
-                    <ng-container *ngIf="!moveToSourceIconTemplate">
+                    <ng-container *ngIf="!moveToSourceIconTemplate && !_moveToSourceIconTemplate">
                         <AngleLeftIcon *ngIf="!viewChanged" [attr.data-pc-section]="'movedownsourceticon'" />
                         <AngleUpIcon *ngIf="viewChanged" [attr.data-pc-section]="'movedownsourceticon'" />
                     </ng-container>
-                    <ng-template *ngTemplateOutlet="moveToSourceIconTemplate; context: { $implicit: viewChanged }"></ng-template>
+                    <ng-template *ngTemplateOutlet="moveToSourceIconTemplate || _moveToSourceIconTemplate; context: { $implicit: viewChanged }"></ng-template>
                 </button>
                 <button
                     type="button"
@@ -2043,11 +2158,11 @@ class PickList extends BaseComponent {
                     [attr.data-pc-section]="'moveAllToSourceButton'"
                     [buttonProps]="getButtonProps('movealltosource')"
                 >
-                    <ng-container *ngIf="!moveAllToSourceIconTemplate">
+                    <ng-container *ngIf="!moveAllToSourceIconTemplate && !_moveAllToSourceIconTemplate">
                         <AngleDoubleLeftIcon *ngIf="!viewChanged" [attr.data-pc-section]="'movealltosourceticon'" />
                         <AngleDoubleUpIcon *ngIf="viewChanged" [attr.data-pc-section]="'movealltosourceticon'" />
                     </ng-container>
-                    <ng-template *ngTemplateOutlet="moveAllToSourceIconTemplate; context: { $implicit: viewChanged }"></ng-template>
+                    <ng-template *ngTemplateOutlet="moveAllToSourceIconTemplate || _moveAllToSourceIconTemplate; context: { $implicit: viewChanged }"></ng-template>
                 </button>
             </div>
             <div class="p-picklist-list-container p-picklist-target-list-container" [attr.data-pc-section]="'targetWrapper'" [attr.data-pc-group-section]="'listwrapper'">
@@ -2074,16 +2189,26 @@ class PickList extends BaseComponent {
                     [filterLocale]="filterLocale"
                     [filterPlaceHolder]="targetFilterPlaceholder"
                 >
-                    <ng-container *ngIf="targetHeaderTemplate">
+                    <ng-container *ngIf="targetHeaderTemplate || _targetHeaderTemplate">
                         <ng-template #header>
-                            <ng-template *ngTemplateOutlet="targetHeaderTemplate"></ng-template>
+                            <ng-template *ngTemplateOutlet="targetHeaderTemplate || _targetHeaderTemplate"></ng-template>
                         </ng-template>
                     </ng-container>
-                    <ng-container *ngIf="itemTemplate">
+                    <ng-container *ngIf="targetFilterTemplate || _targetFilterTemplate">
+                        <ng-container *ngTemplateOutlet="targetFilterTemplate || _targetFilterTemplate; context: { options: targetFilterOptions }"></ng-container>
+                    </ng-container>
+                    <ng-container *ngIf="targetFilterIconTemplate || _targetFilterIconTemplate">
+                        <ng-container *ngTemplateOutlet="targetFilterIconTemplate || _targetFilterIconTemplate"></ng-container>
+                    </ng-container>
+                    <div class="p-picklist-title" *ngIf="!targetHeaderTemplate && !_targetHeaderTemplate">{{ targetHeader }}</div>
+                    <ng-container *ngIf="itemTemplate || _itemTemplate">
                         <ng-template #item let-item let-index="index" let-selected="selected">
-                            <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item, index: index, selected: selected }"></ng-container>
+                            <ng-container *ngTemplateOutlet="itemTemplate || _itemTemplate; context: { $implicit: item, index: index, selected: selected }"></ng-container>
                         </ng-template>
                     </ng-container>
+                    <ng-container *ngIf="emptyFilterMessageTargetTemplate || _emptyFilterMessageTargetTemplate || emptyMessageTargetTemplate || _emptyMessageTargetTemplate">
+                        <ng-container *ngTemplateOutlet="emptyFilterMessageTargetTemplate || _emptyFilterMessageTargetTemplate || emptyMessageTargetTemplate || _emptyMessageTargetTemplate"></ng-container>
+                    </ng-container>
                 </p-listbox>
             </div>
             <div class="p-picklist-controls p-picklist-target-controls" *ngIf="showTargetControls" [attr.data-pc-section]="'targetControls'" [attr.data-pc-group-section]="'controls'">
@@ -2099,8 +2224,8 @@ class PickList extends BaseComponent {
                     [attr.data-pc-section]="'targetMoveUpButton'"
                     [buttonProps]="getButtonProps('moveup')"
                 >
-                    <AngleUpIcon *ngIf="!moveUpIconTemplate" [attr.data-pc-section]="'moveupicon'" />
-                    <ng-template *ngTemplateOutlet="moveUpIconTemplate"></ng-template>
+                    <AngleUpIcon *ngIf="!moveUpIconTemplate && !_moveUpIconTemplate" [attr.data-pc-section]="'moveupicon'" />
+                    <ng-template *ngTemplateOutlet="moveUpIconTemplate || _moveUpIconTemplate"></ng-template>
                 </button>
                 <button
                     type="button"
@@ -2114,8 +2239,8 @@ class PickList extends BaseComponent {
                     [attr.data-pc-section]="'targetMoveTopButton'"
                     [buttonProps]="getButtonProps('movetop')"
                 >
-                    <AngleDoubleUpIcon *ngIf="!moveTopIconTemplate" [attr.data-pc-section]="'movetopicon'" />
-                    <ng-template *ngTemplateOutlet="moveTopIconTemplate"></ng-template>
+                    <AngleDoubleUpIcon *ngIf="!moveTopIconTemplate && !_moveTopIconTemplate" [attr.data-pc-section]="'movetopicon'" />
+                    <ng-template *ngTemplateOutlet="moveTopIconTemplate || moveTopIconTemplate"></ng-template>
                 </button>
                 <button
                     type="button"
@@ -2129,8 +2254,8 @@ class PickList extends BaseComponent {
                     [attr.data-pc-section]="'targetMoveDownButton'"
                     [buttonProps]="getButtonProps('movedown')"
                 >
-                    <AngleDownIcon *ngIf="!moveDownIconTemplate" [attr.data-pc-section]="'movedownicon'" />
-                    <ng-template *ngTemplateOutlet="moveDownIconTemplate"></ng-template>
+                    <AngleDownIcon *ngIf="!moveDownIconTemplate && !_moveDownIconTemplate" [attr.data-pc-section]="'movedownicon'" />
+                    <ng-template *ngTemplateOutlet="moveDownIconTemplate || _moveDownIconTemplate"></ng-template>
                 </button>
                 <button
                     type="button"
@@ -2144,8 +2269,8 @@ class PickList extends BaseComponent {
                     [attr.data-pc-section]="'targetMoveBottomButton'"
                     [buttonProps]="getButtonProps('movebottom')"
                 >
-                    <AngleDoubleDownIcon *ngIf="!moveBottomIconTemplate" [attr.data-pc-section]="'movebottomicon'" />
-                    <ng-template *ngTemplateOutlet="moveBottomIconTemplate"></ng-template>
+                    <AngleDoubleDownIcon *ngIf="!moveBottomIconTemplate && !_moveBottomIconTemplate" [attr.data-pc-section]="'movebottomicon'" />
+                    <ng-template *ngTemplateOutlet="moveBottomIconTemplate || _moveBottomIconTemplate"></ng-template>
                 </button>
             </div>
         </div>
@@ -2302,61 +2427,64 @@ class PickList extends BaseComponent {
             args: ['targetFilter']
         }], itemTemplate: [{
             type: ContentChild,
-            args: ['item']
+            args: ['item', { descendants: false }]
         }], sourceHeaderTemplate: [{
             type: ContentChild,
-            args: ['sourceHeader']
+            args: ['sourceHeader', { descendants: false }]
         }], targetHeaderTemplate: [{
             type: ContentChild,
-            args: ['targetHeader']
+            args: ['targetHeader', { descendants: false }]
         }], sourceFilterTemplate: [{
             type: ContentChild,
-            args: ['sourceFilter']
+            args: ['sourceFilter', { descendants: false }]
         }], targetFilterTemplate: [{
             type: ContentChild,
-            args: ['targetFilter']
+            args: ['targetFilter', { descendants: false }]
         }], emptyMessageSourceTemplate: [{
             type: ContentChild,
-            args: ['emptymessagesource']
+            args: ['emptymessagesource', { descendants: false }]
         }], emptyFilterMessageSourceTemplate: [{
             type: ContentChild,
-            args: ['emptyfiltermessagesource']
+            args: ['emptyfiltermessagesource', { descendants: false }]
         }], emptyMessageTargetTemplate: [{
             type: ContentChild,
-            args: ['emptymessagetarget']
+            args: ['emptymessagetarget', { descendants: false }]
         }], emptyFilterMessageTargetTemplate: [{
             type: ContentChild,
-            args: ['emptyfiltermessagetarget']
+            args: ['emptyfiltermessagetarget', { descendants: false }]
         }], moveUpIconTemplate: [{
             type: ContentChild,
-            args: ['moveupicon']
+            args: ['moveupicon', { descendants: false }]
         }], moveTopIconTemplate: [{
             type: ContentChild,
-            args: ['movetopicon']
+            args: ['movetopicon', { descendants: false }]
         }], moveDownIconTemplate: [{
             type: ContentChild,
-            args: ['movedownicon']
+            args: ['movedownicon', { descendants: false }]
         }], moveBottomIconTemplate: [{
             type: ContentChild,
-            args: ['movebottomicon']
+            args: ['movebottomicon', { descendants: false }]
         }], moveToTargetIconTemplate: [{
             type: ContentChild,
-            args: ['movetotargeticon']
+            args: ['movetotargeticon', { descendants: false }]
         }], moveAllToTargetIconTemplate: [{
             type: ContentChild,
-            args: ['movealltotargeticon']
+            args: ['movealltotargeticon', { descendants: false }]
         }], moveToSourceIconTemplate: [{
             type: ContentChild,
-            args: ['movetosourceicon']
+            args: ['movetosourceicon', { descendants: false }]
         }], moveAllToSourceIconTemplate: [{
             type: ContentChild,
-            args: ['movealltosourceicon']
+            args: ['movealltosourceicon', { descendants: false }]
         }], targetFilterIconTemplate: [{
             type: ContentChild,
-            args: ['targetfiltericon']
+            args: ['targetfiltericon', { descendants: false }]
         }], sourceFilterIconTemplate: [{
             type: ContentChild,
-            args: ['sourcefiltericon']
+            args: ['sourcefiltericon', { descendants: false }]
+        }], templates: [{
+            type: ContentChildren,
+            args: [PrimeTemplate]
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PickList, { className: "PickList" }); })();
 class PickListModule {