primeng 18.0.5-lts → 18.0.6-lts

package/fesm2022/primeng-picklist.mjs

@@ -154,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", 15)(1, "button", 11);
+    i0.ɵɵelementStart(0, "div", 18)(1, "button", 14);
     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, 16);
+    i0.ɵɵtemplate(2, PickList_div_1_AngleUpIcon_2_Template, 1, 1, "AngleUpIcon", 11)(3, PickList_div_1_3_Template, 1, 0, null, 19);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 11);
+    i0.ɵɵelementStart(4, "button", 14);
     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, 16);
+    i0.ɵɵtemplate(5, PickList_div_1_AngleDoubleUpIcon_5_Template, 1, 1, "AngleDoubleUpIcon", 11)(6, PickList_div_1_6_Template, 1, 0, null, 19);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 11);
+    i0.ɵɵelementStart(7, "button", 14);
     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, 16);
+    i0.ɵɵtemplate(8, PickList_div_1_AngleDownIcon_8_Template, 1, 1, "AngleDownIcon", 11)(9, PickList_div_1_9_Template, 1, 0, null, 19);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 11);
+    i0.ɵɵelementStart(10, "button", 14);
     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, 16);
+    i0.ɵɵtemplate(11, PickList_div_1_AngleDoubleDownIcon_11_Template, 1, 1, "AngleDoubleDownIcon", 11)(12, PickList_div_1_12_Template, 1, 0, null, 19);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -202,39 +202,53 @@ function PickList_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     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_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.sourceHeader);
+} }
+function PickList_ng_container_5_ng_template_1_1_ng_template_0_Template(rf, ctx) { }
+function PickList_ng_container_5_ng_template_1_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_5_ng_template_1_1_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, 16);
+    i0.ɵɵtemplate(0, PickList_ng_container_5_ng_template_1_div_0_Template, 2, 1, "div", 12)(1, PickList_ng_container_5_ng_template_1_1_Template, 1, 0, null, 19);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngIf", !ctx_r2.sourceHeaderTemplate && !ctx_r2._sourceHeaderTemplate);
+    i0.ɵɵadvance();
     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.ɵɵtemplate(1, PickList_ng_container_5_ng_template_1_Template, 2, 2, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementContainerEnd();
 } }
-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_0_ng_template_0_Template(rf, ctx) { }
+function PickList_ng_container_6_ng_template_1_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_6_ng_template_1_0_ng_template_0_Template, 0, 0, "ng-template");
+} }
+function PickList_ng_container_6_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_6_ng_template_1_0_Template, 1, 0, null, 15);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.sourceFilterTemplate || ctx_r2._sourceFilterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c23, ctx_r2.sourceFilterOptions));
 } }
 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.ɵɵtemplate(1, PickList_ng_container_6_ng_template_1_Template, 1, 4, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
     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.ɵɵtemplate(1, PickList_ng_container_7_ng_container_1_Template, 1, 0, "ng-container", 19);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -242,7 +256,7 @@ function PickList_ng_container_7_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵelementStart(0, "div", 20);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -254,7 +268,7 @@ function PickList_ng_container_9_ng_template_1_ng_container_0_Template(rf, ctx)
     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);
+    i0.ɵɵtemplate(0, PickList_ng_container_9_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 15);
 } if (rf & 2) {
     const item_r5 = ctx.$implicit;
     const index_r6 = ctx.index;
@@ -264,34 +278,50 @@ function PickList_ng_container_9_ng_template_1_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.ɵɵtemplate(1, PickList_ng_container_9_ng_template_1_Template, 1, 6, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementContainerEnd();
 } }
-function PickList_ng_container_10_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_10_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
+function PickList_ng_container_10_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_10_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 19);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.emptyMessageSourceTemplate || ctx_r2._emptyMessageSourceTemplate);
+} }
 function PickList_ng_container_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_10_ng_container_1_Template, 1, 0, "ng-container", 16);
+    i0.ɵɵtemplate(1, PickList_ng_container_10_ng_template_1_Template, 1, 1, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementContainerEnd();
+} }
+function PickList_ng_container_11_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PickList_ng_container_11_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_11_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 19);
 } 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);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.emptyFilterMessageSourceTemplate || ctx_r2._emptyFilterMessageSourceTemplate);
