@syncfusion/ej2-lists 20.4.48 → 21.1.35

package/dist/es6/ej2-lists.es5.js

@@ -443,11 +443,11 @@ var ListBase;
             var grpItem = {};
             var hdr = 'isHeader';
             grpItem[curFields.text] = ds[j].key;
-            grpItem[hdr] = true;
+            grpItem["" + hdr] = true;
             var newtext = curFields.text;
             if (newtext === 'id') {
                 newtext = 'text';
-                grpItem[newtext] = ds[j].key;
+                grpItem["" + newtext] = ds[j].key;
             }
             grpItem._id = 'group-list-item-' + (ds[j].key ?
                 ds[j].key.toString().trim() : 'undefined');
@@ -706,7 +706,7 @@ var ListBase;
         for (var _i = 0, headerItems_1 = headerItems; _i < headerItems_1.length; _i++) {
             var header = headerItems_1[_i];
             var headerData = {};
-            headerData[category] = header.textContent;
+            headerData["" + category] = header.textContent;
             header.innerHTML = '';
             if (componentInstance && componentInstance.getModuleName() !== "listview") {
                 // eslint-disable-next-line
@@ -1002,11 +1002,11 @@ function getFieldValues(dataItem, fields) {
     else {
         for (var _i = 0, _a = Object.keys(fields); _i < _a.length; _i++) {
             var field = _a[_i];
-            var dataField = fields[field];
+            var dataField = fields["" + field];
             var value = !isNullOrUndefined(dataField) &&
                 typeof (dataField) === 'string' ? getValue(dataField, dataItem) : undefined;
             if (!isNullOrUndefined(value)) {
-                fieldData[dataField] = value;
+                fieldData["" + dataField] = value;
             }
         }
     }
@@ -1396,7 +1396,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             }
             else {
                 var slideLeft = 'SlideLeft';
-                anim = effectsConfig[slideLeft];
+                anim = effectsConfig["" + slideLeft];
                 reverse = this.enableRtl;
                 duration = 0;
             }
@@ -2204,11 +2204,11 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             // eslint-disable-next-line
             for (var _i = 0, _a = Object.keys(this.fields.properties); _i < _a.length; _i++) {
                 var column = _a[_i];
-                if (column !== 'tableName' && !!(this.fields[column]) &&
-                    this.fields[column] !==
-                        ListBase.defaultMappedFields[column]
-                    && columns.indexOf(this.fields[column]) === -1) {
-                    columns.push(this.fields[column]);
+                if (column !== 'tableName' && !!(this.fields["" + column]) &&
+                    this.fields["" + column] !==
+                        ListBase.defaultMappedFields["" + column]
+                    && columns.indexOf(this.fields["" + column]) === -1) {
+                    columns.push(this.fields["" + column]);
                 }
             }
             query.select(columns);
@@ -2384,7 +2384,7 @@ var ListView = /** @__PURE__ @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;
                         }
@@ -3125,6 +3125,14 @@ var Virtualization = /** @__PURE__ @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.
      *
@@ -3494,7 +3502,7 @@ var Virtualization = /** @__PURE__ @class */ (function () {
                 if (this.listViewInstance.showCheckBox) {
                     var indexArray = this.uiIndices.activeIndices;
                     for (var i = 0; i < indexArray.length; i++) {
-                        textCollection.push(curViewDS_2[indexArray[i]][text]);
+                        textCollection.push(curViewDS_2[indexArray[i]]["" + text]);
                         // eslint-disable-next-line
                         dataCollection.push(curViewDS_2[indexArray[i]]);
                     }
@@ -3917,10 +3925,14 @@ var Virtualization = /** @__PURE__ @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
@@ -4203,7 +4215,7 @@ var Virtualization = /** @__PURE__ @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
@@ -4220,6 +4232,22 @@ var Virtualization = /** @__PURE__ @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
@@ -4266,7 +4294,6 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Sortable Module provides support to enable sortable functionality in Dom Elements.
  * ```html
@@ -4285,10 +4312,8 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
  */
 var Sortable = /** @__PURE__ @class */ (function (_super) {
     __extends$1(Sortable, _super);
-    /* es-lint enable  */
     function Sortable(element, options) {
         var _this = _super.call(this, options, element) || this;
-        // eslint-disable-next-line
         _this.getHelper = function (e) {
             // eslint-disable-next-line prefer-const
             var target = _this.getSortableElement(e.sender.target);
@@ -4310,14 +4335,14 @@ var Sortable = /** @__PURE__ @class */ (function (_super) {
         };
         // eslint-disable-next-line
         _this.onDrag = function (e) {
-            if (!e.target)
+            if (!e.target) {
                 return;
+            }
             _this.trigger('drag', { event: e.event, element: _this.element, target: e.target });
             var newInst = _this.getSortableInstance(e.target);
             var target = _this.getSortableElement(e.target, newInst);
             if ((_this.isValidTarget(target, newInst) || e.target.className.indexOf('e-list-group-item') > -1) && (_this.curTarget !== target ||
-                !isNullOrUndefined(newInst.placeHolder)) && (newInst.placeHolderElement ? newInst.placeHolderElement !== e.target :
-                true)) {
+                !isNullOrUndefined(newInst.placeHolder)) && (newInst.placeHolderElement ? newInst.placeHolderElement !== e.target : true)) {
                 if (e.target.className.indexOf('e-list-group-item') > -1) {
                     target = e.target;
                 }
@@ -4471,7 +4496,7 @@ var Sortable = /** @__PURE__ @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;