primeng 19.0.5 → 19.0.7

package/fesm2022/primeng-orderlist.mjs

@@ -2,11 +2,11 @@ import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 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 i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { uuid, find, scrollInView, findIndexInList, insertIntoOrderedArray, findSingle, hasClass, isHidden, setAttribute } 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, AngleDoubleUpIcon, AngleUpIcon, AngleDownIcon } from 'primeng/icons';
@@ -35,12 +35,12 @@ class OrderListStyle extends BaseStyle {
     name = 'orderlist';
     theme = theme;
     classes = classes;
-    static ɵfac = /*@__PURE__*/ (() => { let ɵOrderListStyle_BaseFactory; return function OrderListStyle_Factory(__ngFactoryType__) { return (ɵOrderListStyle_BaseFactory || (ɵOrderListStyle_BaseFactory = i0.ɵɵgetInheritedFactory(OrderListStyle)))(__ngFactoryType__ || OrderListStyle); }; })();
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: OrderListStyle, factory: OrderListStyle.ɵfac });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: OrderListStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: OrderListStyle });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrderListStyle, [{
-        type: Injectable
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: OrderListStyle, decorators: [{
+            type: Injectable
+        }] });
 /**
  *
  * OrderList is used to maneged the order of a collection.
@@ -62,88 +62,6 @@ var OrderListClasses;
     OrderListClasses["controls"] = "p-orderlist-controls";
 })(OrderListClasses || (OrderListClasses = {}));
 
-const _c0 = ["item"];
-const _c1 = ["empty"];
-const _c2 = ["emptyfilter"];
-const _c3 = ["filter"];
-const _c4 = ["header"];
-const _c5 = ["moveupicon"];
-const _c6 = ["movetopicon"];
-const _c7 = ["movedownicon"];
-const _c8 = ["movebottomicon"];
-const _c9 = ["filtericon"];
-const _c10 = ["listelement"];
-const _c11 = (a0, a1, a2) => ({ "p-orderlist p-component": true, "p-orderlist-striped": a0, "p-orderlist-controls-left": a1, "p-orderlist-controls-right": a2 });
-const _c12 = (a0, a1, a2) => ({ $implicit: a0, selected: a1, index: a2 });
-function OrderList_AngleUpIcon_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleUpIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "moveupicon");
-} }
-function OrderList_4_ng_template_0_Template(rf, ctx) { }
-function OrderList_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, OrderList_4_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function OrderList_AngleDoubleUpIcon_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleDoubleUpIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movetopicon");
-} }
-function OrderList_7_ng_template_0_Template(rf, ctx) { }
-function OrderList_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, OrderList_7_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function OrderList_AngleDownIcon_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleDownIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movedownicon");
-} }
-function OrderList_10_ng_template_0_Template(rf, ctx) { }
-function OrderList_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, OrderList_10_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function OrderList_AngleDoubleDownIcon_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "AngleDoubleDownIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "movebottomicon");
-} }
-function OrderList_13_ng_template_0_Template(rf, ctx) { }
-function OrderList_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, OrderList_13_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function OrderList_ng_container_17_ng_template_1_0_ng_template_0_Template(rf, ctx) { }
-function OrderList_ng_container_17_ng_template_1_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, OrderList_ng_container_17_ng_template_1_0_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function OrderList_ng_container_17_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, OrderList_ng_container_17_ng_template_1_0_Template, 1, 0, null, 7);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.headerTemplate || ctx_r1._headerTemplate);
-} }
-function OrderList_ng_container_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, OrderList_ng_container_17_ng_template_1_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementContainerEnd();
-} }
-function OrderList_ng_container_18_ng_template_1_0_ng_template_0_Template(rf, ctx) { }
-function OrderList_ng_container_18_ng_template_1_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, OrderList_ng_container_18_ng_template_1_0_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function OrderList_ng_container_18_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, OrderList_ng_container_18_ng_template_1_0_Template, 1, 0, null, 10);
-} if (rf & 2) {
-    const option_r3 = ctx.$implicit;
-    const selected_r4 = ctx.selected;
-    const index_r5 = ctx.index;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.itemTemplate || ctx_r1._itemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c12, option_r3, selected_r4, index_r5));
-} }
-function OrderList_ng_container_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, OrderList_ng_container_18_ng_template_1_Template, 1, 6, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementContainerEnd();
-} }
 /**
  * OrderList is used to manage the order of a collection.
  * @group Components
@@ -901,115 +819,95 @@ class OrderList extends BaseComponent {
         this.destroyStyle();
         super.ngOnDestroy();
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵOrderList_BaseFactory; return function OrderList_Factory(__ngFactoryType__) { return (ɵOrderList_BaseFactory || (ɵOrderList_BaseFactory = i0.ɵɵgetInheritedFactory(OrderList)))(__ngFactoryType__ || OrderList); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OrderList, selectors: [["p-orderList"], ["p-orderlist"], ["p-order-list"]], contentQueries: function OrderList_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, PrimeTemplate, 4);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.itemTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.emptyMessageTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.emptyFilterMessageTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerTemplate = _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.filterIconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
-        } }, viewQuery: function OrderList_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c10, 5);
-            i0.ɵɵviewQuery(_c3, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.listViewChild = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterViewChild = _t.first);
-        } }, inputs: { header: "header", style: "style", styleClass: "styleClass", tabindex: [2, "tabindex", "tabindex", numberAttribute], ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", listStyle: "listStyle", responsive: [2, "responsive", "responsive", booleanAttribute], filterBy: "filterBy", filterPlaceholder: "filterPlaceholder", filterLocale: "filterLocale", metaKeySelection: [2, "metaKeySelection", "metaKeySelection", booleanAttribute], dragdrop: [2, "dragdrop", "dragdrop", booleanAttribute], controlsPosition: "controlsPosition", ariaFilterLabel: "ariaFilterLabel", filterMatchMode: "filterMatchMode", breakpoint: "breakpoint", stripedRows: [2, "stripedRows", "stripedRows", booleanAttribute], disabled: [2, "disabled", "disabled", booleanAttribute], trackBy: "trackBy", scrollHeight: "scrollHeight", autoOptionFocus: [2, "autoOptionFocus", "autoOptionFocus", booleanAttribute], selection: "selection", value: "value", buttonProps: "buttonProps", moveUpButtonProps: "moveUpButtonProps", moveTopButtonProps: "moveTopButtonProps", moveDownButtonProps: "moveDownButtonProps", moveBottomButtonProps: "moveBottomButtonProps" }, outputs: { selectionChange: "selectionChange", onReorder: "onReorder", onSelectionChange: "onSelectionChange", onFilterEvent: "onFilterEvent", onFocus: "onFocus", onBlur: "onBlur" }, features: [i0.ɵɵProvidersFeature([OrderListStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], decls: 19, vars: 53, consts: [["listelement", ""], ["header", ""], ["item", ""], [3, "ngClass", "ngStyle"], [1, "p-orderlist-controls"], ["type", "button", "pButton", "", "pRipple", "", 1, "p-button-icon-only", 3, "click", "disabled", "buttonProps"], [4, "ngIf"], [4, "ngTemplateOutlet"], [1, "p-orderlist-list-container"], ["optionLabel", "name", 3, "ngModelChange", "onFocus", "onBlur", "keydown", "multiple", "options", "ngModel", "id", "listStyle", "striped", "tabindex", "ariaLabel", "disabled", "metaKeySelection", "scrollHeight", "autoOptionFocus", "filter", "filterBy", "filterLocale", "filterPlaceHolder"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function OrderList_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 3)(1, "div", 4)(2, "button", 5);
-            i0.ɵɵlistener("click", function OrderList_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveUp()); });
-            i0.ɵɵtemplate(3, OrderList_AngleUpIcon_3_Template, 1, 1, "AngleUpIcon", 6)(4, OrderList_4_Template, 1, 0, null, 7);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "button", 5);
-            i0.ɵɵlistener("click", function OrderList_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveTop()); });
-            i0.ɵɵtemplate(6, OrderList_AngleDoubleUpIcon_6_Template, 1, 1, "AngleDoubleUpIcon", 6)(7, OrderList_7_Template, 1, 0, null, 7);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "button", 5);
-            i0.ɵɵlistener("click", function OrderList_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveDown()); });
-            i0.ɵɵtemplate(9, OrderList_AngleDownIcon_9_Template, 1, 1, "AngleDownIcon", 6)(10, OrderList_10_Template, 1, 0, null, 7);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(11, "button", 5);
-            i0.ɵɵlistener("click", function OrderList_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.moveBottom()); });
-            i0.ɵɵtemplate(12, OrderList_AngleDoubleDownIcon_12_Template, 1, 1, "AngleDoubleDownIcon", 6)(13, OrderList_13_Template, 1, 0, null, 7);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(14, "div", 8)(15, "p-listbox", 9, 0);
-            i0.ɵɵtwoWayListener("ngModelChange", function OrderList_Template_p_listbox_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.d_selection, $event) || (ctx.d_selection = $event); return i0.ɵɵresetView($event); });
-            i0.ɵɵlistener("onFocus", function OrderList_Template_p_listbox_onFocus_15_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListFocus($event)); })("onBlur", function OrderList_Template_p_listbox_onBlur_15_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onListBlur($event)); })("keydown", function OrderList_Template_p_listbox_keydown_15_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onItemKeydown($event)); });
-            i0.ɵɵtemplate(17, OrderList_ng_container_17_Template, 3, 0, "ng-container", 6)(18, OrderList_ng_container_18_Template, 3, 0, "ng-container", 6);
-            i0.ɵɵelementEnd()()();
-        } if (rf & 2) {
-            i0.ɵɵclassMap(ctx.styleClass);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(49, _c11, ctx.stripedRows, ctx.controlsPosition === "left", ctx.controlsPosition === "right"))("ngStyle", ctx.style);
-            i0.ɵɵattribute("data-pc-section", "root");
-            i0.ɵɵadvance();
-            i0.ɵɵattribute("data-pc-section", "controls");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("disabled", ctx.moveDisabled())("buttonProps", ctx.getButtonProps("up"));
-            i0.ɵɵattribute("aria-label", ctx.moveUpAriaLabel)("data-pc-section", "moveUpButton");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.moveUpIconTemplate && !ctx._moveUpIconTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveUpIconTemplate || ctx._moveUpIconTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("disabled", ctx.moveDisabled())("buttonProps", ctx.getButtonProps("top"));
-            i0.ɵɵattribute("aria-label", ctx.moveTopAriaLabel)("data-pc-section", "moveTopButton");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.moveTopIconTemplate && !ctx._moveTopIconTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveTopIconTemplate || ctx._moveTopIconTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("disabled", ctx.moveDisabled())("buttonProps", ctx.getButtonProps("down"));
-            i0.ɵɵattribute("aria-label", ctx.moveDownAriaLabel)("data-pc-section", "moveDownButton");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.moveDownIconTemplate && !ctx._moveDownIconTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveDownIconTemplate || ctx._moveDownIconTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("disabled", ctx.moveDisabled())("buttonProps", ctx.getButtonProps("bottom"));
-            i0.ɵɵattribute("aria-label", ctx.moveBottomAriaLabel)("data-pc-section", "moveBottomButton");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.moveBottomIconTemplate && !ctx._moveBottomIconTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.moveBottomIconTemplate || ctx._moveBottomIconTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵattribute("data-pc-section", "container");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("multiple", true)("options", ctx.value);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.d_selection);
-            i0.ɵɵproperty("id", ctx.id + "_list")("listStyle", ctx.listStyle)("striped", ctx.stripedRows)("tabindex", ctx.tabindex)("ariaLabel", ctx.ariaLabel)("disabled", ctx.disabled)("metaKeySelection", ctx.metaKeySelection)("scrollHeight", ctx.scrollHeight)("autoOptionFocus", ctx.autoOptionFocus)("filter", ctx.filterBy)("filterBy", ctx.filterBy)("filterLocale", ctx.filterLocale)("filterPlaceHolder", ctx.filterPlaceholder);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.headerTemplate || ctx._headerTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.itemTemplate || ctx._itemTemplate);
-        } }, dependencies: [CommonModule, i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, ButtonDirective, Ripple, DragDropModule, AngleDoubleDownIcon, AngleDoubleUpIcon, AngleUpIcon, AngleDownIcon, Listbox, FormsModule, i2.NgControlStatus, i2.NgModel, SharedModule], encapsulation: 2, changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: OrderList, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: OrderList, isStandalone: true, selector: "p-orderList, p-orderlist, p-order-list", inputs: { header: "header", style: "style", styleClass: "styleClass", tabindex: ["tabindex", "tabindex", numberAttribute], ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", listStyle: "listStyle", responsive: ["responsive", "responsive", booleanAttribute], filterBy: "filterBy", filterPlaceholder: "filterPlaceholder", filterLocale: "filterLocale", metaKeySelection: ["metaKeySelection", "metaKeySelection", booleanAttribute], dragdrop: ["dragdrop", "dragdrop", booleanAttribute], controlsPosition: "controlsPosition", ariaFilterLabel: "ariaFilterLabel", filterMatchMode: "filterMatchMode", breakpoint: "breakpoint", stripedRows: ["stripedRows", "stripedRows", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], trackBy: "trackBy", scrollHeight: "scrollHeight", autoOptionFocus: ["autoOptionFocus", "autoOptionFocus", booleanAttribute], selection: "selection", value: "value", buttonProps: "buttonProps", moveUpButtonProps: "moveUpButtonProps", moveTopButtonProps: "moveTopButtonProps", moveDownButtonProps: "moveDownButtonProps", moveBottomButtonProps: "moveBottomButtonProps" }, outputs: { selectionChange: "selectionChange", onReorder: "onReorder", onSelectionChange: "onSelectionChange", onFilterEvent: "onFilterEvent", onFocus: "onFocus", onBlur: "onBlur" }, providers: [OrderListStyle], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"] }, { propertyName: "emptyMessageTemplate", first: true, predicate: ["empty"] }, { propertyName: "emptyFilterMessageTemplate", first: true, predicate: ["emptyfilter"] }, { propertyName: "filterTemplate", first: true, predicate: ["filter"] }, { propertyName: "headerTemplate", first: true, predicate: ["header"] }, { 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: "filterIconTemplate", first: true, predicate: ["filtericon"] }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "listViewChild", first: true, predicate: ["listelement"], descendants: true }, { propertyName: "filterViewChild", first: true, predicate: ["filter"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <div
+            [ngClass]="{
+                'p-orderlist p-component': true,
+                'p-orderlist-striped': stripedRows,
+                'p-orderlist-controls-left': controlsPosition === 'left',
+                'p-orderlist-controls-right': controlsPosition === 'right'
+            }"
+            [ngStyle]="style"
+            [class]="styleClass"
+            [attr.data-pc-section]="'root'"
+        >
+            <div class="p-orderlist-controls" [attr.data-pc-section]="'controls'">
+                <button type="button" [disabled]="moveDisabled()" pButton pRipple class="p-button-icon-only" (click)="moveUp()" [attr.aria-label]="moveUpAriaLabel" [attr.data-pc-section]="'moveUpButton'" [buttonProps]="getButtonProps('up')">
+                    <AngleUpIcon *ngIf="!moveUpIconTemplate && !_moveUpIconTemplate" [attr.data-pc-section]="'moveupicon'" />
+                    <ng-template *ngTemplateOutlet="moveUpIconTemplate || _moveUpIconTemplate"></ng-template>
+                </button>
+                <button type="button" [disabled]="moveDisabled()" pButton pRipple class="p-button-icon-only" (click)="moveTop()" [attr.aria-label]="moveTopAriaLabel" [attr.data-pc-section]="'moveTopButton'" [buttonProps]="getButtonProps('top')">
+                    <AngleDoubleUpIcon *ngIf="!moveTopIconTemplate && !_moveTopIconTemplate" [attr.data-pc-section]="'movetopicon'" />
+                    <ng-template *ngTemplateOutlet="moveTopIconTemplate || _moveTopIconTemplate"></ng-template>
+                </button>
+                <button type="button" [disabled]="moveDisabled()" pButton pRipple class="p-button-icon-only" (click)="moveDown()" [attr.aria-label]="moveDownAriaLabel" [attr.data-pc-section]="'moveDownButton'" [buttonProps]="getButtonProps('down')">
+                    <AngleDownIcon *ngIf="!moveDownIconTemplate && !_moveDownIconTemplate" [attr.data-pc-section]="'movedownicon'" />
+                    <ng-template *ngTemplateOutlet="moveDownIconTemplate || _moveDownIconTemplate"></ng-template>
+                </button>
+                <button
+                    type="button"
+                    [disabled]="moveDisabled()"
+                    pButton
+                    pRipple
+                    class="p-button-icon-only"
+                    (click)="moveBottom()"
+                    [attr.aria-label]="moveBottomAriaLabel"
+                    [attr.data-pc-section]="'moveBottomButton'"
+                    [buttonProps]="getButtonProps('bottom')"
+                >
+                    <AngleDoubleDownIcon *ngIf="!moveBottomIconTemplate && !_moveBottomIconTemplate" [attr.data-pc-section]="'movebottomicon'" />
+                    <ng-template *ngTemplateOutlet="moveBottomIconTemplate || _moveBottomIconTemplate"></ng-template>
+                </button>
+            </div>
+            <div class="p-orderlist-list-container" [attr.data-pc-section]="'container'">
+                <p-listbox
+                    #listelement
+                    [multiple]="true"
+                    [options]="value"
+                    [(ngModel)]="d_selection"
+                    optionLabel="name"
+                    [id]="id + '_list'"
+                    [listStyle]="listStyle"
+                    [striped]="stripedRows"
+                    [tabindex]="tabindex"
+                    (onFocus)="onListFocus($event)"
+                    (onBlur)="onListBlur($event)"
+                    (keydown)="onItemKeydown($event)"
+                    [ariaLabel]="ariaLabel"
+                    [disabled]="disabled"
+                    [metaKeySelection]="metaKeySelection"
+                    [scrollHeight]="scrollHeight"
+                    [autoOptionFocus]="autoOptionFocus"
+                    [filter]="filterBy"
+                    [filterBy]="filterBy"
+                    [filterLocale]="filterLocale"
+                    [filterPlaceHolder]="filterPlaceholder"
+                    [dragdrop]="dragdrop"
+                    (onDrop)="onDrop($event)"
+                >
+                    <ng-container *ngIf="headerTemplate || _headerTemplate">
+                        <ng-template #header>
+                            <ng-template *ngTemplateOutlet="headerTemplate || _headerTemplate"></ng-template>
+                        </ng-template>
+                    </ng-container>
+                    <ng-container *ngIf="itemTemplate || _itemTemplate">
+                        <ng-template #item let-option let-selected="selected" let-index="index">
+                            <ng-template *ngTemplateOutlet="itemTemplate || _itemTemplate; context: { $implicit: option, selected: selected, index: index }"></ng-template>
+                        </ng-template>
+                    </ng-container>
+                </p-listbox>
+            </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: "component", type: AngleDoubleDownIcon, selector: "AngleDoubleDownIcon" }, { kind: "component", type: AngleDoubleUpIcon, selector: "AngleDoubleUpIcon" }, { kind: "component", type: AngleUpIcon, selector: "AngleUpIcon" }, { kind: "component", type: AngleDownIcon, selector: "AngleDownIcon" }, { 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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.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(OrderList, [{
-        type: Component,
-        args: [{
-                selector: 'p-orderList, p-orderlist, p-order-list',
-                standalone: true,
-                imports: [CommonModule, ButtonDirective, Ripple, DragDropModule, AngleDoubleDownIcon, AngleDoubleUpIcon, AngleUpIcon, AngleDownIcon, Listbox, FormsModule, SharedModule],
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: OrderList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-orderList, p-orderlist, p-order-list',
+                    standalone: true,
+                    imports: [CommonModule, ButtonDirective, Ripple, DragDropModule, AngleDoubleDownIcon, AngleDoubleUpIcon, AngleUpIcon, AngleDownIcon, Listbox, FormsModule, SharedModule],
+                    template: `
         <div
             [ngClass]="{
                 'p-orderlist p-component': true,
@@ -1072,6 +970,8 @@ class OrderList extends BaseComponent {
                     [filterBy]="filterBy"
                     [filterLocale]="filterLocale"
                     [filterPlaceHolder]="filterPlaceholder"
+                    [dragdrop]="dragdrop"
+                    (onDrop)="onDrop($event)"
                 >
                     <ng-container *ngIf="headerTemplate || _headerTemplate">
                         <ng-template #header>
@@ -1087,141 +987,139 @@ class OrderList extends BaseComponent {
             </div>
         </div>
     `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                providers: [OrderListStyle]
-            }]
-    }], null, { header: [{
-            type: Input
-        }], style: [{
-            type: Input
-        }], styleClass: [{
-            type: Input
-        }], tabindex: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], ariaLabel: [{
-            type: Input
-        }], ariaLabelledBy: [{
-            type: Input
-        }], listStyle: [{
-            type: Input
-        }], responsive: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], filterBy: [{
-            type: Input
-        }], filterPlaceholder: [{
-            type: Input
-        }], filterLocale: [{
-            type: Input
-        }], metaKeySelection: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], dragdrop: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], controlsPosition: [{
-            type: Input
-        }], ariaFilterLabel: [{
-            type: Input
-        }], filterMatchMode: [{
-            type: Input
-        }], breakpoint: [{
-            type: Input
-        }], stripedRows: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], disabled: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], trackBy: [{
-            type: Input
-        }], scrollHeight: [{
-            type: Input
-        }], autoOptionFocus: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], selection: [{
-            type: Input
-        }], value: [{
-            type: Input
-        }], buttonProps: [{
-            type: Input
-        }], moveUpButtonProps: [{
-            type: Input
-        }], moveTopButtonProps: [{
-            type: Input
-        }], moveDownButtonProps: [{
-            type: Input
-        }], moveBottomButtonProps: [{
-            type: Input
-        }], selectionChange: [{
-            type: Output
-        }], onReorder: [{
-            type: Output
-        }], onSelectionChange: [{
-            type: Output
-        }], onFilterEvent: [{
-            type: Output
-        }], onFocus: [{
-            type: Output
-        }], onBlur: [{
-            type: Output
-        }], listViewChild: [{
-            type: ViewChild,
-            args: ['listelement']
-        }], filterViewChild: [{
-            type: ViewChild,
-            args: ['filter']
-        }], itemTemplate: [{
-            type: ContentChild,
-            args: ['item', { descendants: false }]
-        }], emptyMessageTemplate: [{
-            type: ContentChild,
-            args: ['empty', { descendants: false }]
-        }], emptyFilterMessageTemplate: [{
-            type: ContentChild,
-            args: ['emptyfilter', { descendants: false }]
-        }], filterTemplate: [{
-            type: ContentChild,
-            args: ['filter', { descendants: false }]
-        }], headerTemplate: [{
-            type: ContentChild,
-            args: ['header', { 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 }]
-        }], filterIconTemplate: [{
-            type: ContentChild,
-            args: ['filtericon', { descendants: false }]
-        }], templates: [{
-            type: ContentChildren,
-            args: [PrimeTemplate]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OrderList, { className: "OrderList", filePath: "orderlist.ts", lineNumber: 124 }); })();
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [OrderListStyle]
+                }]
+        }], propDecorators: { header: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], tabindex: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], ariaLabel: [{
+                type: Input
+            }], ariaLabelledBy: [{
+                type: Input
+            }], listStyle: [{
+                type: Input
+            }], responsive: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], filterBy: [{
+                type: Input
+            }], filterPlaceholder: [{
+                type: Input
+            }], filterLocale: [{
+                type: Input
+            }], metaKeySelection: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], dragdrop: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], controlsPosition: [{
+                type: Input
+            }], ariaFilterLabel: [{
+                type: Input
+            }], filterMatchMode: [{
+                type: Input
+            }], breakpoint: [{
+                type: Input
+            }], stripedRows: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], trackBy: [{
+                type: Input
+            }], scrollHeight: [{
+                type: Input
+            }], autoOptionFocus: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], selection: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], buttonProps: [{
+                type: Input
+            }], moveUpButtonProps: [{
+                type: Input
+            }], moveTopButtonProps: [{
+                type: Input
+            }], moveDownButtonProps: [{
+                type: Input
+            }], moveBottomButtonProps: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }], onReorder: [{
+                type: Output
+            }], onSelectionChange: [{
+                type: Output
+            }], onFilterEvent: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onBlur: [{
+                type: Output
+            }], listViewChild: [{
+                type: ViewChild,
+                args: ['listelement']
+            }], filterViewChild: [{
+                type: ViewChild,
+                args: ['filter']
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: ['item', { descendants: false }]
+            }], emptyMessageTemplate: [{
+                type: ContentChild,
+                args: ['empty', { descendants: false }]
+            }], emptyFilterMessageTemplate: [{
+                type: ContentChild,
+                args: ['emptyfilter', { descendants: false }]
+            }], filterTemplate: [{
+                type: ContentChild,
+                args: ['filter', { descendants: false }]
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: ['header', { 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 }]
+            }], filterIconTemplate: [{
+                type: ContentChild,
+                args: ['filtericon', { descendants: false }]
+            }], templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }] } });
 class OrderListModule {
-    static ɵfac = function OrderListModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OrderListModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: OrderListModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [OrderList, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: OrderListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: OrderListModule, imports: [OrderList, SharedModule], exports: [OrderList, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: OrderListModule, imports: [OrderList, SharedModule, SharedModule] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrderListModule, [{
-        type: NgModule,
-        args: [{
-                imports: [OrderList, SharedModule],
-                exports: [OrderList, SharedModule]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(OrderListModule, { imports: [OrderList, SharedModule], exports: [OrderList, SharedModule] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: OrderListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [OrderList, SharedModule],
+                    exports: [OrderList, SharedModule]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.