+} }
+function PickList_ng_container_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, PickList_ng_container_11_ng_template_1_Template, 1, 1, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementContainerEnd();
 } }
-function PickList_ng_container_13_AngleRightIcon_1_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_14_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_13_AngleDownIcon_2_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_14_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_13_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    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.ɵɵtemplate(1, PickList_ng_container_14_AngleRightIcon_1_Template, 1, 1, "AngleRightIcon", 11)(2, PickList_ng_container_14_AngleDownIcon_2_Template, 1, 1, "AngleDownIcon", 11);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -300,23 +330,23 @@ function PickList_ng_container_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.viewChanged);
 } }
-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_15_ng_template_0_Template(rf, ctx) { }
+function PickList_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_15_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_ng_container_16_AngleDoubleRightIcon_1_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_17_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_16_AngleDoubleDownIcon_2_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_17_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_16_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    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.ɵɵtemplate(1, PickList_ng_container_17_AngleDoubleRightIcon_1_Template, 1, 1, "AngleDoubleRightIcon", 11)(2, PickList_ng_container_17_AngleDoubleDownIcon_2_Template, 1, 1, "AngleDoubleDownIcon", 11);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -325,23 +355,23 @@ function PickList_ng_container_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.viewChanged);
 } }
-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_18_ng_template_0_Template(rf, ctx) { }
+function PickList_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_18_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_ng_container_19_AngleLeftIcon_1_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_20_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_19_AngleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_20_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_19_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    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.ɵɵtemplate(1, PickList_ng_container_20_AngleLeftIcon_1_Template, 1, 1, "AngleLeftIcon", 11)(2, PickList_ng_container_20_AngleUpIcon_2_Template, 1, 1, "AngleUpIcon", 11);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -350,23 +380,23 @@ function PickList_ng_container_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.viewChanged);
 } }
-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_21_ng_template_0_Template(rf, ctx) { }
+function PickList_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_21_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_ng_container_22_AngleDoubleLeftIcon_1_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_23_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_22_AngleDoubleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_23_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_22_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_23_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    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.ɵɵtemplate(1, PickList_ng_container_23_AngleDoubleLeftIcon_1_Template, 1, 1, "AngleDoubleLeftIcon", 11)(2, PickList_ng_container_23_AngleDoubleUpIcon_2_Template, 1, 1, "AngleDoubleUpIcon", 11);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -375,51 +405,65 @@ function PickList_ng_container_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.viewChanged);
 } }
-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_24_ng_template_0_Template(rf, ctx) { }
+function PickList_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_24_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_28_ng_template_1_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r2.targetHeader);
+} }
+function PickList_ng_container_28_ng_template_1_1_ng_template_0_Template(rf, ctx) { }
+function PickList_ng_container_28_ng_template_1_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_28_ng_template_1_1_ng_template_0_Template, 0, 0, "ng-template");
 } }
-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);
+function PickList_ng_container_28_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_28_ng_template_1_div_0_Template, 2, 1, "div", 12)(1, PickList_ng_container_28_ng_template_1_1_Template, 1, 0, null, 19);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngIf", !ctx_r2.targetHeaderTemplate && !ctx_r2._targetHeaderTemplate);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.targetHeaderTemplate || ctx_r2._targetHeaderTemplate);
 } }
-function PickList_ng_container_27_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_28_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.ɵɵtemplate(1, PickList_ng_container_28_ng_template_1_Template, 2, 2, "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_29_ng_template_1_0_ng_template_0_Template(rf, ctx) { }
+function PickList_ng_container_29_ng_template_1_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_29_ng_template_1_0_ng_template_0_Template, 0, 0, "ng-template");
 } }
-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();
+function PickList_ng_container_29_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_29_ng_template_1_0_Template, 1, 0, null, 15);
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
+    const ctx_r2 = i0.ɵɵnextContext(2);
     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) {
+function PickList_ng_container_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, PickList_ng_container_29_ng_template_1_Template, 1, 4, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementContainerEnd();
+} }
+function PickList_ng_container_30_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function PickList_ng_container_29_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_30_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_29_ng_container_1_Template, 1, 0, "ng-container", 16);
+    i0.ɵɵtemplate(1, PickList_ng_container_30_ng_container_1_Template, 1, 0, "ng-container", 19);
     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);
