@syncfusion/ej2-lists 30.2.4 → 31.2.2

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 30.2.4
-*  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
+*  version : 31.2.2
+*  Copyright Syncfusion Inc. 2001 - 2025. 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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-lists",
-  "version": "30.2.4",
+  "version": "31.2.2",
   "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.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,10 +8,10 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-lists.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~30.2.4",
-    "@syncfusion/ej2-buttons": "~30.2.4",
-    "@syncfusion/ej2-data": "~30.2.4",
-    "@syncfusion/ej2-popups": "~30.2.4"
+    "@syncfusion/ej2-base": "~31.2.2",
+    "@syncfusion/ej2-buttons": "~31.2.2",
+    "@syncfusion/ej2-data": "~31.2.2",
+    "@syncfusion/ej2-popups": "~31.2.2"
   },
   "devDependencies": {},
   "keywords": [

package/src/common/list-base.js

@@ -758,7 +758,9 @@ export var ListBase;
      * @returns {string} - The generated ID string.
      */
     function generateId() {
-        return Math.floor((1 + Math.random()) * 0x10000)
+        var array = new Uint32Array(1);
+        window.crypto.getRandomValues(array);
+        return Math.floor((1 + array[0] / (0xFFFFFFFF + 1)) * 0x10000)
             .toString(16)
             .substring(1);
     }

package/styles/bds-lite.css

@@ -48,6 +48,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/bds.css

@@ -48,6 +48,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/bootstrap-dark-lite.css

@@ -30,6 +30,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/bootstrap-dark.css

@@ -30,6 +30,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/bootstrap-lite.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/bootstrap.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/bootstrap4-lite.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/bootstrap4.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/bootstrap5-dark-lite.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/bootstrap5-dark.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/bootstrap5-lite.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/bootstrap5.3-lite.css

@@ -35,6 +35,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/bootstrap5.3.css

@@ -35,6 +35,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/bootstrap5.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/fabric-dark-lite.css

@@ -30,6 +30,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/fabric-dark.css

@@ -30,6 +30,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/fabric-lite.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/fabric.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/fluent-dark-lite.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/fluent-dark.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/fluent-lite.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/fluent.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/fluent2-lite.css

@@ -41,6 +41,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/fluent2.css

@@ -41,6 +41,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/highcontrast-light-lite.css

@@ -30,6 +30,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/highcontrast-light.css

@@ -30,6 +30,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/highcontrast-lite.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/highcontrast.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/list-view/_layout.scss

@@ -88,6 +88,15 @@
         }
       }
 
+      &.e-listview-template {
+        .e-list-item{
+          .e-checkbox{
+            display: flex;
+            align-items: baseline;
+          }
+        }
+      }
+
       & .e-list-parent {
         margin: 0;
         padding: 0;

package/styles/list-view/bds.css

@@ -48,6 +48,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

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

@@ -30,6 +30,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/list-view/bootstrap.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/list-view/bootstrap4.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

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

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

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

@@ -35,6 +35,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

package/styles/list-view/bootstrap5.css

@@ -31,6 +31,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;

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

@@ -30,6 +30,15 @@
   cursor: default;
 }
 
+.e-listview.e-listview-template .e-list-item .e-checkbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+
 .e-listview .e-list-parent {
   margin: 0;
   padding: 0;