@syncfusion/ej2-lists 20.4.48 → 20.4.50

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.48
+*  version : 20.4.50
 *  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-lists@*",
-  "_id": "@syncfusion/ej2-lists@20.4.42",
+  "_id": "@syncfusion/ej2-lists@20.4.48",
   "_inBundle": false,
-  "_integrity": "sha512-2La83YlYGEdCGj7rnTKtbpy/KwSY5hTMHZsgO9RBFu+sgqQvSioVITbYbr7M4RnyaYowC4oZ4on8kD9ZvFtQyA==",
+  "_integrity": "sha512-sixUnbQ4O3qCrAVZsBnjwZUao43Gy0aA2b0i0e1KWOQWrFvfq6oGtM9ENkNf6/2d8l+u7LsYUWOPf3u54PWJ7w==",
   "_location": "/@syncfusion/ej2-lists",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-lists"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-20.4.42.tgz",
-  "_shasum": "3d1612610d03d1797fe903ec06ebd6bebac4b5b6",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-20.4.48.tgz",
+  "_shasum": "6a48873abe498b8543d60051615ae1a2120c036c",
   "_spec": "@syncfusion/ej2-lists@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -44,7 +44,7 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~20.4.48",
-    "@syncfusion/ej2-buttons": "~20.4.48",
+    "@syncfusion/ej2-buttons": "~20.4.50",
     "@syncfusion/ej2-data": "~20.4.48"
   },
   "deprecated": false,
@@ -85,7 +85,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/lists"
   },
   "typings": "index.d.ts",
-  "version": "20.4.48",
+  "version": "20.4.50",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/list-view/list-view.js

@@ -1363,7 +1363,7 @@ var ListView = /** @class */ (function (_super) {
         if (this.enableVirtualization) {
             if (Object.keys(this.dataSource).length) {
                 if ((this.template || this.groupTemplate) && !this.virtualizationModule.isNgTemplate()) {
-                    if (this.isReact) {
+                    if (this.isReact || this.isVue) {
                         if (typeof this.template == "string") {
                             this.listBaseOption.template = null;
                         }

package/src/list-view/virtualization.d.ts

@@ -37,6 +37,12 @@ export declare class Virtualization {
      * @private
      */
     isNgTemplate(): boolean;
+    /**
+     * Checks if the platform is a Vue and its template property is a function type.
+     *
+     * @returns {boolean} indicating the result of the check
+     */
+    private isVueFunctionTemplate;
     /**
      * For internal use only.
      *
@@ -79,6 +85,14 @@ export declare class Virtualization {
     private textProperty;
     reRenderUiVirtualization(): void;
     private updateUI;
+    /**
+     * Handles the UI change in vue for the list view.
+     *
+     * @param {DataSource} newData - The new data source for the list view.
+     * @param {ElementContext} listElement - The HTML element context for the list view.
+     * @param {Virtualization} virtualThis - The virtualization context for the list view.
+     */
+    private onVuechange;
     private onNgChange;
     getModuleName(): string;
     destroy(): void;

package/src/list-view/virtualization.js

@@ -17,6 +17,14 @@ var Virtualization = /** @class */ (function () {
     Virtualization.prototype.isNgTemplate = function () {
         return !isNullOrUndefined(this.listViewInstance.templateRef) && typeof this.listViewInstance.templateRef !== 'string';
     };
+    /**
+     * Checks if the platform is a Vue and its template property is a function type.
+     *
+     * @returns {boolean} indicating the result of the check
+     */
+    Virtualization.prototype.isVueFunctionTemplate = function () {
+        return this.listViewInstance.isVue && typeof this.listViewInstance.template === 'function';
+    };
     /**
      * For internal use only.
      *
@@ -809,10 +817,14 @@ var Virtualization = /** @class */ (function () {
                     this.listViewInstance.template = div.innerHTML;
                 }
             }
+            if (this.isVueFunctionTemplate())
+                return;
             template.innerHTML = this.listViewInstance.template;
             this.listViewInstance.template = virtualTemplate;
         }
         else {
+            if (this.isVueFunctionTemplate())
+                return;
             template.innerHTML = this.listViewInstance.template || commonTemplate;
         }
         // eslint-disable-next-line
@@ -1095,7 +1107,7 @@ var Virtualization = /** @class */ (function () {
     };
     Virtualization.prototype.updateUI = function (element, index, targetElement) {
         // eslint-disable-next-line @typescript-eslint/ban-types
-        var onChange = this.isNgTemplate() ? this.onNgChange : this.onChange;
+        var onChange = this.isNgTemplate() ? this.onNgChange : (this.isVueFunctionTemplate()) ? this.onVuechange : this.onChange;
         if (this.listViewInstance.template || this.listViewInstance.groupTemplate) {
             var curViewDS = this.listViewInstance.curViewDS[index];
             // eslint-disable-next-line
@@ -1112,6 +1124,22 @@ var Virtualization = /** @class */ (function () {
             this.listViewInstance.ulElement.insertBefore(element, targetElement);
         }
     };
+    /**
+     * Handles the UI change in vue for the list view.
+     *
+     * @param {DataSource} newData - The new data source for the list view.
+     * @param {ElementContext} listElement - The HTML element context for the list view.
+     * @param {Virtualization} virtualThis - The virtualization context for the list view.
+     */
+    Virtualization.prototype.onVuechange = function (newData, listElement, virtualThis) {
+        var liItem = ListBase.createListItemFromJson(virtualThis.listViewInstance.createElement, 
+        // eslint-disable-next-line
+        [newData], virtualThis.listViewInstance.listBaseOption, null, null, virtualThis.listViewInstance);
+        while (listElement.lastChild) {
+            listElement.removeChild(listElement.lastChild);
+        }
+        listElement.appendChild(liItem[0].firstChild);
+    };
     Virtualization.prototype.onNgChange = function (newData, listElement, virtualThis) {
         // compile given target element with template for new data
         // eslint-disable-next-line

package/src/sortable/sortable.js

@@ -225,7 +225,7 @@ var Sortable = /** @class */ (function (_super) {
             _this.target = null;
             _this.curTarget = null;
             remove(e.helper);
-            getComponent(_this.element, Draggable).intDestroy(e.event);
+            getComponent(_this.element, 'draggable').intDestroy(e.event);
         };
         _this.bind();
         return _this;