@syncfusion/ej2-lists 29.1.34 → 29.1.40

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 29.1.33
+*  version : 29.1.40
 *  Copyright Syncfusion Inc. 2001 - 2024. 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,22 +1,24 @@
 {
-  "_from": "@syncfusion/ej2-lists@~29.1.33",
+  "_from": "@syncfusion/ej2-lists@*",
   "_id": "@syncfusion/ej2-lists@29.1.33",
   "_inBundle": false,
-  "_integrity": "sha512-KF3pD4otqHOz0ipAaWuux5/WQctaxc1aBgPeUNht6KEmrjT5ZlGmVe7aQVgm5siYfwom3CaZJCQkA8qvoe6SpQ==",
+  "_integrity": "sha512-Jw1Y5kM/yqwAA5SeWjfgNvp3KV9damX6E4yXhLpqcj1d181YxXkKc8Z+DTY+Gq2sncFF2k14prz3//E240knZA==",
   "_location": "/@syncfusion/ej2-lists",
   "_phantomChildren": {},
   "_requested": {
     "type": "range",
     "registry": true,
-    "raw": "@syncfusion/ej2-lists@~29.1.33",
+    "raw": "@syncfusion/ej2-lists@*",
     "name": "@syncfusion/ej2-lists",
     "escapedName": "@syncfusion%2fej2-lists",
     "scope": "@syncfusion",
-    "rawSpec": "~29.1.33",
+    "rawSpec": "*",
     "saveSpec": null,
-    "fetchSpec": "~29.1.33"
+    "fetchSpec": "*"
   },
   "_requiredBy": [
+    "/",
+    "/@syncfusion/ej2",
     "/@syncfusion/ej2-angular-lists",
     "/@syncfusion/ej2-calendars",
     "/@syncfusion/ej2-diagrams",
@@ -24,32 +26,33 @@
     "/@syncfusion/ej2-filemanager",
     "/@syncfusion/ej2-gantt",
     "/@syncfusion/ej2-grids",
+    "/@syncfusion/ej2-inplace-editor",
     "/@syncfusion/ej2-navigations",
+    "/@syncfusion/ej2-pdfviewer",
     "/@syncfusion/ej2-pivotview",
     "/@syncfusion/ej2-react-lists",
     "/@syncfusion/ej2-ribbon",
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-lists"
   ],
-  "_resolved": "https://registry.npmjs.org/@syncfusion/ej2-lists/-/ej2-lists-29.1.33.tgz",
-  "_shasum": "5aac2e3b72e13b4ade890e47f8721007c422ddb8",
-  "_spec": "@syncfusion/ej2-lists@~29.1.33",
-  "_where": "E:\\march2025\\memory-leaks\\node_modules\\@syncfusion\\ej2-diagrams",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-29.1.33.tgz",
+  "_shasum": "16351a93150e8d50bea2b8f1e14d5f1545858680",
+  "_spec": "@syncfusion/ej2-lists@*",
+  "_where": "/jenkins/workspace/elease-automation_release_29.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~29.1.33",
-    "@syncfusion/ej2-buttons": "~29.1.33",
+    "@syncfusion/ej2-base": "~29.1.36",
+    "@syncfusion/ej2-buttons": "~29.1.34",
     "@syncfusion/ej2-data": "~29.1.33",
-    "@syncfusion/ej2-popups": "~29.1.33"
+    "@syncfusion/ej2-popups": "~29.1.37"
   },
   "deprecated": false,
   "description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views.",
   "devDependencies": {},
   "es2015": "./dist/es6/ej2-lists.es5.js",
-  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
   "keywords": [
     "ej2",
     "Syncfusion",
@@ -83,7 +86,8 @@
     "type": "git",
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/lists"
   },
-  "sideEffects": false,
   "typings": "index.d.ts",
-  "version": "29.1.34"
-}
+  "version": "29.1.40",
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
+}

package/src/sortable/sortable-model.d.ts