+function PickList_div_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -427,11 +471,11 @@ function PickList_div_30_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r2.targetHeader);
 } }
-function PickList_ng_container_31_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_32_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-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);
+function PickList_ng_container_32_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_32_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 15);
 } if (rf & 2) {
     const item_r8 = ctx.$implicit;
     const index_r9 = ctx.index;
@@ -439,76 +483,92 @@ function PickList_ng_container_31_ng_template_1_Template(rf, ctx) { if (rf & 1)
     const ctx_r2 = i0.ɵɵnextContext(2);
     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) {
+function PickList_ng_container_32_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.ɵɵtemplate(1, PickList_ng_container_32_ng_template_1_Template, 1, 6, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementContainerEnd();
 } }
-function PickList_ng_container_32_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_33_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function PickList_ng_container_32_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_33_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_33_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 19);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.emptyMessageTargetTemplate || ctx_r2._emptyMessageTargetTemplate);
+} }
+function PickList_ng_container_33_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_32_ng_container_1_Template, 1, 0, "ng-container", 16);
+    i0.ɵɵtemplate(1, PickList_ng_container_33_ng_template_1_Template, 1, 1, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementContainerEnd();
+} }
+function PickList_ng_container_34_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function PickList_ng_container_34_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_34_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 19);
 } 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);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.emptyFilterMessageTargetTemplate || ctx_r2._emptyFilterMessageTargetTemplate);
 } }
-function PickList_div_33_AngleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, PickList_ng_container_34_ng_template_1_Template, 1, 1, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementContainerEnd();
+} }
+function PickList_div_35_AngleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleUpIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "moveupicon");
 } }
-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_35_3_ng_template_0_Template(rf, ctx) { }
+function PickList_div_35_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_div_35_3_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_div_33_AngleDoubleUpIcon_5_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_35_AngleDoubleUpIcon_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleDoubleUpIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "movetopicon");
 } }
-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_35_6_ng_template_0_Template(rf, ctx) { }
+function PickList_div_35_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_div_35_6_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_div_33_AngleDownIcon_8_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_35_AngleDownIcon_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleDownIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "movedownicon");
 } }
-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_35_9_ng_template_0_Template(rf, ctx) { }
+function PickList_div_35_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_div_35_9_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_div_33_AngleDoubleDownIcon_11_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_35_AngleDoubleDownIcon_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "AngleDoubleDownIcon");
 } if (rf & 2) {
     i0.ɵɵattribute("data-pc-section", "movebottomicon");
 } }
-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_35_12_ng_template_0_Template(rf, ctx) { }
+function PickList_div_35_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_div_35_12_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_div_33_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_35_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    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.ɵɵelementStart(0, "div", 21)(1, "button", 14);
+    i0.ɵɵlistener("click", function PickList_div_35_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(27); 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_35_AngleUpIcon_2_Template, 1, 1, "AngleUpIcon", 11)(3, PickList_div_35_3_Template, 1, 0, null, 19);
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(4, "button", 14);
+    i0.ɵɵlistener("click", function PickList_div_35_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(27); 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_35_AngleDoubleUpIcon_5_Template, 1, 1, "AngleDoubleUpIcon", 11)(6, PickList_div_35_6_Template, 1, 0, null, 19);
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(7, "button", 14);
+    i0.ɵɵlistener("click", function PickList_div_35_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(27); 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_35_AngleDownIcon_8_Template, 1, 1, "AngleDownIcon", 11)(9, PickList_div_35_9_Template, 1, 0, null, 19);
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(10, "button", 14);
+    i0.ɵɵlistener("click", function PickList_div_35_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(27); 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_35_AngleDoubleDownIcon_11_Template, 1, 1, "AngleDoubleDownIcon", 11)(12, PickList_div_35_12_Template, 1, 0, null, 19);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -1221,14 +1281,14 @@ class PickList extends BaseComponent {
             return;
         }
         this.moveRight();
