primeng 19.0.6 → 19.0.7

package/fesm2022/primeng-picklist.mjs

@@ -3,11 +3,11 @@ import { transferArrayItem, moveItemInArray, DragDropModule } from '@angular/cdk
 import * as i1 from '@angular/common';
 import { isPlatformBrowser, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, inject, numberAttribute, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, ViewChild, ContentChild, ContentChildren, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, inject, booleanAttribute, numberAttribute, ContentChildren, ContentChild, ViewChild, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import * as i3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { uuid, find, scrollInView, findIndexInList, findSingle, setAttribute, isEmpty } from '@primeuix/utils';
-import { FilterService, PrimeTemplate, SharedModule } from 'primeng/api';
+import { FilterService, SharedModule, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { ButtonDirective } from 'primeng/button';
 import { AngleDoubleDownIcon, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleDoubleUpIcon, AngleDownIcon, AngleLeftIcon, AngleRightIcon, AngleUpIcon } from 'primeng/icons';
@@ -48,12 +48,12 @@ class PickListStyle extends BaseStyle {
     name = 'picklist';
     theme = theme;
     classes = classes;
-    static ɵfac = /*@__PURE__*/ (() => { let ɵPickListStyle_BaseFactory; return function PickListStyle_Factory(__ngFactoryType__) { return (ɵPickListStyle_BaseFactory || (ɵPickListStyle_BaseFactory = i0.ɵɵgetInheritedFactory(PickListStyle)))(__ngFactoryType__ || PickListStyle); }; })();
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PickListStyle, factory: PickListStyle.ɵfac });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PickListStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PickListStyle });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PickListStyle, [{
-        type: Injectable
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PickListStyle, decorators: [{
+            type: Injectable
+        }] });
 /**
  *
  * PickList is used to reorder items between different lists.
@@ -91,457 +91,6 @@ var PickListClasses;
     PickListClasses["targetControls"] = "p-picklist-target-controls";
 })(PickListClasses || (PickListClasses = {}));
 
-const _c0 = ["item"];
-const _c1 = ["sourceHeader"];
-const _c2 = ["targetHeader"];
-const _c3 = ["sourceFilter"];
-const _c4 = ["targetFilter"];
-const _c5 = ["emptymessagesource"];
-const _c6 = ["emptyfiltermessagesource"];
-const _c7 = ["emptymessagetarget"];
-const _c8 = ["emptyfiltermessagetarget"];
-const _c9 = ["moveupicon"];
-const _c10 = ["movetopicon"];
-const _c11 = ["movedownicon"];
-const _c12 = ["movebottomicon"];
-const _c13 = ["movetotargeticon"];
-const _c14 = ["movealltotargeticon"];
-const _c15 = ["movetosourceicon"];
-const _c16 = ["movealltosourceicon"];
-const _c17 = ["targetfiltericon"];
-const _c18 = ["sourcefiltericon"];
-const _c19 = ["sourcelist"];
-const _c20 = ["targetlist"];
-const _c21 = () => ({ "p-picklist p-component": true });
-const _c22 = a0 => ({ $implicit: a0 });
-const _c23 = a0 => ({ options: a0 });
-const _c24 = (a0, a1, a2) => ({ $implicit: a0, index: a1, selected: a2 });
-function PickList_div_1_AngleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleUpIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "moveupicon");
-} }
-function PickList_div_1_3_ng_template_0_Template(rf, ctx) { }
-function PickList_div_1_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_div_1_3_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function PickList_div_1_AngleDoubleUpIcon_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleDoubleUpIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movetopicon");
-} }
-function PickList_div_1_6_ng_template_0_Template(rf, ctx) { }
-function PickList_div_1_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_div_1_6_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function PickList_div_1_AngleDownIcon_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleDownIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movedownicon");
-} }
-function PickList_div_1_9_ng_template_0_Template(rf, ctx) { }
-function PickList_div_1_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_div_1_9_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function PickList_div_1_AngleDoubleDownIcon_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleDoubleDownIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movebottomicon");
-} }
-function PickList_div_1_12_ng_template_0_Template(rf, ctx) { }
-function PickList_div_1_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_div_1_12_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function PickList_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    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, 16);
-    i0.ɵɵelementEnd();
-    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, 16);
-    i0.ɵɵelementEnd();
-    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, 16);
-    i0.ɵɵelementEnd();
-    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, 16);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵattribute("data-pc-section", "sourceControls")("data-pc-group-section", "controls");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r2.sourceMoveDisabled())("buttonProps", ctx_r2.getButtonProps("moveup"));
-    i0.ɵɵattribute("aria-label", ctx_r2.moveUpAriaLabel)("data-pc-section", "sourceMoveUpButton");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveUpIconTemplate && !ctx_r2._moveUpIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveUpIconTemplate || ctx_r2._moveUpIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r2.sourceMoveDisabled())("buttonProps", ctx_r2.getButtonProps("movetop"));
-    i0.ɵɵattribute("aria-label", ctx_r2.moveTopAriaLabel)("data-pc-section", "sourceMoveTopButton");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveTopIconTemplate && !ctx_r2._moveTopIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveTopIconTemplate || ctx_r2._moveTopIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r2.sourceMoveDisabled())("buttonProps", ctx_r2.getButtonProps("movedown"));
-    i0.ɵɵattribute("aria-label", ctx_r2.moveDownAriaLabel)("data-pc-section", "sourceMoveDownButton");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveDownIconTemplate && !ctx_r2._moveDownIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveDownIconTemplate || ctx_r2._moveDownIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r2.sourceMoveDisabled())("buttonProps", ctx_r2.getButtonProps("movebottom"));
-    i0.ɵɵattribute("aria-label", ctx_r2.moveBottomAriaLabel)("data-pc-section", "sourceMoveBottomButton");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveBottomIconTemplate || ctx_r2._moveBottomIconTemplate);
-    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_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_ng_container_5_ng_template_1_0_Template, 1, 0, null, 16);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.sourceHeaderTemplate || 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_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function PickList_ng_container_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_6_ng_container_1_Template, 1, 0, "ng-container", 12);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.sourceFilterTemplate || ctx_r2._sourceFilterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c23, ctx_r2.sourceFilterOptions));
-} }
-function PickList_ng_container_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function PickList_ng_container_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_7_ng_container_1_Template, 1, 0, "ng-container", 16);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.sourceFilterIconTemplate || ctx_r2._sourceFilterIconTemplate);
-} }
-function PickList_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.sourceHeader);
-} }
-function PickList_ng_container_9_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function PickList_ng_container_9_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_ng_container_9_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 12);
-} if (rf & 2) {
-    const item_r5 = ctx.$implicit;
-    const index_r6 = ctx.index;
-    const selected_r7 = ctx.selected;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.itemTemplate || ctx_r2._itemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c24, item_r5, index_r6, selected_r7));
-} }
-function PickList_ng_container_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_9_ng_template_1_Template, 1, 6, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementContainerEnd();
-} }
-function PickList_ng_container_10_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function PickList_ng_container_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_10_ng_container_1_Template, 1, 0, "ng-container", 16);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.emptyFilterMessageSourceTemplate || ctx_r2._emptyFilterMessageSourceTemplate || ctx_r2.emptyMessageSourceTemplate || ctx_r2._emptyMessageSourceTemplate);
-} }
-function PickList_ng_container_13_AngleRightIcon_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleRightIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movetotargeticon");
-} }
-function PickList_ng_container_13_AngleDownIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleDownIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movetotargeticon");
-} }
-function PickList_ng_container_13_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.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.viewChanged);
-    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_ng_container_16_AngleDoubleRightIcon_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleDoubleRightIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movealltotargeticon");
-} }
-function PickList_ng_container_16_AngleDoubleDownIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleDoubleDownIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movealltotargeticon");
-} }
-function PickList_ng_container_16_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.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.viewChanged);
-    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_ng_container_19_AngleLeftIcon_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleLeftIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movedownsourceticon");
-} }
-function PickList_ng_container_19_AngleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleUpIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movedownsourceticon");
-} }
-function PickList_ng_container_19_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.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.viewChanged);
-    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_ng_container_22_AngleDoubleLeftIcon_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleDoubleLeftIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movealltosourceticon");
-} }
-function PickList_ng_container_22_AngleDoubleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleDoubleUpIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movealltosourceticon");
-} }
-function PickList_ng_container_22_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.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.viewChanged);
-    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_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_27_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PickList_ng_container_27_ng_template_1_0_Template, 1, 0, null, 16);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.targetHeaderTemplate || ctx_r2._targetHeaderTemplate);
-} }
-function PickList_ng_container_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_27_ng_template_1_Template, 1, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementContainerEnd();
-} }
-function PickList_ng_container_28_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function PickList_ng_container_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_28_ng_container_1_Template, 1, 0, "ng-container", 12);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.targetFilterTemplate || ctx_r2._targetFilterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c23, ctx_r2.targetFilterOptions));
-} }
-function PickList_ng_container_29_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function PickList_ng_container_29_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.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.targetFilterIconTemplate || ctx_r2._targetFilterIconTemplate);
-} }
-function PickList_div_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.targetHeader);
-} }
-function PickList_ng_container_31_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);
-} if (rf & 2) {
-    const item_r8 = ctx.$implicit;
-    const index_r9 = ctx.index;
-    const selected_r10 = ctx.selected;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.itemTemplate || ctx_r2._itemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c24, item_r8, index_r9, selected_r10));
-} }
-function PickList_ng_container_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_31_ng_template_1_Template, 1, 6, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementContainerEnd();
-} }
-function PickList_ng_container_32_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function PickList_ng_container_32_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PickList_ng_container_32_ng_container_1_Template, 1, 0, "ng-container", 16);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.emptyFilterMessageTargetTemplate || ctx_r2._emptyFilterMessageTargetTemplate || ctx_r2.emptyMessageTargetTemplate || ctx_r2._emptyMessageTargetTemplate);
-} }
-function PickList_div_33_AngleUpIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleUpIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "moveupicon");
-} }
-function PickList_div_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_33_AngleDoubleUpIcon_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleDoubleUpIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movetopicon");
-} }
-function PickList_div_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_33_AngleDownIcon_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleDownIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movedownicon");
-} }
-function PickList_div_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_33_AngleDoubleDownIcon_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleDoubleDownIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movebottomicon");
-} }
-function PickList_div_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_33_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.ɵɵ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.ɵɵ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.ɵɵ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.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵattribute("data-pc-section", "targetControls")("data-pc-group-section", "controls");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r2.targetMoveDisabled())("buttonProps", ctx_r2.getButtonProps("moveup"));
-    i0.ɵɵattribute("aria-label", ctx_r2.moveUpAriaLabel)("data-pc-section", "targetMoveUpButton");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveUpIconTemplate && !ctx_r2._moveUpIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveUpIconTemplate || ctx_r2._moveUpIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r2.targetMoveDisabled())("buttonProps", ctx_r2.getButtonProps("movetop"));
-    i0.ɵɵattribute("aria-label", ctx_r2.moveTopAriaLabel)("data-pc-section", "targetMoveTopButton");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveTopIconTemplate && !ctx_r2._moveTopIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveTopIconTemplate || ctx_r2.moveTopIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r2.targetMoveDisabled())("buttonProps", ctx_r2.getButtonProps("movedown"));
-    i0.ɵɵattribute("aria-label", ctx_r2.moveDownAriaLabel)("data-pc-section", "targetMoveDownButton");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveDownIconTemplate && !ctx_r2._moveDownIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveDownIconTemplate || ctx_r2._moveDownIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r2.targetMoveDisabled())("buttonProps", ctx_r2.getButtonProps("movebottom"));
-    i0.ɵɵattribute("aria-label", ctx_r2.moveBottomAriaLabel)("data-pc-section", "targetMoveBottomButton");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.moveBottomIconTemplate && !ctx_r2._moveBottomIconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.moveBottomIconTemplate || ctx_r2._moveBottomIconTemplate);
-} }
 /**
  * PickList is used to reorder items between different lists.
  * @group Components
@@ -707,6 +256,16 @@ class PickList extends BaseComponent {
      * @group Props
      */
     disabled = false;