@@ -1,4 +1,4 @@
-import { Base, Event, getUniqueID, NotifyPropertyChanges, INotifyPropertyChanged, Property } from '@syncfusion/ej2-base';import { closest, Draggable, DragPosition, MouseEventArgs, remove, compareElementParent } from '@syncfusion/ej2-base';import { addClass, isNullOrUndefined, getComponent, isBlazor, BlazorDragEventArgs, EventHandler } from '@syncfusion/ej2-base';
+import { Base, Event, getUniqueID, NotifyPropertyChanges, INotifyPropertyChanged, Property, detach, Browser } from '@syncfusion/ej2-base';import { closest, Draggable, DragPosition, MouseEventArgs, remove, compareElementParent } from '@syncfusion/ej2-base';import { addClass, isNullOrUndefined, getComponent, isBlazor, BlazorDragEventArgs, EventHandler } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class Sortable

package/src/sortable/sortable.js

@@ -17,7 +17,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
 };
-import { Base, Event, getUniqueID, NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';
+import { Base, Event, getUniqueID, NotifyPropertyChanges, Property, detach, Browser } 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 */
@@ -136,6 +136,11 @@ var Sortable = /** @class */ (function (_super) {
         };
         _this.onDragStart = function (e) {
             _this.target = _this.getSortableElement(e.target);
+            if (isNullOrUndefined(_this.target) && closest(_this.element, '.e-listbox-container') && Browser.isDevice) {
+                detach(e.dragElement);
+                getComponent(_this.element, 'draggable').intDestroy(e.event);
+                return;
+            }
             var cancelDrag = false;
             _this.target.classList.add('e-grabbed');
             _this.curTarget = _this.target;
@@ -185,7 +190,9 @@ var Sortable = /** @class */ (function (_super) {
                         }
                         dropInst.element.insertBefore(_this.target, dropInst.placeHolderElement);
                         var curIdx_2 = _this.getIndex(_this.target, dropInst);
-                        prevIdx = _this === dropInst && (prevIdx - curIdx_2) >= 1 ? prevIdx - 1 : prevIdx;
+                        if (observedArgs.currentIndex > observedArgs.previousIndex) {
+                            prevIdx = _this === dropInst && (prevIdx - curIdx_2) >= 1 ? prevIdx - 1 : prevIdx;
+                        }
                         _this.trigger('drop', {
                             event: e.event, element: dropInst.element, previousIndex: prevIdx, currentIndex: curIdx_2,
                             target: e.target, helper: e.helper, droppedElement: _this.target, scopeName: _this.scope, handled: handled

package/styles/bootstrap5.3-lite.css

@@ -348,6 +348,10 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-listview.e-list-template .e-list-item.e-focused .e-list-wrapper.e-list-multi-line .e-list-item-header,
+.e-listview.e-list-template .e-list-item.e-focused .e-list-wrapper.e-list-multi-line .e-list-content {
+  color: var(--color-sf-content-text-color-selected);
+}
 .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header, .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
   color: var(--color-sf-content-text-color-hover);
 }

package/styles/bootstrap5.3.css

@@ -348,6 +348,10 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-listview.e-list-template .e-list-item.e-focused .e-list-wrapper.e-list-multi-line .e-list-item-header,
+.e-listview.e-list-template .e-list-item.e-focused .e-list-wrapper.e-list-multi-line .e-list-content {
+  color: var(--color-sf-content-text-color-selected);
+}
 .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header, .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
   color: var(--color-sf-content-text-color-hover);
 }

package/styles/list-view/_theme.scss

@@ -264,7 +264,7 @@
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/styles/list-view/bootstrap5.3.css

@@ -348,6 +348,10 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.e-listview.e-list-template .e-list-item.e-focused .e-list-wrapper.e-list-multi-line .e-list-item-header,
+.e-listview.e-list-template .e-list-item.e-focused .e-list-wrapper.e-list-multi-line .e-list-content {
+  color: var(--color-sf-content-text-color-selected);
+}
 .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header, .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
   color: var(--color-sf-content-text-color-hover);
 }