-        this.viewChildMarkForCheck();
+        this.triggerChangeDetection();
     }
     onTargetItemDblClick() {
         if (this.disabled) {
             return;
         }
         this.moveLeft();
-        this.viewChildMarkForCheck();
+        this.triggerChangeDetection();
     }
     onFilter(event, listType) {
         let query = event.target.value;
@@ -1289,9 +1349,9 @@ class PickList extends BaseComponent {
     sortByIndexInList(items, list) {
         return items.sort((item1, item2) => findIndexInList(item1, list) - findIndexInList(item2, list));
     }
-    viewChildMarkForCheck() {
-        this.listViewSourceChild.cd.markForCheck();
-        this.listViewTargetChild.cd.markForCheck();
+    triggerChangeDetection() {
+        this.source = [...this.source];
+        this.target = [...this.target];
     }
     moveUp(listElement, list, selectedItems, callback, listType) {
         if (selectedItems && selectedItems.length) {
@@ -1314,7 +1374,7 @@ class PickList extends BaseComponent {
             this.movedUp = true;
             this.reorderedListElement = listElement;
             callback.emit({ items: selectedItems });
-            this.viewChildMarkForCheck();
+            this.triggerChangeDetection();
         }
     }
     moveTop(listElement, list, selectedItems, callback, listType) {
@@ -1335,7 +1395,7 @@ class PickList extends BaseComponent {
                 this.filter(list, listType);
             listElement.scrollTop = 0;
             callback.emit({ items: selectedItems });
-            this.viewChildMarkForCheck();
+            this.triggerChangeDetection();
         }
     }
     moveDown(listElement, list, selectedItems, callback, listType) {
@@ -1359,7 +1419,7 @@ class PickList extends BaseComponent {
             this.movedDown = true;
             this.reorderedListElement = listElement;
             callback.emit({ items: selectedItems });
-            this.viewChildMarkForCheck();
+            this.triggerChangeDetection();
         }
     }
     moveBottom(listElement, list, selectedItems, callback, listType) {
@@ -1380,7 +1440,7 @@ class PickList extends BaseComponent {
                 this.filter(list, listType);
             listElement.scrollTop = listElement.scrollHeight;
             callback.emit({ items: selectedItems });
-            this.viewChildMarkForCheck();
+            this.triggerChangeDetection();
         }
     }
     moveRight() {
@@ -1406,7 +1466,7 @@ class PickList extends BaseComponent {
             if (this.filterValueTarget) {
                 this.filter(this.target, this.TARGET_LIST);
             }
-            this.viewChildMarkForCheck();
+            this.triggerChangeDetection();
         }
     }
     moveAllRight() {
@@ -1431,7 +1491,7 @@ class PickList extends BaseComponent {
                 this.filter(this.target, this.TARGET_LIST);
             }
             this.visibleOptionsSource = [];
-            this.viewChildMarkForCheck();
+            this.triggerChangeDetection();
         }
     }
     moveLeft() {
@@ -1457,7 +1517,7 @@ class PickList extends BaseComponent {
             if (this.filterValueSource) {
                 this.filter(this.source, this.SOURCE_LIST);
             }
-            this.viewChildMarkForCheck();
+            this.triggerChangeDetection();
         }
     }
     moveAllLeft() {
@@ -1482,7 +1542,7 @@ class PickList extends BaseComponent {
                 this.filter(this.source, this.SOURCE_LIST);
             }
             this.visibleOptionsTarget = [];
-            this.viewChildMarkForCheck();
+            this.triggerChangeDetection();
         }
     }
     isSelected(item, selectedItems) {
@@ -1869,41 +1929,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: 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) {
+        } }, 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: 36, vars: 97, consts: [["sourcelist", ""], ["targetlist", ""], ["header", ""], ["filter", ""], ["item", ""], ["empty", ""], ["emptyfilter", ""], ["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", "onFilter", "multiple", "options", "ngModel", "id", "ngStyle", "striped", "tabindex", "disabled", "metaKeySelection", "scrollHeight", "autoOptionFocus", "filter", "filterBy", "filterLocale", "filterMatchMode", "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.ɵɵelementStart(0, "div", 7);
+            i0.ɵɵtemplate(1, PickList_div_1_Template, 13, 26, "div", 8);
+            i0.ɵɵelementStart(2, "div", 9)(3, "p-listbox", 10, 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, 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.ɵɵ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()); })("onFilter", function PickList_Template_p_listbox_onFilter_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onFilter($event.originalEvent, ctx.SOURCE_LIST)); });
+            i0.ɵɵtemplate(5, PickList_ng_container_5_Template, 3, 0, "ng-container", 11)(6, PickList_ng_container_6_Template, 3, 0, "ng-container", 11)(7, PickList_ng_container_7_Template, 2, 1, "ng-container", 11)(8, PickList_div_8_Template, 2, 1, "div", 12)(9, PickList_ng_container_9_Template, 3, 0, "ng-container", 11)(10, PickList_ng_container_10_Template, 3, 0, "ng-container", 11)(11, PickList_ng_container_11_Template, 3, 0, "ng-container", 11);
             i0.ɵɵelementEnd()();
