primeng 18.0.0-rc.1 → 18.0.0

package/fesm2022/primeng-picklist.mjs

@@ -153,21 +153,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();
@@ -206,21 +206,30 @@ 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.headerTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", 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_div_6_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_7_ng_template_1_ng_container_0_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_7_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_7_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;
@@ -228,24 +237,24 @@ function PickList_ng_container_6_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.itemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c23, item_r5, index_r6, selected_r7));
 } }
-function PickList_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_7_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_7_ng_template_1_Template, 1, 6, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementContainerEnd();
 } }
-function PickList_ng_container_9_AngleRightIcon_1_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_10_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_10_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_10_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_10_AngleRightIcon_1_Template, 1, 1, "AngleRightIcon", 8)(2, PickList_ng_container_10_AngleDownIcon_2_Template, 1, 1, "AngleDownIcon", 8);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -254,23 +263,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_11_ng_template_0_Template(rf, ctx) { }
+function PickList_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_11_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_13_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_13_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_13_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_13_AngleDoubleRightIcon_1_Template, 1, 1, "AngleDoubleRightIcon", 8)(2, PickList_ng_container_13_AngleDoubleDownIcon_2_Template, 1, 1, "AngleDoubleDownIcon", 8);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -279,23 +288,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_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_15_AngleLeftIcon_1_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_16_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_16_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_16_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_16_AngleLeftIcon_1_Template, 1, 1, "AngleLeftIcon", 8)(2, PickList_ng_container_16_AngleUpIcon_2_Template, 1, 1, "AngleUpIcon", 8);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -304,23 +313,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_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_18_AngleDoubleLeftIcon_1_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_19_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_19_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_19_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_19_AngleDoubleLeftIcon_1_Template, 1, 1, "AngleDoubleLeftIcon", 8)(2, PickList_ng_container_19_AngleDoubleUpIcon_2_Template, 1, 1, "AngleDoubleUpIcon", 8);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -329,30 +338,39 @@ 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_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_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_24_ng_template_1_0_ng_template_0_Template(rf, ctx) { }
+function PickList_ng_container_24_ng_template_1_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_24_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_24_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_24_ng_template_1_0_Template, 1, 0, null, 16);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.headerTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.targetHeaderTemplate);
 } }
-function PickList_ng_container_23_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_24_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_24_ng_template_1_Template, 1, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementContainerEnd();
 } }
-function PickList_ng_container_24_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_25_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_26_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_26_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_ng_container_26_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;
@@ -360,64 +378,64 @@ function PickList_ng_container_24_ng_template_1_Template(rf, ctx) { if (rf & 1)
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.itemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c23, item_r8, index_r9, selected_r10));
 } }
-function PickList_ng_container_24_Template(rf, ctx) { if (rf & 1) {
+function PickList_ng_container_26_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_26_ng_template_1_Template, 1, 6, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementContainerEnd();
 } }
-function PickList_div_25_AngleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_27_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_27_3_ng_template_0_Template(rf, ctx) { }
+function PickList_div_27_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_div_27_3_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_div_25_AngleDoubleUpIcon_5_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_27_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_27_6_ng_template_0_Template(rf, ctx) { }
+function PickList_div_27_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_div_27_6_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_div_25_AngleDownIcon_8_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_27_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_27_9_ng_template_0_Template(rf, ctx) { }
+function PickList_div_27_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_div_27_9_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_div_25_AngleDoubleDownIcon_11_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_27_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_27_12_ng_template_0_Template(rf, ctx) { }
+function PickList_div_27_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PickList_div_27_12_ng_template_0_Template, 0, 0, "ng-template");
 } }
