@syncfusion/ej2-dropdowns 20.2.38 → 20.2.39

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.38
+*  version : 20.2.39
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@20.2.36",
+  "_id": "@syncfusion/ej2-dropdowns@20.2.38",
   "_inBundle": false,
-  "_integrity": "sha512-FIb8PB6MB7ysZ/9APPUDJuKfxqouD9wirgEFqGA7DETAyvNECCi4dW8ZnW8sBL0YlaXPhNr9o+vKhFDn7/fR9g==",
+  "_integrity": "sha512-esARP7N6ozJ55pHM3IbwOPxXLAUr4JQJ1F41XQ28cikHPb6zwS+zxbQQpRMDLAsGyxjdOKKdQnp9IV14f6vNEA==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.2.36.tgz",
-  "_shasum": "594959e4b506524cda286728dfbb611e7e67b217",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.2.38.tgz",
+  "_shasum": "a070ae0bc672b289eb8090a0168168e9fd45decf",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -45,9 +45,9 @@
     "@syncfusion/ej2-base": "~20.2.38",
     "@syncfusion/ej2-data": "~20.2.38",
     "@syncfusion/ej2-inputs": "~20.2.38",
-    "@syncfusion/ej2-lists": "~20.2.38",
-    "@syncfusion/ej2-navigations": "~20.2.38",
-    "@syncfusion/ej2-popups": "~20.2.38"
+    "@syncfusion/ej2-lists": "~20.2.39",
+    "@syncfusion/ej2-navigations": "~20.2.39",
+    "@syncfusion/ej2-popups": "~20.2.39"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -72,6 +72,6 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "20.2.38",
+  "version": "20.2.39",
   "sideEffects": false
 }

package/src/list-box/list-box.d.ts

@@ -320,7 +320,7 @@ export declare class ListBox extends DropDownBase {
     private initDraggable;
     protected updateActionCompleteData(li: HTMLElement, item: {
         [key: string]: Object;
-    }): void;
+    }, index: number): void;
     private initToolbar;
     private createButtons;
     protected validationAttribute(input: HTMLInputElement, hiddenSelect: HTMLSelectElement): void;

package/src/list-box/list-box.js

@@ -210,8 +210,8 @@ var ListBox = /** @class */ (function (_super) {
             });
         }
     };
-    ListBox.prototype.updateActionCompleteData = function (li, item) {
-        this.jsonData.push(item);
+    ListBox.prototype.updateActionCompleteData = function (li, item, index) {
+        this.jsonData.splice(index, 0, item);
     };
     ListBox.prototype.initToolbar = function () {
         var pos = this.toolbarSettings.position;
@@ -756,7 +756,7 @@ var ListBox = /** @class */ (function (_super) {
             var objValue = void 0;
             var dupData = [];
             var itemIdx = void 0;
-            extend(dupData, [], this.listData);
+            extend(dupData, [], this.jsonData);
             var removeIdxes = [];
             var removeLiIdxes = [];
             for (var j = 0; j < items.length; j++) {

package/styles/bootstrap-dark.css

@@ -2737,6 +2737,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/bootstrap.css

@@ -2736,6 +2736,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/bootstrap4.css

@@ -2919,6 +2919,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/bootstrap5-dark.css

@@ -2899,6 +2899,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/bootstrap5.css

@@ -2899,6 +2899,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/fabric-dark.css

@@ -2716,6 +2716,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/fabric.css

@@ -2710,6 +2710,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/fluent-dark.css

@@ -2969,6 +2969,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/fluent.css

@@ -2969,6 +2969,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/highcontrast-light.css

@@ -2820,6 +2820,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/highcontrast.css

@@ -2826,6 +2826,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/_layout.scss

@@ -398,6 +398,15 @@
     }
   }
 
+  // Blazor listbox class
+  .e-listboxtool-container .e-left {
+    flex-direction: row-reverse;
+  }
+
+  .e-listboxtool-wrapper .e-left {
+    flex-direction: column-reverse;
+  }
+
   .e-rtl.e-listboxtool-wrapper,
   .e-rtl.e-listboxtool-container {
     &.e-right {

package/styles/list-box/bootstrap-dark.css

@@ -408,6 +408,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/bootstrap.css

@@ -412,6 +412,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/bootstrap4.css

@@ -430,6 +430,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/bootstrap5-dark.css

@@ -438,6 +438,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/bootstrap5.css

@@ -438,6 +438,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/fabric-dark.css

@@ -408,6 +408,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/fabric.css

@@ -412,6 +412,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/fluent-dark.css

@@ -438,6 +438,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/fluent.css

@@ -438,6 +438,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/highcontrast-light.css

@@ -422,6 +422,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/highcontrast.css

@@ -426,6 +426,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/material-dark.css

@@ -408,6 +408,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/material.css

@@ -412,6 +412,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/tailwind-dark.css

@@ -448,6 +448,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/list-box/tailwind.css

@@ -448,6 +448,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/material-dark.css

@@ -4203,6 +4203,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/material.css

@@ -4260,6 +4260,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/tailwind-dark.css

@@ -2907,6 +2907,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;

package/styles/tailwind.css

@@ -2907,6 +2907,16 @@ ejs-listbox {
   top: 30%;
 }
 
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;