-            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.ɵɵelementStart(12, "div", 13)(13, "button", 14);
+            i0.ɵɵlistener("click", function PickList_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveRight()); });
+            i0.ɵɵtemplate(14, PickList_ng_container_14_Template, 3, 2, "ng-container", 11)(15, PickList_15_Template, 1, 0, null, 15);
             i0.ɵɵelementEnd();
-            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.ɵɵelementStart(16, "button", 14);
+            i0.ɵɵlistener("click", function PickList_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveAllRight()); });
+            i0.ɵɵtemplate(17, PickList_ng_container_17_Template, 3, 2, "ng-container", 11)(18, PickList_18_Template, 1, 0, null, 15);
             i0.ɵɵelementEnd();
-            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.ɵɵelementStart(19, "button", 14);
+            i0.ɵɵlistener("click", function PickList_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveLeft()); });
+            i0.ɵɵtemplate(20, PickList_ng_container_20_Template, 3, 2, "ng-container", 11)(21, PickList_21_Template, 1, 0, null, 15);
             i0.ɵɵelementEnd();
-            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.ɵɵelementStart(22, "button", 14);
+            i0.ɵɵlistener("click", function PickList_Template_button_click_22_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveAllLeft()); });
+            i0.ɵɵtemplate(23, PickList_ng_container_23_Template, 3, 2, "ng-container", 11)(24, PickList_24_Template, 1, 0, null, 15);
             i0.ɵɵelementEnd()();
-            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.ɵɵelementStart(25, "div", 16)(26, "p-listbox", 10, 1);
+            i0.ɵɵtwoWayListener("ngModelChange", function PickList_Template_p_listbox_ngModelChange_26_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_26_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListFocus($event, ctx.TARGET_LIST)); })("onBlur", function PickList_Template_p_listbox_onBlur_26_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListBlur($event, ctx.TARGET_LIST)); })("keydown", function PickList_Template_p_listbox_keydown_26_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_26_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onTargetItemDblClick()); })("onFilter", function PickList_Template_p_listbox_onFilter_26_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onFilter($event.originalEvent, ctx.TARGET_LIST)); });
+            i0.ɵɵtemplate(28, PickList_ng_container_28_Template, 3, 0, "ng-container", 11)(29, PickList_ng_container_29_Template, 3, 0, "ng-container", 11)(30, PickList_ng_container_30_Template, 2, 1, "ng-container", 11)(31, PickList_div_31_Template, 2, 1, "div", 12)(32, PickList_ng_container_32_Template, 3, 0, "ng-container", 11)(33, PickList_ng_container_33_Template, 3, 0, "ng-container", 11)(34, PickList_ng_container_34_Template, 3, 0, "ng-container", 11);
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(33, PickList_div_33_Template, 13, 26, "div", 14);
+            i0.ɵɵtemplate(35, PickList_div_35_Template, 13, 26, "div", 17);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassMap(ctx.styleClass);
-            i0.ɵɵproperty("ngStyle", ctx.style)("ngClass", i0.ɵɵpureFunction0(84, _c21));
+            i0.ɵɵproperty("ngStyle", ctx.style)("ngClass", i0.ɵɵpureFunction0(88, _c21));
             i0.ɵɵattribute("data-pc-name", "picklist")("data-pc-section", "root");
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.showSourceControls);
@@ -1912,9 +1972,9 @@ class PickList extends BaseComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("multiple", true)("options", ctx.source);
             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.ɵɵ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)("filterMatchMode", ctx.filterMatchMode)("filterPlaceHolder", ctx.sourceFilterPlaceholder);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.sourceHeaderTemplate || ctx._sourceHeaderTemplate);