-function PickList_div_25_Template(rf, ctx) { if (rf & 1) {
+function PickList_div_27_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_27_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(23); 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_27_AngleUpIcon_2_Template, 1, 1, "AngleUpIcon", 8)(3, PickList_div_27_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_27_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(23); 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_27_AngleDoubleUpIcon_5_Template, 1, 1, "AngleDoubleUpIcon", 8)(6, PickList_div_27_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_27_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(23); 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_27_AngleDownIcon_8_Template, 1, 1, "AngleDownIcon", 8)(9, PickList_div_27_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_27_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); const targetlist_r12 = i0.ɵɵreference(23); 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_27_AngleDoubleDownIcon_11_Template, 1, 1, "AngleDoubleDownIcon", 8)(12, PickList_div_27_12_Template, 1, 0, null, 16);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -1750,41 +1768,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: 28, vars: 87, 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_div_6_Template, 2, 1, "div", 9)(7, PickList_ng_container_7_Template, 3, 0, "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(8, "div", 10)(9, "button", 11);
+            i0.ɵɵlistener("click", function PickList_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveRight()); });
+            i0.ɵɵtemplate(10, PickList_ng_container_10_Template, 3, 2, "ng-container", 8)(11, PickList_11_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(12, "button", 11);
+            i0.ɵɵlistener("click", function PickList_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveAllRight()); });
+            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(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(15, "button", 11);
+            i0.ɵɵlistener("click", function PickList_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveLeft()); });
+            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(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(18, "button", 11);
+            i0.ɵɵlistener("click", function PickList_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveAllLeft()); });
+            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(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(21, "div", 13)(22, "p-listbox", 7, 1);
+            i0.ɵɵtwoWayListener("ngModelChange", function PickList_Template_p_listbox_ngModelChange_22_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_22_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListFocus($event, ctx.TARGET_LIST)); })("onBlur", function PickList_Template_p_listbox_onBlur_22_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListBlur($event, ctx.TARGET_LIST)); })("keydown", function PickList_Template_p_listbox_keydown_22_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_22_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onTargetItemDblClick()); });
+            i0.ɵɵtemplate(24, PickList_ng_container_24_Template, 3, 0, "ng-container", 8)(25, PickList_div_25_Template, 2, 1, "div", 9)(26, PickList_ng_container_26_Template, 3, 0, "ng-container", 8);
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(25, PickList_div_25_Template, 13, 26, "div", 13);
+            i0.ɵɵtemplate(27, PickList_div_27_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(78, _c21));
             i0.ɵɵattribute("data-pc-name", "picklist")("data-pc-section", "root");
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.showSourceControls);
@@ -1797,6 +1815,8 @@ class PickList extends BaseComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.sourceHeaderTemplate);
             i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.sourceHeaderTemplate);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.itemTemplate);
             i0.ɵɵadvance();
             i0.ɵɵattribute("data-pc-section", "buttons")("data-pc-group-section", "controls");
@@ -1806,28 +1826,28 @@ class PickList extends BaseComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.moveToTargetIconTemplate);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveToTargetIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(77, _c22, ctx.viewChanged));
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveToTargetIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(79, _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.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveAllToTargetIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(79, _c22, ctx.viewChanged));
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveAllToTargetIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(81, _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.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveToSourceIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(81, _c22, ctx.viewChanged));
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveToSourceIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(83, _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.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveAllToSourceIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(83, _c22, ctx.viewChanged));
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveAllToSourceIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(85, _c22, ctx.viewChanged));
             i0.ɵɵadvance();
             i0.ɵɵattribute("data-pc-section", "targetWrapper")("data-pc-group-section", "listwrapper");
             i0.ɵɵadvance();
@@ -1837,6 +1857,8 @@ class PickList extends BaseComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.targetHeaderTemplate);
             i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.targetHeaderTemplate);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.itemTemplate);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.showTargetControls);
@@ -1966,9 +1988,10 @@ class PickList extends BaseComponent {
                 >
                     <ng-container *ngIf="sourceHeaderTemplate">
                         <ng-template #header>
-                            <ng-template *ngTemplateOutlet="headerTemplate"></ng-template>
+                            <ng-template *ngTemplateOutlet="sourceHeaderTemplate"></ng-template>
                         </ng-template>
                     </ng-container>
+                    <div class="p-picklist-title" *ngIf="!sourceHeaderTemplate">{{ sourceHeader }}</div>
                     <ng-container *ngIf="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>
@@ -2076,9 +2099,10 @@ class PickList extends BaseComponent {
                 >
                     <ng-container *ngIf="targetHeaderTemplate">
                         <ng-template #header>
-                            <ng-template *ngTemplateOutlet="headerTemplate"></ng-template>
+                            <ng-template *ngTemplateOutlet="targetHeaderTemplate"></ng-template>
                         </ng-template>
                     </ng-container>
+                    <div class="p-picklist-title" *ngIf="!targetHeaderTemplate">{{ sourceHeader }}</div>
                     <ng-container *ngIf="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>