primeng/bundles/primeng-picklist.umd.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primeng) [![Build Status](https://travis-ci.org/primefaces/primeng.

!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("primeng/button"),require("primeng/api"),require("primeng/dom"),require("primeng/utils")):"function"==typeof define&&define.amd?define("primeng/picklist",["exports","@angular/core","@angular/common","primeng/button","primeng/api","primeng/dom","primeng/utils"],e):e(((t=t||self).primeng=t.primeng||{},t.primeng.picklist={}),t.ng.core,t.ng.common,t.primeng.button,t.primeng.api,t.primeng.dom,t.primeng.utils)}(this,(function(t,e,i,o,r,n,s){"use strict";var l=this&&this.__decorate||function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s},a=function(){function t(t){this.el=t,this.trackBy=function(t,e){return e},this.showSourceFilter=!0,this.showTargetFilter=!0,this.metaKeySelection=!0,this.showSourceControls=!0,this.showTargetControls=!0,this.disabled=!1,this.filterMatchMode="contains",this.onMoveToSource=new e.EventEmitter,this.onMoveAllToSource=new e.EventEmitter,this.onMoveAllToTarget=new e.EventEmitter,this.onMoveToTarget=new e.EventEmitter,this.onSourceReorder=new e.EventEmitter,this.onTargetReorder=new e.EventEmitter,this.onSourceSelect=new e.EventEmitter,this.onTargetSelect=new e.EventEmitter,this.onSourceFilter=new e.EventEmitter,this.onTargetFilter=new e.EventEmitter,this.selectedItemsSource=[],this.selectedItemsTarget=[],this.SOURCE_LIST=-1,this.TARGET_LIST=1}return t.prototype.ngAfterContentInit=function(){var t=this;this.templates.forEach((function(e){switch(e.getType()){case"item":t.itemTemplate=e.template;break;case"emptymessagesource":t.emptyMessageSourceTemplate=e.template;break;case"emptymessagetarget":t.emptyMessageTargetTemplate=e.template;break;default:t.itemTemplate=e.template}}))},t.prototype.ngAfterViewChecked=function(){if(this.movedUp||this.movedDown){var t=n.DomHandler.find(this.reorderedListElement,"li.ui-state-highlight"),e=void 0;e=this.movedUp?t[0]:t[t.length-1],n.DomHandler.scrollInView(this.reorderedListElement,e),this.movedUp=!1,this.movedDown=!1,this.reorderedListElement=null}},t.prototype.onItemClick=function(t,e,i,o){if(!this.disabled){var r=this.findIndexInSelection(e,i),n=-1!=r;if(!this.itemTouched&&this.metaKeySelection){var s=t.metaKey||t.ctrlKey||t.shiftKey;n&&s?i.splice(r,1):(s||(i.length=0),i.push(e))}else n?i.splice(r,1):i.push(e);o.emit({originalEvent:t,items:i}),this.itemTouched=!1}},t.prototype.onSourceItemDblClick=function(){this.disabled||this.moveRight()},t.prototype.onTargetItemDblClick=function(){this.disabled||this.moveLeft()},t.prototype.onFilter=function(t,e,i){var o=t.target.value.trim().toLowerCase(),r=this.filterBy.split(",");i===this.SOURCE_LIST?(this.filterValueSource=o,this.visibleOptionsSource=s.FilterUtils.filter(e,r,this.filterValueSource,this.filterMatchMode),this.onSourceFilter.emit({query:this.filterValueSource,value:this.visibleOptionsSource})):i===this.TARGET_LIST&&(this.filterValueTarget=o,this.visibleOptionsTarget=s.FilterUtils.filter(e,r,this.filterValueTarget,this.filterMatchMode),this.onTargetFilter.emit({query:this.filterValueTarget,value:this.visibleOptionsTarget}))},t.prototype.isItemVisible=function(t,e){return e==this.SOURCE_LIST?this.isVisibleInList(this.visibleOptionsSource,t,this.filterValueSource):this.isVisibleInList(this.visibleOptionsTarget,t,this.filterValueTarget)},t.prototype.isVisibleInList=function(t,e,i){if(!i||!i.trim().length)return!0;for(var o=0;o<t.length;o++)if(e==t[o])return!0},t.prototype.onItemTouchEnd=function(t){this.disabled||(this.itemTouched=!0)},t.prototype.sortByIndexInList=function(t,e){var i=this;return t.sort((function(t,o){return i.findIndexInList(t,e)-i.findIndexInList(o,e)}))},t.prototype.moveUp=function(t,e,i,o){if(i&&i.length){i=this.sortByIndexInList(i,e);for(var r=0;r<i.length;r++){var n=i[r],s=this.findIndexInList(n,e);if(0==s)break;var l=e[s],a=e[s-1];e[s-1]=l,e[s]=a}this.movedUp=!0,this.reorderedListElement=t,o.emit({items:i})}},t.prototype.moveTop=function(t,e,i,o){if(i&&i.length){i=this.sortByIndexInList(i,e);for(var r=0;r<i.length;r++){var n=i[r],s=this.findIndexInList(n,e);if(0==s)break;var l=e.splice(s,1)[0];e.unshift(l)}t.scrollTop=0,o.emit({items:i})}},t.prototype.moveDown=function(t,e,i,o){if(i&&i.length){for(var r=(i=this.sortByIndexInList(i,e)).length-1;r>=0;r--){var n=i[r],s=this.findIndexInList(n,e);if(s==e.length-1)break;var l=e[s],a=e[s+1];e[s+1]=l,e[s]=a}this.movedDown=!0,this.reorderedListElement=t,o.emit({items:i})}},t.prototype.moveBottom=function(t,e,i,o){if(i&&i.length){for(var r=(i=this.sortByIndexInList(i,e)).length-1;r>=0;r--){var n=i[r],s=this.findIndexInList(n,e);if(s==e.length-1)break;var l=e.splice(s,1)[0];e.push(l)}t.scrollTop=t.scrollHeight,o.emit({items:i})}},t.prototype.moveRight=function(){if(this.selectedItemsSource&&this.selectedItemsSource.length){for(var t=0;t<this.selectedItemsSource.length;t++){var e=this.selectedItemsSource[t];-1==this.findIndexInList(e,this.target)&&this.target.push(this.source.splice(this.findIndexInList(e,this.source),1)[0])}this.onMoveToTarget.emit({items:this.selectedItemsSource}),this.selectedItemsSource=[]}},t.prototype.moveAllRight=function(){if(this.source){for(var t=[],e=0;e<this.source.length;e++)if(this.isItemVisible(this.source[e],this.SOURCE_LIST)){var i=this.source.splice(e,1)[0];this.target.push(i),t.push(i),e--}this.onMoveToTarget.emit({items:t}),this.onMoveAllToTarget.emit({items:t}),this.selectedItemsSource=[]}},t.prototype.moveLeft=function(){if(this.selectedItemsTarget&&this.selectedItemsTarget.length){for(var t=0;t<this.selectedItemsTarget.length;t++){var e=this.selectedItemsTarget[t];-1==this.findIndexInList(e,this.source)&&this.source.push(this.target.splice(this.findIndexInList(e,this.target),1)[0])}this.onMoveToSource.emit({items:this.selectedItemsTarget}),this.selectedItemsTarget=[]}},t.prototype.moveAllLeft=function(){if(this.target){for(var t=[],e=0;e<this.target.length;e++)if(this.isItemVisible(this.target[e],this.TARGET_LIST)){var i=this.target.splice(e,1)[0];this.source.push(i),t.push(i),e--}this.onMoveToSource.emit({items:t}),this.onMoveAllToSource.emit({items:t}),this.selectedItemsTarget=[]}},t.prototype.isSelected=function(t,e){return-1!=this.findIndexInSelection(t,e)},t.prototype.findIndexInSelection=function(t,e){return this.findIndexInList(t,e)},t.prototype.findIndexInList=function(t,e){var i=-1;if(e)for(var o=0;o<e.length;o++)if(e[o]==t){i=o;break}return i},t.prototype.onDragStart=function(t,e,i){t.dataTransfer.setData("text","b"),t.target.blur(),this.dragging=!0,this.fromListType=i,i===this.SOURCE_LIST?this.draggedItemIndexSource=e:this.draggedItemIndexTarget=e},t.prototype.onDragOver=function(t,e,i){this.dragging&&(i==this.SOURCE_LIST?(this.draggedItemIndexSource!==e&&this.draggedItemIndexSource+1!==e||this.fromListType===this.TARGET_LIST)&&(this.dragOverItemIndexSource=e,t.preventDefault()):(this.draggedItemIndexTarget!==e&&this.draggedItemIndexTarget+1!==e||this.fromListType===this.SOURCE_LIST)&&(this.dragOverItemIndexTarget=e,t.preventDefault()),this.onListItemDroppoint=!0)},t.prototype.onDragLeave=function(t,e){this.dragOverItemIndexSource=null,this.dragOverItemIndexTarget=null,this.onListItemDroppoint=!1},t.prototype.onDrop=function(t,e,i){this.onListItemDroppoint&&(i===this.SOURCE_LIST?(this.fromListType===this.TARGET_LIST?this.insert(this.draggedItemIndexTarget,this.target,e,this.source,this.onMoveToSource):(s.ObjectUtils.reorderArray(this.source,this.draggedItemIndexSource,this.draggedItemIndexSource>e?e:0===e?0:e-1),this.onSourceReorder.emit({items:this.source[this.draggedItemIndexSource]})),this.dragOverItemIndexSource=null):(this.fromListType===this.SOURCE_LIST?this.insert(this.draggedItemIndexSource,this.source,e,this.target,this.onMoveToTarget):(s.ObjectUtils.reorderArray(this.target,this.draggedItemIndexTarget,this.draggedItemIndexTarget>e?e:0===e?0:e-1),this.onTargetReorder.emit({items:this.target[this.draggedItemIndexTarget]})),this.dragOverItemIndexTarget=null),this.listHighlightTarget=!1,this.listHighlightSource=!1,t.preventDefault())},t.prototype.onDragEnd=function(t){this.dragging=!1},t.prototype.onListDrop=function(t,e){this.onListItemDroppoint||(e===this.SOURCE_LIST?this.fromListType===this.TARGET_LIST&&this.insert(this.draggedItemIndexTarget,this.target,null,this.source,this.onMoveToSource):this.fromListType===this.SOURCE_LIST&&this.insert(this.draggedItemIndexSource,this.source,null,this.target,this.onMoveToTarget),this.listHighlightTarget=!1,this.listHighlightSource=!1,t.preventDefault())},t.prototype.insert=function(t,e,i,o,r){var n=e[t];null===i?o.push(e.splice(t,1)[0]):o.splice(i,0,e.splice(t,1)[0]),r.emit({items:[n]})},t.prototype.onListMouseMove=function(t,e){if(this.dragging){var i=0==e?this.listViewSourceChild:this.listViewTargetChild,o=i.nativeElement.getBoundingClientRect().top+document.body.scrollTop,r=o+i.nativeElement.clientHeight-t.pageY,n=t.pageY-o;r<25&&r>0?i.nativeElement.scrollTop+=15:n<25&&n>0&&(i.nativeElement.scrollTop-=15),e===this.SOURCE_LIST?this.fromListType===this.TARGET_LIST&&(this.listHighlightSource=!0):this.fromListType===this.SOURCE_LIST&&(this.listHighlightTarget=!0),t.preventDefault()}},t.prototype.onListDragLeave=function(){this.listHighlightTarget=!1,this.listHighlightSource=!1},t.prototype.resetFilter=function(){this.visibleOptionsSource=null,this.filterValueSource=null,this.visibleOptionsTarget=null,this.filterValueTarget=null,this.sourceFilterViewChild.nativeElement.value="",this.targetFilterViewChild.nativeElement.value=""},t.prototype.onItemKeydown=function(t,e,i,o){var r=t.currentTarget;switch(t.which){case 40:var n=this.findNextItem(r);n&&n.focus(),t.preventDefault();break;case 38:var s=this.findPrevItem(r);s&&s.focus(),t.preventDefault();break;case 13:this.onItemClick(t,e,i,o),t.preventDefault()}},t.prototype.findNextItem=function(t){var e=t.nextElementSibling;return e?!n.DomHandler.hasClass(e,"ui-picklist-item")||n.DomHandler.isHidden(e)?this.findNextItem(e):e:null},t.prototype.findPrevItem=function(t){var e=t.previousElementSibling;return e?!n.DomHandler.hasClass(e,"ui-picklist-item")||n.DomHandler.isHidden(e)?this.findPrevItem(e):e:null},t.ctorParameters=function(){return[{type:e.ElementRef}]},l([e.Input()],t.prototype,"source",void 0),l([e.Input()],t.prototype,"target",void 0),l([e.Input()],t.prototype,"sourceHeader",void 0),l([e.Input()],t.prototype,"targetHeader",void 0),l([e.Input()],t.prototype,"responsive",void 0),l([e.Input()],t.prototype,"filterBy",void 0),l([e.Input()],t.prototype,"trackBy",void 0),l([e.Input()],t.prototype,"sourceTrackBy",void 0),l([e.Input()],t.prototype,"targetTrackBy",void 0),l([e.Input()],t.prototype,"showSourceFilter",void 0),l([e.Input()],t.prototype,"showTargetFilter",void 0),l([e.Input()],t.prototype,"metaKeySelection",void 0),l([e.Input()],t.prototype,"dragdrop",void 0),l([e.Input()],t.prototype,"style",void 0),l([e.Input()],t.prototype,"styleClass",void 0),l([e.Input()],t.prototype,"sourceStyle",void 0),l([e.Input()],t.prototype,"targetStyle",void 0),l([e.Input()],t.prototype,"showSourceControls",void 0),l([e.Input()],t.prototype,"showTargetControls",void 0),l([e.Input()],t.prototype,"sourceFilterPlaceholder",void 0),l([e.Input()],t.prototype,"targetFilterPlaceholder",void 0),l([e.Input()],t.prototype,"disabled",void 0),l([e.Input()],t.prototype,"ariaSourceFilterLabel",void 0),l([e.Input()],t.prototype,"ariaTargetFilterLabel",void 0),l([e.Input()],t.prototype,"filterMatchMode",void 0),l([e.Output()],t.prototype,"onMoveToSource",void 0),l([e.Output()],t.prototype,"onMoveAllToSource",void 0),l([e.Output()],t.prototype,"onMoveAllToTarget",void 0),l([e.Output()],t.prototype,"onMoveToTarget",void 0),l([e.Output()],t.prototype,"onSourceReorder",void 0),l([e.Output()],t.prototype,"onTargetReorder",void 0),l([e.Output()],t.prototype,"onSourceSelect",void 0),l([e.Output()],t.prototype,"onTargetSelect",void 0),l([e.Output()],t.prototype,"onSourceFilter",void 0),l([e.Output()],t.prototype,"onTargetFilter",void 0),l([e.ViewChild("sourcelist")],t.prototype,"listViewSourceChild",void 0),l([e.ViewChild("targetlist")],t.prototype,"listViewTargetChild",void 0),l([e.ViewChild("sourceFilter")],t.prototype,"sourceFilterViewChild",void 0),l([e.ViewChild("targetFilter")],t.prototype,"targetFilterViewChild",void 0),l([e.ContentChildren(r.PrimeTemplate)],t.prototype,"templates",void 0),t=l([e.Component({selector:"p-pickList",template:'\n        <div [class]="styleClass" [ngStyle]="style" [ngClass]="{\'ui-picklist ui-widget ui-helper-clearfix\': true,\'ui-picklist-responsive\': responsive}">\n            <div class="ui-picklist-source-controls ui-picklist-buttons" *ngIf="showSourceControls">\n                <div class="ui-picklist-buttons-cell">\n                    <button type="button" pButton icon="pi pi-angle-up" [disabled]="disabled" (click)="moveUp(sourcelist,source,selectedItemsSource,onSourceReorder)"></button>\n                    <button type="button" pButton icon="pi pi-angle-double-up" [disabled]="disabled" (click)="moveTop(sourcelist,source,selectedItemsSource,onSourceReorder)"></button>\n                    <button type="button" pButton icon="pi pi-angle-down" [disabled]="disabled" (click)="moveDown(sourcelist,source,selectedItemsSource,onSourceReorder)"></button>\n                    <button type="button" pButton icon="pi pi-angle-double-down" [disabled]="disabled" (click)="moveBottom(sourcelist,source,selectedItemsSource,onSourceReorder)"></button>\n                </div>\n            </div>\n            <div class="ui-picklist-listwrapper ui-picklist-source-wrapper" [ngClass]="{\'ui-picklist-listwrapper-nocontrols\':!showSourceControls}">\n                <div class="ui-picklist-caption ui-widget-header ui-corner-tl ui-corner-tr" *ngIf="sourceHeader">{{sourceHeader}}</div>\n                <div class="ui-picklist-filter-container ui-widget-content" *ngIf="filterBy && showSourceFilter !== false">\n                    <input #sourceFilter type="text" role="textbox" (keyup)="onFilter($event,source,SOURCE_LIST)" class="ui-picklist-filter ui-inputtext ui-widget ui-state-default ui-corner-all" [disabled]="disabled" [attr.placeholder]="sourceFilterPlaceholder" [attr.aria-label]="ariaSourceFilterLabel">\n                    <span class="ui-picklist-filter-icon pi pi-search"></span>\n                </div>\n                <ul #sourcelist class="ui-widget-content ui-picklist-list ui-picklist-source ui-corner-bottom" [ngClass]="{\'ui-picklist-highlight\': listHighlightSource}" \n                    [ngStyle]="sourceStyle" (dragover)="onListMouseMove($event,SOURCE_LIST)" (dragleave)="onListDragLeave()" (drop)="onListDrop($event, SOURCE_LIST)" role="listbox" aria-multiselectable="multiple">\n                    <ng-template ngFor let-item [ngForOf]="source" [ngForTrackBy]="sourceTrackBy || trackBy" let-i="index" let-l="last">\n                        <li class="ui-picklist-droppoint" *ngIf="dragdrop" (dragover)="onDragOver($event, i, SOURCE_LIST)" (drop)="onDrop($event, i, SOURCE_LIST)" (dragleave)="onDragLeave($event, SOURCE_LIST)"\n                        [ngClass]="{\'ui-picklist-droppoint-highlight\': (i === dragOverItemIndexSource)}" [style.display]="isItemVisible(item, SOURCE_LIST) ? \'block\' : \'none\'"></li>\n                        <li [ngClass]="{\'ui-picklist-item\':true,\'ui-state-highlight\':isSelected(item,selectedItemsSource), \'ui-state-disabled\': disabled}"\n                            (click)="onItemClick($event,item,selectedItemsSource,onSourceSelect)" (dblclick)="onSourceItemDblClick()" (touchend)="onItemTouchEnd($event)" (keydown)="onItemKeydown($event,item,selectedItemsSource,onSourceSelect)"\n                            [style.display]="isItemVisible(item, SOURCE_LIST) ? \'block\' : \'none\'" tabindex="0" role="option" [attr.aria-selected]="isSelected(item, selectedItemsSource)"\n                            [draggable]="dragdrop" (dragstart)="onDragStart($event, i, SOURCE_LIST)" (dragend)="onDragEnd($event)">\n                            <ng-container *ngTemplateOutlet="itemTemplate; context: {$implicit: item, index: i}"></ng-container>\n                        </li>\n                        <li class="ui-picklist-droppoint" *ngIf="dragdrop&&l" (dragover)="onDragOver($event, i + 1, SOURCE_LIST)" (drop)="onDrop($event, i + 1, SOURCE_LIST)" (dragleave)="onDragLeave($event, SOURCE_LIST)"\n                        [ngClass]="{\'ui-picklist-droppoint-highlight\': (i + 1 === dragOverItemIndexSource)}"></li>\n                    </ng-template>\n                    <ng-container *ngIf="(source == null || source.length === 0) && emptyMessageSourceTemplate">\n                        <li class="ui-picklist-empty-message">\n                            <ng-container *ngTemplateOutlet="emptyMessageSourceTemplate"></ng-container>\n                        </li>\n                    </ng-container>\n                </ul>\n            </div>\n            <div class="ui-picklist-buttons">\n                <div class="ui-picklist-buttons-cell">\n                    <button type="button" pButton icon="pi pi-angle-right" [disabled]="disabled" (click)="moveRight()"></button>\n                    <button type="button" pButton icon="pi pi-angle-double-right" [disabled]="disabled" (click)="moveAllRight()"></button>\n                    <button type="button" pButton icon="pi pi-angle-left" [disabled]="disabled" (click)="moveLeft()"></button>\n                    <button type="button" pButton icon="pi pi-angle-double-left" [disabled]="disabled" (click)="moveAllLeft()"></button>\n                </div>\n            </div>\n            <div class="ui-picklist-listwrapper ui-picklist-target-wrapper" [ngClass]="{\'ui-picklist-listwrapper-nocontrols\':!showTargetControls}">\n                <div class="ui-picklist-caption ui-widget-header ui-corner-tl ui-corner-tr" *ngIf="targetHeader">{{targetHeader}}</div>\n                <div class="ui-picklist-filter-container ui-widget-content" *ngIf="filterBy && showTargetFilter !== false">\n                    <input #targetFilter type="text" role="textbox" (keyup)="onFilter($event,target,TARGET_LIST)" class="ui-picklist-filter ui-inputtext ui-widget ui-state-default ui-corner-all" [disabled]="disabled" [attr.placeholder]="targetFilterPlaceholder" [attr.aria-label]="ariaTargetFilterLabel">\n                    <span class="ui-picklist-filter-icon pi pi-search"></span>\n                </div>\n                <ul #targetlist class="ui-widget-content ui-picklist-list ui-picklist-target ui-corner-bottom" [ngClass]="{\'ui-picklist-highlight\': listHighlightTarget}" \n                    [ngStyle]="targetStyle" (dragover)="onListMouseMove($event,TARGET_LIST)" (dragleave)="onListDragLeave()" (drop)="onListDrop($event,TARGET_LIST)" role="listbox" aria-multiselectable="multiple">\n                    <ng-template ngFor let-item [ngForOf]="target" [ngForTrackBy]="targetTrackBy || trackBy" let-i="index" let-l="last">\n                        <li class="ui-picklist-droppoint" *ngIf="dragdrop" (dragover)="onDragOver($event, i, TARGET_LIST)" (drop)="onDrop($event, i, TARGET_LIST)" (dragleave)="onDragLeave($event, TARGET_LIST)"\n                        [ngClass]="{\'ui-picklist-droppoint-highlight\': (i === dragOverItemIndexTarget)}" [style.display]="isItemVisible(item, TARGET_LIST) ? \'block\' : \'none\'"></li>\n                        <li [ngClass]="{\'ui-picklist-item\':true,\'ui-state-highlight\':isSelected(item,selectedItemsTarget), \'ui-state-disabled\': disabled}"\n                            (click)="onItemClick($event,item,selectedItemsTarget,onTargetSelect)" (dblclick)="onTargetItemDblClick()" (touchend)="onItemTouchEnd($event)" (keydown)="onItemKeydown($event,item,selectedItemsTarget,onTargetSelect)"\n                            [style.display]="isItemVisible(item, TARGET_LIST) ? \'block\' : \'none\'" tabindex="0" role="option" [attr.aria-selected]="isSelected(item, selectedItemsTarget)"\n                            [draggable]="dragdrop" (dragstart)="onDragStart($event, i, TARGET_LIST)" (dragend)="onDragEnd($event)">\n                            <ng-container *ngTemplateOutlet="itemTemplate; context: {$implicit: item, index: i}"></ng-container>\n                        </li>\n                        <li class="ui-picklist-droppoint" *ngIf="dragdrop&&l" (dragover)="onDragOver($event, i + 1, TARGET_LIST)" (drop)="onDrop($event, i + 1, TARGET_LIST)" (dragleave)="onDragLeave($event, TARGET_LIST)"\n                        [ngClass]="{\'ui-picklist-droppoint-highlight\': (i + 1 === dragOverItemIndexTarget)}"></li>\n                    </ng-template>\n                    <ng-container *ngIf="(target == null || target.length === 0) && emptyMessageTargetTemplate">\n                        <li class="ui-picklist-empty-message">\n                            <ng-container *ngTemplateOutlet="emptyMessageTargetTemplate"></ng-container>\n                        </li>\n                    </ng-container>\n                </ul>\n            </div>\n            <div class="ui-picklist-target-controls ui-picklist-buttons" *ngIf="showTargetControls">\n                <div class="ui-picklist-buttons-cell">\n                    <button type="button" pButton icon="pi pi-angle-up" [disabled]="disabled" (click)="moveUp(targetlist,target,selectedItemsTarget,onTargetReorder)"></button>\n                    <button type="button" pButton icon="pi pi-angle-double-up" [disabled]="disabled" (click)="moveTop(targetlist,target,selectedItemsTarget,onTargetReorder)"></button>\n                    <button type="button" pButton icon="pi pi-angle-down" [disabled]="disabled" (click)="moveDown(targetlist,target,selectedItemsTarget,onTargetReorder)"></button>\n                    <button type="button" pButton icon="pi pi-angle-double-down" [disabled]="disabled" (click)="moveBottom(targetlist,target,selectedItemsTarget,onTargetReorder)"></button>\n                </div>\n            </div>\n        </div>\n    ',changeDetection:e.ChangeDetectionStrategy.Default})],t)}(),p=function(){function t(){}return t=l([e.NgModule({imports:[i.CommonModule,o.ButtonModule,r.SharedModule],exports:[a,r.SharedModule],declarations:[a]})],t)}();t.PickList=a,t.PickListModule=p,Object.defineProperty(t,"__esModule",{value:!0})}));
//# sourceMappingURL=primeng-picklist.umd.min.js.map