+            i0.ɵɵproperty("ngIf", ctx.sourceHeaderTemplate || ctx._sourceHeaderTemplate || ctx.sourceHeader);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.sourceFilterTemplate || ctx._sourceFilterTemplate);
             i0.ɵɵadvance();
@@ -1924,7 +1984,9 @@ class PickList extends BaseComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.itemTemplate || ctx._itemTemplate);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.emptyFilterMessageSourceTemplate || ctx._emptyFilterMessageSourceTemplate || ctx.emptyMessageSourceTemplate || ctx._emptyMessageSourceTemplate);
+            i0.ɵɵproperty("ngIf", ctx.emptyMessageSourceTemplate || ctx._emptyMessageSourceTemplate);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.emptyFilterMessageSourceTemplate || ctx._emptyFilterMessageSourceTemplate);
             i0.ɵɵadvance();
             i0.ɵɵattribute("data-pc-section", "buttons")("data-pc-group-section", "controls");
             i0.ɵɵadvance();
@@ -1933,36 +1995,36 @@ class PickList extends BaseComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.moveToTargetIconTemplate && !ctx._moveToTargetIconTemplate);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveToTargetIconTemplate || ctx._moveToTargetIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(85, _c22, ctx.viewChanged));
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveToTargetIconTemplate || ctx._moveToTargetIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(89, _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 && !ctx._moveAllToTargetIconTemplate);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveAllToTargetIconTemplate || ctx._moveAllToTargetIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(87, _c22, ctx.viewChanged));
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveAllToTargetIconTemplate || ctx._moveAllToTargetIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(91, _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 && !ctx._moveToSourceIconTemplate);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveToSourceIconTemplate || ctx._moveToSourceIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(89, _c22, ctx.viewChanged));
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveToSourceIconTemplate || ctx._moveToSourceIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(93, _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 && !ctx._moveAllToSourceIconTemplate);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveAllToSourceIconTemplate || ctx._moveAllToSourceIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(91, _c22, ctx.viewChanged));
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveAllToSourceIconTemplate || ctx._moveAllToSourceIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(95, _c22, ctx.viewChanged));
             i0.ɵɵadvance();
             i0.ɵɵattribute("data-pc-section", "targetWrapper")("data-pc-group-section", "listwrapper");
             i0.ɵɵadvance();
             i0.ɵɵproperty("multiple", true)("options", ctx.target);
             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.ɵɵ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)("filterMatchMode", ctx.filterMatchMode)("filterPlaceHolder", ctx.targetFilterPlaceholder);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.targetHeaderTemplate || ctx._targetHeaderTemplate);
+            i0.ɵɵproperty("ngIf", ctx.targetHeaderTemplate || ctx._targetHeaderTemplate || ctx.targetHeader);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.targetFilterTemplate || ctx._targetFilterTemplate);
             i0.ɵɵadvance();
@@ -1972,7 +2034,9 @@ class PickList extends BaseComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.itemTemplate || ctx._itemTemplate);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.emptyFilterMessageTargetTemplate || ctx._emptyFilterMessageTargetTemplate || ctx.emptyMessageTargetTemplate || ctx._emptyMessageTargetTemplate);
+            i0.ɵɵproperty("ngIf", ctx.emptyMessageTargetTemplate || ctx._emptyMessageTargetTemplate);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.emptyFilterMessageTargetTemplate || ctx._emptyFilterMessageTargetTemplate);
             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 });
