@syncfusion/ej2-lists 25.2.3 → 26.2.4

package/src/list-view/virtualization.js

@@ -34,9 +34,7 @@ var Virtualization = /** @class */ (function () {
         this.wireScrollEvent(false);
         var curViewDS = this.listViewInstance.curViewDS;
         var firstDs = curViewDS.slice(0, 1);
-        this.listViewInstance.ulElement = this.listViewInstance.curUL = ListBase.createList(
-        // eslint-disable-next-line
-        this.listViewInstance.createElement, firstDs, this.listViewInstance.listBaseOption, null, this.listViewInstance);
+        this.listViewInstance.ulElement = this.listViewInstance.curUL = ListBase.createList(this.listViewInstance.createElement, firstDs, this.listViewInstance.listBaseOption, null, this.listViewInstance);
         this.listViewInstance.contentContainer = this.listViewInstance.createElement('div', { className: classNames.container });
         this.listViewInstance.element.appendChild(this.listViewInstance.contentContainer);
         this.listViewInstance.contentContainer.appendChild(this.listViewInstance.ulElement);
@@ -46,9 +44,7 @@ var Virtualization = /** @class */ (function () {
         this.uiFirstIndex = 0;
         this.uiLastIndex = this.domItemCount - 1;
         var otherDs = curViewDS.slice(1, this.domItemCount);
-        var listItems = ListBase.createListItemFromJson(
-        // eslint-disable-next-line
-        this.listViewInstance.createElement, otherDs, this.listViewInstance.listBaseOption, null, null, this.listViewInstance);
+        var listItems = ListBase.createListItemFromJson(this.listViewInstance.createElement, otherDs, this.listViewInstance.listBaseOption, null, null, this.listViewInstance);
         append(listItems, this.listViewInstance.ulElement);
         this.listViewInstance.liCollection = this.listViewInstance.curUL.querySelectorAll('li');
         this.topElement = this.listViewInstance.createElement('div');
@@ -80,31 +76,9 @@ var Virtualization = /** @class */ (function () {
             }
             else {
                 EventHandler.remove(this.listViewInstance.element, 'scroll', this.onVirtualUiScroll);
-                EventHandler.remove(this.listViewInstance.element, 'scroll', this.updateUlContainer);
             }
         }
     };
-    Virtualization.prototype.updateUlContainer = function (e) {
-        var listDiff;
-        var virtualElementContainer = this.listViewInstance.ulElement.querySelector('.' + classNames.virtualElementContainer);
-        if (isNullOrUndefined(this.listViewInstance.liElementHeight)) {
-            this.listViewInstance.updateLiElementHeight();
-        }
-        if (this.listViewInstance.isWindow) {
-            // eslint-disable-next-line
-            listDiff = Math.round(e.target.documentElement.scrollTop / this.listViewInstance.liElementHeight) - 2;
-        }
-        else {
-            // eslint-disable-next-line
-            listDiff = Math.round(e.target.scrollTop / this.listViewInstance.liElementHeight) - 2;
-        }
-        if (((listDiff - 1) * this.listViewInstance.liElementHeight) < 0) {
-            virtualElementContainer.style.top = '0px';
-        }
-        else {
-            virtualElementContainer.style.top = (listDiff) * this.listViewInstance.liElementHeight + 'px';
-        }
-    };
     Virtualization.prototype.ValidateItemCount = function (dataSourceLength) {
         var height = parseFloat(formatUnit(this.listViewInstance.height));
         var itemCount;
@@ -113,7 +87,6 @@ var Virtualization = /** @class */ (function () {
         }
         else {
             if (typeof this.listViewInstance.height === 'string' && this.listViewInstance.height.indexOf('%') !== -1) {
-                // eslint-disable-next-line max-len
                 itemCount = Math.round((this.listViewInstance.element.getBoundingClientRect().height / this.listItemHeight) * listElementCount);
             }
             else {
@@ -132,10 +105,8 @@ var Virtualization = /** @class */ (function () {
             if (this.listViewInstance.showCheckBox && data[i][this.listViewInstance.fields.isChecked]) {
                 this.uiIndices.activeIndices.push(i);
             }
-            // eslint-disable-next-line
-            if (!isNullOrUndefined(data[i][this.listViewInstance.fields.enabled]) &&
+            if (!isNullOrUndefined(data[parseInt(i.toString(), 10)][this.listViewInstance.fields.enabled]) &&
                 !data[i][this.listViewInstance.fields.enabled]) {
-                // eslint-disable-next-line
                 (this.uiIndices.disabledItemIndices.push(i));
             }
         }
@@ -160,7 +131,7 @@ var Virtualization = /** @class */ (function () {
             (pageYOffset - startingHeight)) : ((this.listViewInstance.element.scrollTop - startingHeight) <= 0) ? 0 :
             (this.listViewInstance.element.scrollTop - startingHeight);
     };
-    Virtualization.prototype.onVirtualUiScroll = function (e) {
+    Virtualization.prototype.onVirtualUiScroll = function () {
         var _a;
         var startingHeight;
         var curViewDS = this.listViewInstance.curViewDS;
@@ -235,7 +206,6 @@ var Virtualization = /** @class */ (function () {
         }
     };
     Virtualization.prototype.updateUiContent = function (element, index) {
-        // eslint-disable-next-line
         var curViewDs = this.listViewInstance.curViewDS;
         if (typeof this.listViewInstance.dataSource[0] === 'string' ||
             typeof this.listViewInstance.dataSource[0] === 'number') {
@@ -244,13 +214,10 @@ var Virtualization = /** @class */ (function () {
                 this.listViewInstance.curViewDS[index].toString();
         }
         else {
-            // eslint-disable-next-line
-            element.dataset.uid = (curViewDs[index][this.listViewInstance.fields.id]) ?
-                // eslint-disable-next-line
-                (curViewDs[index][this.listViewInstance.fields.id]) : ListBase.generateId();
+            element.dataset.uid = (curViewDs[parseInt(index.toString(), 10)][this.listViewInstance.fields.id]) ?
+                (curViewDs[parseInt(index.toString(), 10)][this.listViewInstance.fields.id]) : ListBase.generateId();
             element.getElementsByClassName(classNames.listItemText)[0].innerHTML =
-                // eslint-disable-next-line
-                (curViewDs[index][this.listViewInstance.fields.text]);
+                (curViewDs[parseInt(index.toString(), 10)][this.listViewInstance.fields.text]);
         }
         if (this.listViewInstance.showIcon) {
             if (element.querySelector('.' + classNames.listIcon)) {
@@ -353,9 +320,7 @@ var Virtualization = /** @class */ (function () {
         if (!isNullOrUndefined(fields)) {
             ds.some(function (data, index) {
                 if ((fields[_this.listViewInstance.fields.id] &&
-                    // eslint-disable-next-line
                     fields[_this.listViewInstance.fields.id]
-                        // eslint-disable-next-line
                         === (data[_this.listViewInstance.fields.id] && data[_this.listViewInstance.fields.id]) || fields === data)) {
                     resultJSON.index = index;
                     resultJSON.data = data;
@@ -383,7 +348,6 @@ var Virtualization = /** @class */ (function () {
                     }
                     return {
                         text: dataCollection,
-                        // eslint-disable-next-line
                         data: dataCollection,
                         index: this.uiIndices.activeIndices.map(function (index) {
                             return _this.listViewInstance.dataSource.indexOf(curViewDS_1[index]);
@@ -405,15 +369,12 @@ var Virtualization = /** @class */ (function () {
                     var indexArray = this.uiIndices.activeIndices;
                     for (var i = 0; i < indexArray.length; i++) {
                         textCollection.push(curViewDS_2[indexArray[i]]["" + text]);
-                        // eslint-disable-next-line
-                        dataCollection.push(curViewDS_2[indexArray[i]]);
+                        dataCollection.push(curViewDS_2[indexArray[parseInt(i.toString(), 10)]]);
                     }
-                    // eslint-disable-next-line
                     var dataSource_1 = this.listViewInstance.dataSource instanceof DataManager
                         ? curViewDS_2 : this.listViewInstance.dataSource;
                     return {
                         text: textCollection,
-                        // eslint-disable-next-line
                         data: dataCollection,
                         index: this.uiIndices.activeIndices.map(function (index) {
                             return dataSource_1.indexOf(curViewDS_2[index]);
@@ -421,12 +382,10 @@ var Virtualization = /** @class */ (function () {
                     };
                 }
                 else {
-                    // eslint-disable-next-line
                     var dataSource = this.listViewInstance.dataSource instanceof DataManager
                         ? curViewDS_2 : this.listViewInstance.dataSource;
                     return {
                         text: curViewDS_2[this.activeIndex][this.listViewInstance.fields.text],
-                        // eslint-disable-next-line
                         data: curViewDS_2[this.activeIndex],
                         index: dataSource.indexOf(curViewDS_2[this.activeIndex])
                     };
@@ -438,7 +397,6 @@ var Virtualization = /** @class */ (function () {
         }
     };
     Virtualization.prototype.selectItem = function (obj) {
-        // eslint-disable-next-line
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
         if (Object.keys(resutJSON).length) {
             var isSelected = this.activeIndex === resutJSON.index;
@@ -466,7 +424,6 @@ var Virtualization = /** @class */ (function () {
                 }
             }
             else {
-                // eslint-disable-next-line
                 var eventArgs = void 0;
                 if (typeof this.listViewInstance.dataSource[0] === 'string' ||
                     typeof this.listViewInstance.dataSource[0] === 'number') {
@@ -500,28 +457,24 @@ var Virtualization = /** @class */ (function () {
         }
     };
     Virtualization.prototype.enableItem = function (obj) {
-        // eslint-disable-next-line
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
         if (Object.keys(resutJSON).length) {
             this.uiIndices.disabledItemIndices.splice(this.uiIndices.disabledItemIndices.indexOf(resutJSON.index), 1);
         }
     };
     Virtualization.prototype.disableItem = function (obj) {
-        // eslint-disable-next-line
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
         if (Object.keys(resutJSON).length && this.uiIndices.disabledItemIndices.indexOf(resutJSON.index) === -1) {
             this.uiIndices.disabledItemIndices.push(resutJSON.index);
         }
     };
     Virtualization.prototype.showItem = function (obj) {
-        // eslint-disable-next-line
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
         if (Object.keys(resutJSON).length) {
             this.uiIndices.hiddenItemIndices.splice(this.uiIndices.hiddenItemIndices.indexOf(resutJSON.index), 1);
         }
     };
     Virtualization.prototype.hideItem = function (obj) {
-        // eslint-disable-next-line
         var resutJSON = this.findDSAndIndexFromId(this.listViewInstance.curViewDS, obj);
         if (Object.keys(resutJSON).length && this.uiIndices.hiddenItemIndices.indexOf(resutJSON.index) === -1) {
             this.uiIndices.hiddenItemIndices.push(resutJSON.index);
@@ -530,7 +483,6 @@ var Virtualization = /** @class */ (function () {
     Virtualization.prototype.removeItem = function (obj) {
         var dataSource;
         var curViewDS = this.listViewInstance.curViewDS;
-        // eslint-disable-next-line
         var resutJSON = this.findDSAndIndexFromId(curViewDS, obj);
         if (Object.keys(resutJSON).length) {
             dataSource = resutJSON.data;
@@ -751,7 +703,6 @@ var Virtualization = /** @class */ (function () {
                 }
             }
             else {
-                // eslint-disable-next-line
                 var index_2 = this.listViewInstance.curViewDS.indexOf(currentItem);
                 // virtually new add list item based on the scollbar position
                 this.addUiItem(index_2);
@@ -766,9 +717,7 @@ var Virtualization = /** @class */ (function () {
     Virtualization.prototype.createAndInjectNewItem = function (itemData, index) {
         // generate li item for given datasource
         var target;
-        var li = ListBase.createListItemFromJson(this.listViewInstance.createElement, 
-        // eslint-disable-next-line
-        [itemData], this.listViewInstance.listBaseOption, null, null, this.listViewInstance);
+        var li = ListBase.createListItemFromJson(this.listViewInstance.createElement, [itemData], this.listViewInstance.listBaseOption, null, null, this.listViewInstance);
         // check for target element whether to insert before last item or group item
         if ((Object.keys(this.listViewInstance.curViewDS).length - 1) === index) {
             target = this.listViewInstance.curUL.lastElementChild;
@@ -801,7 +750,6 @@ var Virtualization = /** @class */ (function () {
             this.templateData = args.curData.isHeader ? args.curData.items[0] :
                 args.curData;
             if (this.listViewInstance.showCheckBox) {
-                // eslint-disable-next-line
                 this.listViewInstance.renderCheckbox(args);
                 if ((!isNullOrUndefined(this.listViewInstance.virtualCheckBox)) &&
                     (!isNullOrUndefined(this.listViewInstance.virtualCheckBox.outerHTML))) {
@@ -857,9 +805,7 @@ var Virtualization = /** @class */ (function () {
         var onChange = this.isNgTemplate() ? this.onNgChange : this.onChange;
         if (this.listViewInstance.template || this.listViewInstance.groupTemplate) {
             var curViewDS = this.listViewInstance.curViewDS[index];
-            // eslint-disable-next-line
             element.dataset.uid = (curViewDS[this.listViewInstance.fields.id]) ?
-                // eslint-disable-next-line
                 (curViewDS[this.listViewInstance.fields.id]) : ListBase.generateId();
             onChange(curViewDS, element, this);
         }
@@ -880,9 +826,7 @@ var Virtualization = /** @class */ (function () {
      * @returns {void}
      */
     Virtualization.prototype.onChange = function (newData, listElement, virtualThis) {
-        var liItem = ListBase.createListItemFromJson(virtualThis.listViewInstance.createElement, 
-        // eslint-disable-next-line
-        [newData], virtualThis.listViewInstance.listBaseOption, null, null, virtualThis.listViewInstance);
+        var liItem = ListBase.createListItemFromJson(virtualThis.listViewInstance.createElement, [newData], virtualThis.listViewInstance.listBaseOption, null, null, virtualThis.listViewInstance);
         if (virtualThis.listViewInstance.isReact) {
             virtualThis.listViewInstance.renderReactTemplates();
         }

package/src/sortable/sortable.d.ts

@@ -118,6 +118,11 @@ export declare class Sortable extends Base<HTMLElement> implements INotifyProper
 /**
  * It is used to sort array of elements from source element to destination element.
  *
+ * @param {HTMLElement} from - The source element from which to move elements.
+ * @param {HTMLElement} [to=from] - The destination element to which to move elements. Defaults to the source element.
+ * @param {number[]} [targetIndexes] - The indexes of elements to move. If not provided, all children of the source element will be moved.
+ * @param {number} [insertBefore] - The index before which to insert the moved elements in the destination element. If not provided, elements will be appended to the end of the destination element.
+ * @returns {void}
  * @private
  */
 export declare function moveTo(from: HTMLElement, to?: HTMLElement, targetIndexes?: number[], insertBefore?: number): void;

package/src/sortable/sortable.js

@@ -20,6 +20,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Base, Event, getUniqueID, NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';
 import { closest, Draggable, remove, compareElementParent } from '@syncfusion/ej2-base';
 import { addClass, isNullOrUndefined, getComponent, isBlazor, EventHandler } from '@syncfusion/ej2-base';
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Sortable Module provides support to enable sortable functionality in Dom Elements.
  * ```html
@@ -41,7 +42,6 @@ var Sortable = /** @class */ (function (_super) {
     function Sortable(element, options) {
         var _this = _super.call(this, options, element) || this;
         _this.getHelper = function (e) {
-            // eslint-disable-next-line prefer-const
             var target = _this.getSortableElement(e.sender.target);
             if (!_this.isValidTarget(target, _this)) {
                 return false;
@@ -59,7 +59,6 @@ var Sortable = /** @class */ (function (_super) {
             document.body.appendChild(element);
             return element;
         };
-        // eslint-disable-next-line
         _this.onDrag = function (e) {
             if (!e.target) {
                 return;
@@ -137,7 +136,6 @@ var Sortable = /** @class */ (function (_super) {
                 });
             }
         };
-        // eslint-disable-next-line
         _this.onDragStart = function (e) {
             _this.target = _this.getSortableElement(e.target);
             var cancelDrag = false;
@@ -164,11 +162,10 @@ var Sortable = /** @class */ (function (_super) {
                 _this.trigger('dragStart', { event: e.event, element: _this.element, target: _this.target });
             }
         };
-        // eslint-disable-next-line
         _this.onDragStop = function (e) {
             var dropInst = _this.getSortableInstance(_this.curTarget);
-            var prevIdx;
             var curIdx;
+            var prevIdx;
             var handled;
             prevIdx = _this.getIndex(_this.target);
             var isPlaceHolderPresent = _this.isPlaceHolderPresent(dropInst);
@@ -199,12 +196,17 @@ var Sortable = /** @class */ (function (_super) {
                 });
             }
             dropInst = _this.getSortableInstance(e.target);
-            // eslint-disable-next-line prefer-const
             curIdx = dropInst.element.childElementCount;
             prevIdx = _this.getIndex(_this.target);
+            if (dropInst.element.querySelector('.e-list-nrt')) {
+                curIdx = curIdx - 1;
+            }
+            if (_this.curTarget === _this.target && e.target === _this.curTarget) {
+                curIdx = prevIdx;
+            }
             if (dropInst.element === e.target || (!isPlaceHolderPresent && _this.curTarget === _this.target)) {
                 var beforeDropArgs = {
-                    previousIndex: prevIdx, currentIndex: _this.curTarget === _this.target ? prevIdx : curIdx,
+                    previousIndex: prevIdx, currentIndex: curIdx,
                     target: e.target, droppedElement: _this.target, helper: e.helper, cancel: false
                 };
                 _this.trigger('beforeDrop', beforeDropArgs, function (observedArgs) {
@@ -452,6 +454,11 @@ export { Sortable };
 /**
  * It is used to sort array of elements from source element to destination element.
  *
+ * @param {HTMLElement} from - The source element from which to move elements.
+ * @param {HTMLElement} [to=from] - The destination element to which to move elements. Defaults to the source element.
+ * @param {number[]} [targetIndexes] - The indexes of elements to move. If not provided, all children of the source element will be moved.
+ * @param {number} [insertBefore] - The index before which to insert the moved elements in the destination element. If not provided, elements will be appended to the end of the destination element.
+ * @returns {void}
  * @private
  */
 export function moveTo(from, to, targetIndexes, insertBefore) {