+    /**
+     * Name of the disabled field of a target option or function to determine disabled state.
+     * @group Props
+     */
+    sourceOptionDisabled;
+    /**
+     * Name of the disabled field of a target option or function to determine disabled state.
+     * @group Props
+     */
+    targetOptionDisabled;
     /**
      * Defines a string that labels the filter input of source list.
      * @group Props
@@ -1167,13 +726,15 @@ class PickList extends BaseComponent {
     }
     ngAfterViewChecked() {
         if (this.movedUp || this.movedDown) {
-            let listItems = find(this.reorderedListElement, 'li.p-highlight');
+            let listItems = find(this.reorderedListElement?.el.nativeElement, 'li.p-listbox-option-selected');
             let listItem;
-            if (this.movedUp)
-                listItem = listItems[0];
-            else
-                listItem = listItems[listItems.length - 1];
-            scrollInView(this.reorderedListElement, listItem);
+            if (listItems.length > 0) {
+                if (this.movedUp)
+                    listItem = listItems[0];
+                else
+                    listItem = listItems[listItems.length - 1];
+                scrollInView(this.reorderedListElement?.el.nativeElement, listItem);
+            }
             this.movedUp = false;
             this.movedDown = false;
             this.reorderedListElement = null;
@@ -1812,176 +1373,315 @@ class PickList extends BaseComponent {
         this.destroyMedia();
         super.ngOnDestroy();
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵPickList_BaseFactory; return function PickList_Factory(__ngFactoryType__) { return (ɵPickList_BaseFactory || (ɵPickList_BaseFactory = i0.ɵɵgetInheritedFactory(PickList)))(__ngFactoryType__ || PickList); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PickList, selectors: [["p-pickList"], ["p-picklist"], ["p-pick-list"]], contentQueries: function PickList_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c1, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c2, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c3, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c4, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c5, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c6, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c7, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c8, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c9, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c10, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c11, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c12, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c13, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c14, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c15, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c16, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c17, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c18, 4);
-            i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.itemTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sourceHeaderTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.targetHeaderTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sourceFilterTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.targetFilterTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.emptyMessageSourceTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.emptyFilterMessageSourceTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.emptyMessageTargetTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.emptyFilterMessageTargetTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.moveUpIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.moveTopIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.moveDownIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.moveBottomIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.moveToTargetIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.moveAllToTargetIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.moveToSourceIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.moveAllToSourceIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.targetFilterIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sourceFilterIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
-        } }, viewQuery: function PickList_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c19, 5);
-            i0.ɵɵviewQuery(_c20, 5);
-            i0.ɵɵviewQuery(_c3, 5);
-            i0.ɵɵviewQuery(_c4, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.listViewSourceChild = _t.first);
-            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" }, features: [i0.ɵɵProvidersFeature([PickListStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], decls: 34, vars: 95, 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", "onDrop", "multiple", "options", "ngModel", "id", "ngStyle", "striped", "tabindex", "disabled", "metaKeySelection", "scrollHeight", "autoOptionFocus", "filter", "filterBy", "filterLocale", "filterPlaceHolder", "dragdrop"], [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()); })("onDrop", function PickList_Template_p_listbox_onDrop_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDrop($event, ctx.SOURCE_LIST)); });
-            i0.ɵɵtemplate(5, PickList_ng_container_5_Template, 3, 0, "ng-container", 8)(6, PickList_ng_container_6_Template, 2, 4, "ng-container", 8)(7, PickList_ng_container_7_Template, 2, 1, "ng-container", 8)(8, PickList_div_8_Template, 2, 1, "div", 9)(9, PickList_ng_container_9_Template, 3, 0, "ng-container", 8)(10, PickList_ng_container_10_Template, 2, 1, "ng-container", 8);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(11, "div", 10)(12, "button", 11);
-            i0.ɵɵlistener("click", function PickList_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveRight()); });
-            i0.ɵɵtemplate(13, PickList_ng_container_13_Template, 3, 2, "ng-container", 8)(14, PickList_14_Template, 1, 0, null, 12);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(15, "button", 11);
-            i0.ɵɵlistener("click", function PickList_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveAllRight()); });
-            i0.ɵɵtemplate(16, PickList_ng_container_16_Template, 3, 2, "ng-container", 8)(17, PickList_17_Template, 1, 0, null, 12);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(18, "button", 11);
-            i0.ɵɵlistener("click", function PickList_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveLeft()); });
-            i0.ɵɵtemplate(19, PickList_ng_container_19_Template, 3, 2, "ng-container", 8)(20, PickList_20_Template, 1, 0, null, 12);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "button", 11);
-            i0.ɵɵlistener("click", function PickList_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveAllLeft()); });
-            i0.ɵɵtemplate(22, PickList_ng_container_22_Template, 3, 2, "ng-container", 8)(23, PickList_23_Template, 1, 0, null, 12);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(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()); })("onDrop", function PickList_Template_p_listbox_onDrop_25_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDrop($event, ctx.TARGET_LIST)); });
-            i0.ɵɵtemplate(27, PickList_ng_container_27_Template, 3, 0, "ng-container", 8)(28, PickList_ng_container_28_Template, 2, 4, "ng-container", 8)(29, PickList_ng_container_29_Template, 2, 1, "ng-container", 8)(30, PickList_div_30_Template, 2, 1, "div", 9)(31, PickList_ng_container_31_Template, 3, 0, "ng-container", 8)(32, PickList_ng_container_32_Template, 2, 1, "ng-container", 8);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(33, PickList_div_33_Template, 13, 26, "div", 14);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵclassMap(ctx.styleClass);
-            i0.ɵɵproperty("ngStyle", ctx.style)("ngClass", i0.ɵɵpureFunction0(86, _c21));
-            i0.ɵɵattribute("data-pc-name", "picklist")("data-pc-section", "root");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.showSourceControls);
-            i0.ɵɵadvance();
-            i0.ɵɵattribute("data-pc-section", "sourceWrapper")("data-pc-group-section", "listWrapper");
-            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)("dragdrop", ctx.dragdrop);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.sourceHeaderTemplate || ctx._sourceHeaderTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.sourceFilterTemplate || ctx._sourceFilterTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.sourceFilterIconTemplate || ctx._sourceFilterIconTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.sourceHeaderTemplate && !ctx._sourceHeaderTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.itemTemplate || ctx._itemTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.emptyFilterMessageSourceTemplate || ctx._emptyFilterMessageSourceTemplate || ctx.emptyMessageSourceTemplate || ctx._emptyMessageSourceTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵattribute("data-pc-section", "buttons")("data-pc-group-section", "controls");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("disabled", ctx.moveRightDisabled())("buttonProps", ctx.getButtonProps("movetotarget"));
-            i0.ɵɵattribute("aria-label", ctx.moveToTargetAriaLabel)("data-pc-section", "moveToTargetButton");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.moveToTargetIconTemplate && !ctx._moveToTargetIconTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveToTargetIconTemplate || ctx._moveToTargetIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(87, _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(89, _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(91, _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(93, _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)("dragdrop", ctx.dragdrop);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.targetHeaderTemplate || ctx._targetHeaderTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.targetFilterTemplate || ctx._targetFilterTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.targetFilterIconTemplate || ctx._targetFilterIconTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.targetHeaderTemplate && !ctx._targetHeaderTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.itemTemplate || ctx._itemTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.emptyFilterMessageTargetTemplate || ctx._emptyFilterMessageTargetTemplate || ctx.emptyMessageTargetTemplate || ctx._emptyMessageTargetTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.showTargetControls);
-        } }, dependencies: [CommonModule, i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, ButtonDirective, Ripple, DragDropModule, i2.CdkDropListGroup, AngleDoubleDownIcon, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleDoubleUpIcon, AngleDownIcon, AngleLeftIcon, AngleRightIcon, AngleUpIcon, Listbox, FormsModule, i3.NgControlStatus, i3.NgModel, SharedModule], encapsulation: 2, changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PickList, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: PickList, isStandalone: true, selector: "p-pickList, p-picklist, p-pick-list", inputs: { source: "source", target: "target", sourceHeader: "sourceHeader", tabindex: ["tabindex", "tabindex", numberAttribute], rightButtonAriaLabel: "rightButtonAriaLabel", leftButtonAriaLabel: "leftButtonAriaLabel", allRightButtonAriaLabel: "allRightButtonAriaLabel", allLeftButtonAriaLabel: "allLeftButtonAriaLabel", upButtonAriaLabel: "upButtonAriaLabel", downButtonAriaLabel: "downButtonAriaLabel", topButtonAriaLabel: "topButtonAriaLabel", bottomButtonAriaLabel: "bottomButtonAriaLabel", targetHeader: "targetHeader", responsive: ["responsive", "responsive", booleanAttribute], filterBy: "filterBy", filterLocale: "filterLocale", trackBy: "trackBy", sourceTrackBy: "sourceTrackBy", targetTrackBy: "targetTrackBy", showSourceFilter: ["showSourceFilter", "showSourceFilter", booleanAttribute], showTargetFilter: ["showTargetFilter", "showTargetFilter", booleanAttribute], metaKeySelection: ["metaKeySelection", "metaKeySelection", booleanAttribute], dragdrop: ["dragdrop", "dragdrop", booleanAttribute], style: "style", styleClass: "styleClass", sourceStyle: "sourceStyle", targetStyle: "targetStyle", showSourceControls: ["showSourceControls", "showSourceControls", booleanAttribute], showTargetControls: ["showTargetControls", "showTargetControls", booleanAttribute], sourceFilterPlaceholder: "sourceFilterPlaceholder", targetFilterPlaceholder: "targetFilterPlaceholder", disabled: ["disabled", "disabled", booleanAttribute], sourceOptionDisabled: "sourceOptionDisabled", targetOptionDisabled: "targetOptionDisabled", ariaSourceFilterLabel: "ariaSourceFilterLabel", ariaTargetFilterLabel: "ariaTargetFilterLabel", filterMatchMode: "filterMatchMode", stripedRows: ["stripedRows", "stripedRows", booleanAttribute], keepSelection: ["keepSelection", "keepSelection", booleanAttribute], scrollHeight: "scrollHeight", autoOptionFocus: ["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" }, providers: [PickListStyle], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"] }, { propertyName: "sourceHeaderTemplate", first: true, predicate: ["sourceHeader"] }, { propertyName: "targetHeaderTemplate", first: true, predicate: ["targetHeader"] }, { propertyName: "sourceFilterTemplate", first: true, predicate: ["sourceFilter"] }, { propertyName: "targetFilterTemplate", first: true, predicate: ["targetFilter"] }, { propertyName: "emptyMessageSourceTemplate", first: true, predicate: ["emptymessagesource"] }, { propertyName: "emptyFilterMessageSourceTemplate", first: true, predicate: ["emptyfiltermessagesource"] }, { propertyName: "emptyMessageTargetTemplate", first: true, predicate: ["emptymessagetarget"] }, { propertyName: "emptyFilterMessageTargetTemplate", first: true, predicate: ["emptyfiltermessagetarget"] }, { propertyName: "moveUpIconTemplate", first: true, predicate: ["moveupicon"] }, { propertyName: "moveTopIconTemplate", first: true, predicate: ["movetopicon"] }, { propertyName: "moveDownIconTemplate", first: true, predicate: ["movedownicon"] }, { propertyName: "moveBottomIconTemplate", first: true, predicate: ["movebottomicon"] }, { propertyName: "moveToTargetIconTemplate", first: true, predicate: ["movetotargeticon"] }, { propertyName: "moveAllToTargetIconTemplate", first: true, predicate: ["movealltotargeticon"] }, { propertyName: "moveToSourceIconTemplate", first: true, predicate: ["movetosourceicon"] }, { propertyName: "moveAllToSourceIconTemplate", first: true, predicate: ["movealltosourceicon"] }, { propertyName: "targetFilterIconTemplate", first: true, predicate: ["targetfiltericon"] }, { propertyName: "sourceFilterIconTemplate", first: true, predicate: ["sourcefiltericon"] }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "listViewSourceChild", first: true, predicate: ["sourcelist"], descendants: true }, { propertyName: "listViewTargetChild", first: true, predicate: ["targetlist"], descendants: true }, { propertyName: "sourceFilterViewChild", first: true, predicate: ["sourceFilter"], descendants: true }, { propertyName: "targetFilterViewChild", first: true, predicate: ["targetFilter"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <div [class]="styleClass" [ngStyle]="style" [ngClass]="{ 'p-picklist p-component': true }" cdkDropListGroup [attr.data-pc-name]="'picklist'" [attr.data-pc-section]="'root'">
+            <div class="p-picklist-controls p-picklist-source-controls" *ngIf="showSourceControls" [attr.data-pc-section]="'sourceControls'" [attr.data-pc-group-section]="'controls'">
+                <button
+                    type="button"
+                    [attr.aria-label]="moveUpAriaLabel"
+                    pButton
+                    pRipple
+                    severity="secondary"
+                    class="p-button-icon-only"
+                    [disabled]="sourceMoveDisabled()"
+                    (click)="moveUp(sourcelist, source, selectedItemsSource, onSourceReorder, SOURCE_LIST)"
+                    [attr.data-pc-section]="'sourceMoveUpButton'"
+                    [buttonProps]="getButtonProps('moveup')"
+                >
+                    <AngleUpIcon *ngIf="!moveUpIconTemplate && !_moveUpIconTemplate" [attr.data-pc-section]="'moveupicon'" />
+                    <ng-template *ngTemplateOutlet="moveUpIconTemplate || _moveUpIconTemplate"></ng-template>
+                </button>
+                <button
+                    type="button"
+                    [attr.aria-label]="moveTopAriaLabel"
+                    pButton
+                    pRipple
+                    severity="secondary"
+                    class="p-button-icon-only"
+                    [disabled]="sourceMoveDisabled()"
+                    (click)="moveTop(sourcelist, source, selectedItemsSource, onSourceReorder, SOURCE_LIST)"
+                    [attr.data-pc-section]="'sourceMoveTopButton'"
+                    [buttonProps]="getButtonProps('movetop')"
+                >
+                    <AngleDoubleUpIcon *ngIf="!moveTopIconTemplate && !_moveTopIconTemplate" [attr.data-pc-section]="'movetopicon'" />
+                    <ng-template *ngTemplateOutlet="moveTopIconTemplate || _moveTopIconTemplate"></ng-template>
+                </button>
+                <button
+                    type="button"
+                    [attr.aria-label]="moveDownAriaLabel"
+                    pButton
+                    pRipple
+                    severity="secondary"
+                    class="p-button-icon-only"
+                    [disabled]="sourceMoveDisabled()"
+                    (click)="moveDown(sourcelist, source, selectedItemsSource, onSourceReorder, SOURCE_LIST)"
+                    [attr.data-pc-section]="'sourceMoveDownButton'"
+                    [buttonProps]="getButtonProps('movedown')"
+                >
+                    <AngleDownIcon *ngIf="!moveDownIconTemplate && !_moveDownIconTemplate" [attr.data-pc-section]="'movedownicon'" />
+                    <ng-template *ngTemplateOutlet="moveDownIconTemplate || _moveDownIconTemplate"></ng-template>
+                </button>
+                <button
+                    type="button"
+                    [attr.aria-label]="moveBottomAriaLabel"
+                    pButton
+                    pRipple
+                    severity="secondary"
+                    class="p-button-icon-only"
+                    [disabled]="sourceMoveDisabled()"
+                    (click)="moveBottom(sourcelist, source, selectedItemsSource, onSourceReorder, SOURCE_LIST)"
+                    [attr.data-pc-section]="'sourceMoveBottomButton'"
+                    [buttonProps]="getButtonProps('movebottom')"
+                >
+                    <AngleDoubleDownIcon *ngIf="!moveBottomIconTemplate || _moveBottomIconTemplate" [attr.data-pc-section]="'movebottomicon'" />
+                    <ng-template *ngTemplateOutlet="moveBottomIconTemplate || _moveBottomIconTemplate"></ng-template>
+                </button>
+            </div>
+            <div class="p-picklist-list-container p-picklist-source-list-container" [attr.data-pc-section]="'sourceWrapper'" [attr.data-pc-group-section]="'listWrapper'">
+                <p-listbox
+                    #sourcelist
+                    [multiple]="true"
+                    [options]="source"
+                    [(ngModel)]="selectedItemsSource"
+                    optionLabel="name"
+                    [id]="idSource + '_list'"
+                    [ngStyle]="sourceStyle"
+                    [striped]="stripedRows"
+                    [tabindex]="tabindex"
+                    (onFocus)="onListFocus($event, SOURCE_LIST)"
+                    (onBlur)="onListBlur($event, SOURCE_LIST)"
+                    (keydown)="onItemKeyDown($event, selectedItemsSource, onSourceSelect, SOURCE_LIST)"
+                    (onDblClick)="onSourceItemDblClick()"
+                    [disabled]="disabled"
+                    [optionDisabled]="sourceOptionDisabled"
+                    [metaKeySelection]="metaKeySelection"
+                    [scrollHeight]="scrollHeight"
+                    [autoOptionFocus]="autoOptionFocus"
+                    [filter]="filterBy"
+                    [filterBy]="filterBy"
+                    [filterLocale]="filterLocale"
+                    [filterPlaceHolder]="sourceFilterPlaceholder"
+                    [dragdrop]="dragdrop"
+                    (onDrop)="onDrop($event, SOURCE_LIST)"
+                >
+                    <ng-container *ngIf="sourceHeaderTemplate || _sourceHeaderTemplate">
+                        <ng-template #header>
+                            <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-container>
+                    <ng-container *ngIf="sourceFilterIconTemplate || _sourceFilterIconTemplate">
+                        <ng-container *ngTemplateOutlet="sourceFilterIconTemplate || _sourceFilterIconTemplate"></ng-container>
+                    </ng-container>
+                    <div class="p-picklist-title" *ngIf="!sourceHeaderTemplate && !_sourceHeaderTemplate">{{ sourceHeader }}</div>
+                    <ng-container *ngIf="itemTemplate || _itemTemplate">
+                        <ng-template #item let-item let-index="index" let-selected="selected">
+                            <ng-container *ngTemplateOutlet="itemTemplate || _itemTemplate; context: { $implicit: item, index: index, selected: selected }"></ng-container>
+                        </ng-template>
+                    </ng-container>
+                    <ng-container *ngIf="emptyFilterMessageSourceTemplate || _emptyFilterMessageSourceTemplate || emptyMessageSourceTemplate || _emptyMessageSourceTemplate">
+                        <ng-container *ngTemplateOutlet="emptyFilterMessageSourceTemplate || _emptyFilterMessageSourceTemplate || emptyMessageSourceTemplate || _emptyMessageSourceTemplate"></ng-container>
+                    </ng-container>
+                </p-listbox>
+            </div>
+            <div class="p-picklist-controls p-picklist-transfer-controls" [attr.data-pc-section]="'buttons'" [attr.data-pc-group-section]="'controls'">
+                <button
+                    type="button"
+                    [attr.aria-label]="moveToTargetAriaLabel"
+                    pButton
+                    pRipple
+                    severity="secondary"
+                    class="p-button-icon-only"
+                    [disabled]="moveRightDisabled()"
+                    (click)="moveRight()"
+                    [attr.data-pc-section]="'moveToTargetButton'"
+                    [buttonProps]="getButtonProps('movetotarget')"
+                >
+                    <ng-container *ngIf="!moveToTargetIconTemplate && !_moveToTargetIconTemplate">
+                        <AngleRightIcon *ngIf="!viewChanged" [attr.data-pc-section]="'movetotargeticon'" />
+                        <AngleDownIcon *ngIf="viewChanged" [attr.data-pc-section]="'movetotargeticon'" />
+                    </ng-container>
+                    <ng-template *ngTemplateOutlet="moveToTargetIconTemplate || _moveToTargetIconTemplate; context: { $implicit: viewChanged }"></ng-template>
+                </button>
+                <button
+                    type="button"
+                    [attr.aria-label]="moveAllToTargetAriaLabel"
+                    pButton
+                    pRipple
+                    severity="secondary"
+                    class="p-button-icon-only"
+                    [disabled]="moveAllRightDisabled()"
+                    (click)="moveAllRight()"
+                    [attr.data-pc-section]="'moveAllToTargetButton'"
+                    [buttonProps]="getButtonProps('movealltotarget')"
+                >
+                    <ng-container *ngIf="!moveAllToTargetIconTemplate && !_moveAllToTargetIconTemplate">
+                        <AngleDoubleRightIcon *ngIf="!viewChanged" [attr.data-pc-section]="'movealltotargeticon'" />
+                        <AngleDoubleDownIcon *ngIf="viewChanged" [attr.data-pc-section]="'movealltotargeticon'" />
+                    </ng-container>
+                    <ng-template *ngTemplateOutlet="moveAllToTargetIconTemplate || _moveAllToTargetIconTemplate; context: { $implicit: viewChanged }"></ng-template>
+                </button>
+                <button
+                    type="button"
+                    [attr.aria-label]="moveToSourceAriaLabel"
+                    pButton
+                    pRipple
+                    severity="secondary"
+                    class="p-button-icon-only"
+                    [disabled]="moveLeftDisabled()"
+                    (click)="moveLeft()"
+                    [attr.data-pc-section]="'moveToSourceButton'"
+                    [buttonProps]="getButtonProps('movetosource')"
+                >
+                    <ng-container *ngIf="!moveToSourceIconTemplate && !_moveToSourceIconTemplate">
+                        <AngleLeftIcon *ngIf="!viewChanged" [attr.data-pc-section]="'movedownsourceticon'" />
+                        <AngleUpIcon *ngIf="viewChanged" [attr.data-pc-section]="'movedownsourceticon'" />
+                    </ng-container>
+                    <ng-template *ngTemplateOutlet="moveToSourceIconTemplate || _moveToSourceIconTemplate; context: { $implicit: viewChanged }"></ng-template>
+                </button>
+                <button
+                    type="button"
+                    [attr.aria-label]="moveAllToSourceAriaLabel"
+                    pButton
+                    pRipple
+                    severity="secondary"
+                    class="p-button-icon-only"
+                    [disabled]="moveAllLeftDisabled()"
+                    (click)="moveAllLeft()"
+                    [attr.data-pc-section]="'moveAllToSourceButton'"
+                    [buttonProps]="getButtonProps('movealltosource')"
+                >
+                    <ng-container *ngIf="!moveAllToSourceIconTemplate && !_moveAllToSourceIconTemplate">
+                        <AngleDoubleLeftIcon *ngIf="!viewChanged" [attr.data-pc-section]="'movealltosourceticon'" />
+                        <AngleDoubleUpIcon *ngIf="viewChanged" [attr.data-pc-section]="'movealltosourceticon'" />
+                    </ng-container>
+                    <ng-template *ngTemplateOutlet="moveAllToSourceIconTemplate || _moveAllToSourceIconTemplate; context: { $implicit: viewChanged }"></ng-template>
+                </button>
+            </div>
+            <div class="p-picklist-list-container p-picklist-target-list-container" [attr.data-pc-section]="'targetWrapper'" [attr.data-pc-group-section]="'listwrapper'">
+                <p-listbox
+                    #targetlist
+                    [multiple]="true"
+                    [options]="target"
+                    [(ngModel)]="selectedItemsTarget"
+                    optionLabel="name"
+                    [id]="idTarget + '_list'"
+                    [ngStyle]="targetStyle"
+                    [striped]="stripedRows"
+                    [tabindex]="tabindex"
+                    (onFocus)="onListFocus($event, TARGET_LIST)"
+                    (onBlur)="onListBlur($event, TARGET_LIST)"
+                    (keydown)="onItemKeyDown($event, selectedItemsTarget, onTargetSelect, TARGET_LIST)"
+                    (onDblClick)="onTargetItemDblClick()"
+                    [disabled]="disabled"
+                    [optionDisabled]="targetOptionDisabled"
+                    [metaKeySelection]="metaKeySelection"
+                    [scrollHeight]="scrollHeight"
+                    [autoOptionFocus]="autoOptionFocus"
+                    [filter]="filterBy"
+                    [filterBy]="filterBy"
+                    [filterLocale]="filterLocale"
+                    [filterPlaceHolder]="targetFilterPlaceholder"
+                    [dragdrop]="dragdrop"
+                    (onDrop)="onDrop($event, TARGET_LIST)"
+                >
+                    <ng-container *ngIf="targetHeaderTemplate || _targetHeaderTemplate">
+                        <ng-template #header>
+                            <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-container>
+                    <ng-container *ngIf="targetFilterIconTemplate || _targetFilterIconTemplate">
+                        <ng-container *ngTemplateOutlet="targetFilterIconTemplate || _targetFilterIconTemplate"></ng-container>
+                    </ng-container>
+                    <div class="p-picklist-title" *ngIf="!targetHeaderTemplate && !_targetHeaderTemplate">{{ targetHeader }}</div>
+                    <ng-container *ngIf="itemTemplate || _itemTemplate">
+                        <ng-template #item let-item let-index="index" let-selected="selected">
+                            <ng-container *ngTemplateOutlet="itemTemplate || _itemTemplate; context: { $implicit: item, index: index, selected: selected }"></ng-container>
+                        </ng-template>
+                    </ng-container>
+                    <ng-container *ngIf="emptyFilterMessageTargetTemplate || _emptyFilterMessageTargetTemplate || emptyMessageTargetTemplate || _emptyMessageTargetTemplate">
+                        <ng-container *ngTemplateOutlet="emptyFilterMessageTargetTemplate || _emptyFilterMessageTargetTemplate || emptyMessageTargetTemplate || _emptyMessageTargetTemplate"></ng-container>
+                    </ng-container>
+                </p-listbox>
+            </div>
+            <div class="p-picklist-controls p-picklist-target-controls" *ngIf="showTargetControls" [attr.data-pc-section]="'targetControls'" [attr.data-pc-group-section]="'controls'">
+                <button
+                    type="button"
+                    [attr.aria-label]="moveUpAriaLabel"
+                    pButton
+                    pRipple
+                    severity="secondary"
+                    class="p-button-icon-only"
+                    [disabled]="targetMoveDisabled()"
+                    (click)="moveUp(targetlist, target, selectedItemsTarget, onTargetReorder, TARGET_LIST)"
+                    [attr.data-pc-section]="'targetMoveUpButton'"
+                    [buttonProps]="getButtonProps('moveup')"
+                >
+                    <AngleUpIcon *ngIf="!moveUpIconTemplate && !_moveUpIconTemplate" [attr.data-pc-section]="'moveupicon'" />
+                    <ng-template *ngTemplateOutlet="moveUpIconTemplate || _moveUpIconTemplate"></ng-template>
+                </button>
+                <button
+                    type="button"
+                    [attr.aria-label]="moveTopAriaLabel"
+                    pButton
+                    pRipple
+                    severity="secondary"
+                    class="p-button-icon-only"
+                    [disabled]="targetMoveDisabled()"
+                    (click)="moveTop(targetlist, target, selectedItemsTarget, onTargetReorder, TARGET_LIST)"
+                    [attr.data-pc-section]="'targetMoveTopButton'"
+                    [buttonProps]="getButtonProps('movetop')"
+                >
+                    <AngleDoubleUpIcon *ngIf="!moveTopIconTemplate && !_moveTopIconTemplate" [attr.data-pc-section]="'movetopicon'" />
+                    <ng-template *ngTemplateOutlet="moveTopIconTemplate || moveTopIconTemplate"></ng-template>
+                </button>
+                <button
+                    type="button"
+                    [attr.aria-label]="moveDownAriaLabel"
+                    pButton
+                    pRipple
+                    severity="secondary"
+                    class="p-button-icon-only"
+                    [disabled]="targetMoveDisabled()"
+                    (click)="moveDown(targetlist, target, selectedItemsTarget, onTargetReorder, TARGET_LIST)"
+                    [attr.data-pc-section]="'targetMoveDownButton'"
+                    [buttonProps]="getButtonProps('movedown')"
+                >
+                    <AngleDownIcon *ngIf="!moveDownIconTemplate && !_moveDownIconTemplate" [attr.data-pc-section]="'movedownicon'" />
+                    <ng-template *ngTemplateOutlet="moveDownIconTemplate || _moveDownIconTemplate"></ng-template>
+                </button>
+                <button
+                    type="button"
+                    [attr.aria-label]="moveBottomAriaLabel"
+                    pButton
+                    pRipple
+                    severity="secondary"
+                    class="p-button-icon-only"
+                    [disabled]="targetMoveDisabled()"
+                    (click)="moveBottom(targetlist, target, selectedItemsTarget, onTargetReorder, TARGET_LIST)"
+                    [attr.data-pc-section]="'targetMoveBottomButton'"
+                    [buttonProps]="getButtonProps('movebottom')"
+                >
+                    <AngleDoubleDownIcon *ngIf="!moveBottomIconTemplate && !_moveBottomIconTemplate" [attr.data-pc-section]="'movebottomicon'" />
+                    <ng-template *ngTemplateOutlet="moveBottomIconTemplate || _moveBottomIconTemplate"></ng-template>
+                </button>
+            </div>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "directive", type: Ripple, selector: "[pRipple]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "component", type: AngleDoubleDownIcon, selector: "AngleDoubleDownIcon" }, { kind: "component", type: AngleDoubleLeftIcon, selector: "AngleDoubleLeftIcon" }, { kind: "component", type: AngleDoubleRightIcon, selector: "AngleDoubleRightIcon" }, { kind: "component", type: AngleDoubleUpIcon, selector: "AngleDoubleUpIcon" }, { kind: "component", type: AngleDownIcon, selector: "AngleDownIcon" }, { kind: "component", type: AngleLeftIcon, selector: "AngleLeftIcon" }, { kind: "component", type: AngleRightIcon, selector: "AngleRightIcon" }, { kind: "component", type: AngleUpIcon, selector: "AngleUpIcon" }, { kind: "component", type: Listbox, selector: "p-listbox, p-listBox, p-list-box", inputs: ["id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "ariaLabel", "selectOnFocus", "searchLocale", "focusOnHover", "filterMessage", "filterFields", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "scrollHeight", "tabindex", "multiple", "style", "styleClass", "listStyle", "listStyleClass", "readonly", "disabled", "checkbox", "filter", "filterBy", "filterMatchMode", "filterLocale", "metaKeySelection", "dataKey", "showToggleAll", "optionLabel", "optionValue", "optionGroupChildren", "optionGroupLabel", "optionDisabled", "ariaFilterLabel", "filterPlaceHolder", "emptyFilterMessage", "emptyMessage", "group", "options", "filterValue", "selectAll", "striped", "highlightOnSelect", "checkmark", "dragdrop"], outputs: ["onChange", "onClick", "onDblClick", "onFilter", "onFocus", "onBlur", "onSelectAllChange", "onLazyLoad", "onDrop"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PickList, [{
-        type: Component,
-        args: [{
-                selector: 'p-pickList, p-picklist, p-pick-list',
-                standalone: true,
-                imports: [CommonModule, ButtonDirective, Ripple, DragDropModule, AngleDoubleDownIcon, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleDoubleUpIcon, AngleDownIcon, AngleLeftIcon, AngleRightIcon, AngleUpIcon, Listbox, FormsModule, SharedModule],
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PickList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-pickList, p-picklist, p-pick-list',
+                    standalone: true,
+                    imports: [CommonModule, ButtonDirective, Ripple, DragDropModule, AngleDoubleDownIcon, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleDoubleUpIcon, AngleDownIcon, AngleLeftIcon, AngleRightIcon, AngleUpIcon, Listbox, FormsModule, SharedModule],
+                    template: `
         <div [class]="styleClass" [ngStyle]="style" [ngClass]="{ 'p-picklist p-component': true }" cdkDropListGroup [attr.data-pc-name]="'picklist'" [attr.data-pc-section]="'root'">
             <div class="p-picklist-controls p-picklist-source-controls" *ngIf="showSourceControls" [attr.data-pc-section]="'sourceControls'" [attr.data-pc-group-section]="'controls'">
                 <button
@@ -2061,6 +1761,7 @@ class PickList extends BaseComponent {
                     (keydown)="onItemKeyDown($event, selectedItemsSource, onSourceSelect, SOURCE_LIST)"
                     (onDblClick)="onSourceItemDblClick()"
                     [disabled]="disabled"
+                    [optionDisabled]="sourceOptionDisabled"
                     [metaKeySelection]="metaKeySelection"
                     [scrollHeight]="scrollHeight"
                     [autoOptionFocus]="autoOptionFocus"
@@ -2183,6 +1884,7 @@ class PickList extends BaseComponent {
                     (keydown)="onItemKeyDown($event, selectedItemsTarget, onTargetSelect, TARGET_LIST)"
                     (onDblClick)="onTargetItemDblClick()"
                     [disabled]="disabled"
+                    [optionDisabled]="targetOptionDisabled"
                     [metaKeySelection]="metaKeySelection"
                     [scrollHeight]="scrollHeight"
                     [autoOptionFocus]="autoOptionFocus"
@@ -2279,231 +1981,233 @@ class PickList extends BaseComponent {
             </div>
         </div>
     `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                providers: [PickListStyle]
-            }]
-    }], null, { source: [{
-            type: Input
-        }], target: [{
-            type: Input
-        }], sourceHeader: [{
-            type: Input
-        }], tabindex: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], rightButtonAriaLabel: [{
-            type: Input
-        }], leftButtonAriaLabel: [{
-            type: Input
-        }], allRightButtonAriaLabel: [{
-            type: Input
-        }], allLeftButtonAriaLabel: [{
-            type: Input
-        }], upButtonAriaLabel: [{
-            type: Input
-        }], downButtonAriaLabel: [{
-            type: Input
-        }], topButtonAriaLabel: [{
-            type: Input
-        }], bottomButtonAriaLabel: [{
-            type: Input
-        }], targetHeader: [{
-            type: Input
-        }], responsive: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], filterBy: [{
-            type: Input
-        }], filterLocale: [{
-            type: Input
-        }], trackBy: [{
-            type: Input
-        }], sourceTrackBy: [{
-            type: Input
-        }], targetTrackBy: [{
-            type: Input
-        }], showSourceFilter: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], showTargetFilter: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], metaKeySelection: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], dragdrop: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], style: [{
-            type: Input
-        }], styleClass: [{
-            type: Input
-        }], sourceStyle: [{
-            type: Input
-        }], targetStyle: [{
-            type: Input
-        }], showSourceControls: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], showTargetControls: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], sourceFilterPlaceholder: [{
-            type: Input
-        }], targetFilterPlaceholder: [{
-            type: Input
-        }], disabled: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], ariaSourceFilterLabel: [{
-            type: Input
-        }], ariaTargetFilterLabel: [{
-            type: Input
-        }], filterMatchMode: [{
-            type: Input
-        }], stripedRows: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], keepSelection: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], scrollHeight: [{
-            type: Input
-        }], autoOptionFocus: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], buttonProps: [{
-            type: Input
-        }], moveUpButtonProps: [{
-            type: Input
-        }], moveTopButtonProps: [{
-            type: Input
-        }], moveDownButtonProps: [{
-            type: Input
-        }], moveBottomButtonProps: [{
-            type: Input
-        }], moveToTargetProps: [{
-            type: Input
-        }], moveAllToTargetProps: [{
-            type: Input
-        }], moveToSourceProps: [{
-            type: Input
-        }], moveAllToSourceProps: [{
-            type: Input
-        }], breakpoint: [{
-            type: Input
-        }], onMoveToSource: [{
-            type: Output
-        }], onMoveAllToSource: [{
-            type: Output
-        }], onMoveAllToTarget: [{
-            type: Output
-        }], onMoveToTarget: [{
-            type: Output
-        }], onSourceReorder: [{
-            type: Output
-        }], onTargetReorder: [{
-            type: Output
-        }], onSourceSelect: [{
-            type: Output
-        }], onTargetSelect: [{
-            type: Output
-        }], onSourceFilter: [{
-            type: Output
-        }], onTargetFilter: [{
-            type: Output
-        }], onFocus: [{
-            type: Output
-        }], onBlur: [{
-            type: Output
-        }], listViewSourceChild: [{
-            type: ViewChild,
-            args: ['sourcelist']
-        }], listViewTargetChild: [{
-            type: ViewChild,
-            args: ['targetlist']
-        }], sourceFilterViewChild: [{
-            type: ViewChild,
-            args: ['sourceFilter']
-        }], targetFilterViewChild: [{
-            type: ViewChild,
-            args: ['targetFilter']
-        }], itemTemplate: [{
-            type: ContentChild,
-            args: ['item', { descendants: false }]
-        }], sourceHeaderTemplate: [{
-            type: ContentChild,
-            args: ['sourceHeader', { descendants: false }]
-        }], targetHeaderTemplate: [{
-            type: ContentChild,
-            args: ['targetHeader', { descendants: false }]
-        }], sourceFilterTemplate: [{
-            type: ContentChild,
-            args: ['sourceFilter', { descendants: false }]
-        }], targetFilterTemplate: [{
-            type: ContentChild,
-            args: ['targetFilter', { descendants: false }]
-        }], emptyMessageSourceTemplate: [{
-            type: ContentChild,
-            args: ['emptymessagesource', { descendants: false }]
-        }], emptyFilterMessageSourceTemplate: [{
-            type: ContentChild,
-            args: ['emptyfiltermessagesource', { descendants: false }]
-        }], emptyMessageTargetTemplate: [{
-            type: ContentChild,
-            args: ['emptymessagetarget', { descendants: false }]
-        }], emptyFilterMessageTargetTemplate: [{
-            type: ContentChild,
-            args: ['emptyfiltermessagetarget', { descendants: false }]
-        }], moveUpIconTemplate: [{
-            type: ContentChild,
-            args: ['moveupicon', { descendants: false }]
-        }], moveTopIconTemplate: [{
-            type: ContentChild,
-            args: ['movetopicon', { descendants: false }]
-        }], moveDownIconTemplate: [{
-            type: ContentChild,
-            args: ['movedownicon', { descendants: false }]
-        }], moveBottomIconTemplate: [{
-            type: ContentChild,
-            args: ['movebottomicon', { descendants: false }]
-        }], moveToTargetIconTemplate: [{
-            type: ContentChild,
-            args: ['movetotargeticon', { descendants: false }]
-        }], moveAllToTargetIconTemplate: [{
-            type: ContentChild,
-            args: ['movealltotargeticon', { descendants: false }]
-        }], moveToSourceIconTemplate: [{
-            type: ContentChild,
-            args: ['movetosourceicon', { descendants: false }]
-        }], moveAllToSourceIconTemplate: [{
-            type: ContentChild,
-            args: ['movealltosourceicon', { descendants: false }]
-        }], targetFilterIconTemplate: [{
-            type: ContentChild,
-            args: ['targetfiltericon', { descendants: false }]
-        }], sourceFilterIconTemplate: [{
-            type: ContentChild,
-            args: ['sourcefiltericon', { descendants: false }]
-        }], templates: [{
-            type: ContentChildren,
-            args: [PrimeTemplate]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PickList, { className: "PickList", filePath: "picklist.ts", lineNumber: 357 }); })();
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [PickListStyle]
+                }]
+        }], propDecorators: { source: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], sourceHeader: [{
+                type: Input
+            }], tabindex: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], rightButtonAriaLabel: [{
+                type: Input
+            }], leftButtonAriaLabel: [{
+                type: Input
+            }], allRightButtonAriaLabel: [{
+                type: Input
+            }], allLeftButtonAriaLabel: [{
+                type: Input
+            }], upButtonAriaLabel: [{
+                type: Input
+            }], downButtonAriaLabel: [{
+                type: Input
+            }], topButtonAriaLabel: [{
+                type: Input
+            }], bottomButtonAriaLabel: [{
+                type: Input
+            }], targetHeader: [{
+                type: Input
+            }], responsive: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], filterBy: [{
+                type: Input
+            }], filterLocale: [{
+                type: Input
+            }], trackBy: [{
+                type: Input
+            }], sourceTrackBy: [{
+                type: Input
+            }], targetTrackBy: [{
+                type: Input
+            }], showSourceFilter: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], showTargetFilter: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], metaKeySelection: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], dragdrop: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], sourceStyle: [{
+                type: Input
+            }], targetStyle: [{
+                type: Input
+            }], showSourceControls: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], showTargetControls: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], sourceFilterPlaceholder: [{
+                type: Input
+            }], targetFilterPlaceholder: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], sourceOptionDisabled: [{
+                type: Input
+            }], targetOptionDisabled: [{
+                type: Input
+            }], ariaSourceFilterLabel: [{
+                type: Input
+            }], ariaTargetFilterLabel: [{
+                type: Input
+            }], filterMatchMode: [{
+                type: Input
+            }], stripedRows: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], keepSelection: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], scrollHeight: [{
+                type: Input
+            }], autoOptionFocus: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], buttonProps: [{
+                type: Input
+            }], moveUpButtonProps: [{
+                type: Input
+            }], moveTopButtonProps: [{
+                type: Input
+            }], moveDownButtonProps: [{
+                type: Input
+            }], moveBottomButtonProps: [{
+                type: Input
+            }], moveToTargetProps: [{
+                type: Input
+            }], moveAllToTargetProps: [{
+                type: Input
+            }], moveToSourceProps: [{
+                type: Input
+            }], moveAllToSourceProps: [{
+                type: Input
+            }], breakpoint: [{
+                type: Input
+            }], onMoveToSource: [{
+                type: Output
+            }], onMoveAllToSource: [{
+                type: Output
+            }], onMoveAllToTarget: [{
+                type: Output
+            }], onMoveToTarget: [{
+                type: Output
+            }], onSourceReorder: [{
+                type: Output
+            }], onTargetReorder: [{
+                type: Output
+            }], onSourceSelect: [{
+                type: Output
+            }], onTargetSelect: [{
+                type: Output
+            }], onSourceFilter: [{
+                type: Output
+            }], onTargetFilter: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onBlur: [{
+                type: Output
+            }], listViewSourceChild: [{
+                type: ViewChild,
+                args: ['sourcelist']
+            }], listViewTargetChild: [{
+                type: ViewChild,
+                args: ['targetlist']
+            }], sourceFilterViewChild: [{
+                type: ViewChild,
+                args: ['sourceFilter']
+            }], targetFilterViewChild: [{
+                type: ViewChild,
+                args: ['targetFilter']
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: ['item', { descendants: false }]
+            }], sourceHeaderTemplate: [{
+                type: ContentChild,
+                args: ['sourceHeader', { descendants: false }]
+            }], targetHeaderTemplate: [{
+                type: ContentChild,
+                args: ['targetHeader', { descendants: false }]
+            }], sourceFilterTemplate: [{
+                type: ContentChild,
+                args: ['sourceFilter', { descendants: false }]
+            }], targetFilterTemplate: [{
+                type: ContentChild,
+                args: ['targetFilter', { descendants: false }]
+            }], emptyMessageSourceTemplate: [{
+                type: ContentChild,
+                args: ['emptymessagesource', { descendants: false }]
+            }], emptyFilterMessageSourceTemplate: [{
+                type: ContentChild,
+                args: ['emptyfiltermessagesource', { descendants: false }]
+            }], emptyMessageTargetTemplate: [{
+                type: ContentChild,
+                args: ['emptymessagetarget', { descendants: false }]
+            }], emptyFilterMessageTargetTemplate: [{
+                type: ContentChild,
+                args: ['emptyfiltermessagetarget', { descendants: false }]
+            }], moveUpIconTemplate: [{
+                type: ContentChild,
+                args: ['moveupicon', { descendants: false }]
+            }], moveTopIconTemplate: [{
+                type: ContentChild,
+                args: ['movetopicon', { descendants: false }]
+            }], moveDownIconTemplate: [{
+                type: ContentChild,
+                args: ['movedownicon', { descendants: false }]
+            }], moveBottomIconTemplate: [{
+                type: ContentChild,
+                args: ['movebottomicon', { descendants: false }]
+            }], moveToTargetIconTemplate: [{
+                type: ContentChild,
+                args: ['movetotargeticon', { descendants: false }]
+            }], moveAllToTargetIconTemplate: [{
+                type: ContentChild,
+                args: ['movealltotargeticon', { descendants: false }]
+            }], moveToSourceIconTemplate: [{
+                type: ContentChild,
+                args: ['movetosourceicon', { descendants: false }]
+            }], moveAllToSourceIconTemplate: [{
+                type: ContentChild,
+                args: ['movealltosourceicon', { descendants: false }]
+            }], targetFilterIconTemplate: [{
+                type: ContentChild,
+                args: ['targetfiltericon', { descendants: false }]
+            }], sourceFilterIconTemplate: [{
+                type: ContentChild,
+                args: ['sourcefiltericon', { descendants: false }]
+            }], templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }] } });
 class PickListModule {
-    static ɵfac = function PickListModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PickListModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PickListModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [PickList, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PickListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: PickListModule, imports: [PickList, SharedModule], exports: [PickList, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PickListModule, imports: [PickList, SharedModule, SharedModule] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PickListModule, [{
-        type: NgModule,
-        args: [{
-                imports: [PickList, SharedModule],
-                exports: [PickList, SharedModule]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PickListModule, { imports: [PickList, SharedModule], exports: [PickList, SharedModule] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PickListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [PickList, SharedModule],
+                    exports: [PickList, SharedModule]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.