@@ -2069,15 +2133,20 @@ class PickList extends BaseComponent {
                     [filter]="filterBy"
                     [filterBy]="filterBy"
                     [filterLocale]="filterLocale"
+                    [filterMatchMode]="filterMatchMode"
                     [filterPlaceHolder]="sourceFilterPlaceholder"
+                    (onFilter)="onFilter($event.originalEvent, SOURCE_LIST)"
                 >
-                    <ng-container *ngIf="sourceHeaderTemplate || _sourceHeaderTemplate">
+                    <ng-container *ngIf="sourceHeaderTemplate || _sourceHeaderTemplate || sourceHeader">
                         <ng-template #header>
+                            <div class="p-picklist-title" *ngIf="!sourceHeaderTemplate && !_sourceHeaderTemplate">{{ sourceHeader }}</div>
                             <ng-template *ngTemplateOutlet="sourceHeaderTemplate || _sourceHeaderTemplate"></ng-template>
                         </ng-template>
                     </ng-container>
                     <ng-container *ngIf="sourceFilterTemplate || _sourceFilterTemplate">
-                        <ng-container *ngTemplateOutlet="sourceFilterTemplate || _sourceFilterTemplate; context: { options: sourceFilterOptions }"></ng-container>
+                        <ng-template #filter>
+                            <ng-template *ngTemplateOutlet="sourceFilterTemplate || _sourceFilterTemplate; context: { options: sourceFilterOptions }"></ng-template>
+                        </ng-template>
                     </ng-container>
                     <ng-container *ngIf="sourceFilterIconTemplate || _sourceFilterIconTemplate">
                         <ng-container *ngTemplateOutlet="sourceFilterIconTemplate || _sourceFilterIconTemplate"></ng-container>
@@ -2088,8 +2157,15 @@ class PickList extends BaseComponent {
                             <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 *ngIf="emptyMessageSourceTemplate || _emptyMessageSourceTemplate">
+                        <ng-template #empty>
+                            <ng-container *ngTemplateOutlet="emptyMessageSourceTemplate || _emptyMessageSourceTemplate"></ng-container>
+                        </ng-template>
+                    </ng-container>
+                    <ng-container *ngIf="emptyFilterMessageSourceTemplate || _emptyFilterMessageSourceTemplate">
+                        <ng-template #emptyfilter>
+                            <ng-container *ngTemplateOutlet="emptyFilterMessageSourceTemplate || _emptyFilterMessageSourceTemplate"></ng-container>
+                        </ng-template>
                     </ng-container>
                 </p-listbox>
             </div>
@@ -2189,15 +2265,20 @@ class PickList extends BaseComponent {
                     [filter]="filterBy"
                     [filterBy]="filterBy"
                     [filterLocale]="filterLocale"
+                    [filterMatchMode]="filterMatchMode"
                     [filterPlaceHolder]="targetFilterPlaceholder"
+                    (onFilter)="onFilter($event.originalEvent, TARGET_LIST)"
                 >
-                    <ng-container *ngIf="targetHeaderTemplate || _targetHeaderTemplate">
+                    <ng-container *ngIf="targetHeaderTemplate || _targetHeaderTemplate || targetHeader">
                         <ng-template #header>
+                            <div class="p-picklist-title" *ngIf="!targetHeaderTemplate && !_targetHeaderTemplate">{{ targetHeader }}</div>
                             <ng-template *ngTemplateOutlet="targetHeaderTemplate || _targetHeaderTemplate"></ng-template>
                         </ng-template>
                     </ng-container>
                     <ng-container *ngIf="targetFilterTemplate || _targetFilterTemplate">
-                        <ng-container *ngTemplateOutlet="targetFilterTemplate || _targetFilterTemplate; context: { options: targetFilterOptions }"></ng-container>
+                        <ng-template #filter>
+                            <ng-template *ngTemplateOutlet="targetFilterTemplate || _targetFilterTemplate; context: { options: targetFilterOptions }"></ng-template>
+                        </ng-template>
                     </ng-container>
                     <ng-container *ngIf="targetFilterIconTemplate || _targetFilterIconTemplate">
                         <ng-container *ngTemplateOutlet="targetFilterIconTemplate || _targetFilterIconTemplate"></ng-container>
@@ -2208,8 +2289,15 @@ class PickList extends BaseComponent {
                             <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 *ngIf="emptyMessageTargetTemplate || _emptyMessageTargetTemplate">
+                        <ng-template #empty>
+                            <ng-container *ngTemplateOutlet="emptyMessageTargetTemplate || _emptyMessageTargetTemplate"></ng-container>
+                        </ng-template>
+                    </ng-container>
+                    <ng-container *ngIf="emptyFilterMessageTargetTemplate || _emptyFilterMessageTargetTemplate">
+                        <ng-template #emptyfilter>
+                            <ng-container *ngTemplateOutlet="emptyFilterMessageTargetTemplate || _emptyFilterMessageTargetTemplate"></ng-container>
+                        </ng-template>
                     </ng-container>
                 </p-listbox>
             </div>