@syncfusion/ej2-lists 31.2.2 → 32.1.19

package/dist/global/index.d.ts

@@ -1,12 +1,3 @@
-/*!
-*  filename: index.d.ts
-*  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
-*  applicable laws. 
-*/
 import * as _lists from '@syncfusion/ej2-lists';
 
 export declare namespace ej {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-lists",
-  "version": "31.2.2",
+  "version": "32.1.19",
   "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": "~31.2.2",
-    "@syncfusion/ej2-buttons": "~31.2.2",
-    "@syncfusion/ej2-data": "~31.2.2",
-    "@syncfusion/ej2-popups": "~31.2.2"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-buttons": "~32.1.19",
+    "@syncfusion/ej2-data": "~32.1.19",
+    "@syncfusion/ej2-popups": "~32.1.19"
   },
   "devDependencies": {},
   "keywords": [

package/src/common/list-base.js

@@ -987,15 +987,22 @@ export var ListBase;
             }
         }
         else if (!grpLI && options && options.template) {
-            var compiledString = compileTemplate(options.template);
             if (componentInstance && componentInstance.getModuleName() !== 'listview') {
+                var compiledString = compileTemplate(options.template);
                 var compiledElement = compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate, null, li);
                 if (compiledElement) {
                     append(compiledElement, li);
                 }
             }
             else {
-                append(compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate), li);
+                // For spreadsheet comment templates, call the template function directly instead of relying on compiled string.
+                if (componentInstance && componentInstance.isInternalTemplate) {
+                    append(options.template(item), li);
+                }
+                else {
+                    var compiledString = compileTemplate(options.template);
+                    append(compiledString(item, componentInstance, 'template', curOpt.templateID, !!curOpt.isStringTemplate), li);
+                }
             }
         }
         else {

package/styles/bds-lite.scss

@@ -1,7 +1,6 @@
-@import 'ej2-base/styles/definition/bds.scss';
-@import 'ej2-buttons/styles/check-box/bds-definition.scss';
-@import 'list-view/bds-definition.scss';
-@import 'list-view/icons/bds.scss';
-@import 'list-view/all.scss';
-@import 'sortable/bds-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-buttons/styles/check-box/bds-definition' as *;
+@use 'list-view/bds-definition' as *;
+@use 'list-view/icons/bds' as *;
+@use 'list-view/all' as *;
+@use 'sortable/bds-definition' as *;
+@use 'sortable/all' as *;

package/styles/bds.css

@@ -499,14 +499,14 @@
 }
 .e-bigger .e-listview .e-list-icon,
 .e-listview.e-bigger .e-list-icon {
-  height: 24px;
+  height: 48px;
   width: 24px;
   margin-right: 5px;
 }
 .e-bigger .e-listview .e-icon-collapsible,
 .e-listview.e-bigger .e-icon-collapsible {
   font-size: 24px;
-  height: 24px;
+  height: 48px;
   width: 24px;
 }
 .e-bigger .e-listview .e-listview-checkbox.e-checkbox-left,

package/styles/bds.scss

@@ -1,8 +1,7 @@
-@import 'ej2-base/styles/definition/bds.scss';
-@import 'ej2-buttons/styles/check-box/bds-definition.scss';
-@import 'list-view/bds-definition.scss';
-@import 'list-view/icons/bds.scss';
-@import 'list-view/all.scss';
-@import 'list-view/bigger.scss';
-@import 'sortable/bds-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-buttons/styles/check-box/bds-definition' as *;
+@use 'list-view/bds-definition' as *;
+@use 'list-view/icons/bds' as *;
+@use 'list-view/all' as *;
+@use 'list-view/bigger' as *;
+@use 'sortable/bds-definition' as *;
+@use 'sortable/all' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1,7 +1,6 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
-@import 'list-view/bootstrap-dark-definition.scss';
-@import 'list-view/icons/bootstrap-dark.scss';
-@import 'list-view/all.scss';
-@import 'sortable/bootstrap-dark-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-buttons/styles/check-box/bootstrap-dark-definition' as *;
+@use 'list-view/bootstrap-dark-definition' as *;
+@use 'list-view/icons/bootstrap-dark' as *;
+@use 'list-view/all' as *;
+@use 'sortable/bootstrap-dark-definition' as *;
+@use 'sortable/all' as *;

package/styles/bootstrap-dark.scss

@@ -1,8 +1,7 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
-@import 'list-view/bootstrap-dark-definition.scss';
-@import 'list-view/icons/bootstrap-dark.scss';
-@import 'list-view/all.scss';
-@import 'list-view/bigger.scss';
-@import 'sortable/bootstrap-dark-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-buttons/styles/check-box/bootstrap-dark-definition' as *;
+@use 'list-view/bootstrap-dark-definition' as *;
+@use 'list-view/icons/bootstrap-dark' as *;
+@use 'list-view/all' as *;
+@use 'list-view/bigger' as *;
+@use 'sortable/bootstrap-dark-definition' as *;
+@use 'sortable/all' as *;

package/styles/bootstrap-lite.scss

@@ -1,7 +1,6 @@
-@import 'ej2-base/styles/definition/bootstrap.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-definition.scss';
-@import 'list-view/bootstrap-definition.scss';
-@import 'list-view/icons/bootstrap.scss';
-@import 'list-view/all.scss';
-@import 'sortable/bootstrap-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-buttons/styles/check-box/bootstrap-definition' as *;
+@use 'list-view/bootstrap-definition' as *;
+@use 'list-view/icons/bootstrap' as *;
+@use 'list-view/all' as *;
+@use 'sortable/bootstrap-definition' as *;
+@use 'sortable/all' as *;

package/styles/bootstrap.scss

@@ -1,8 +1,7 @@
-@import 'ej2-base/styles/definition/bootstrap.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-definition.scss';
-@import 'list-view/bootstrap-definition.scss';
-@import 'list-view/icons/bootstrap.scss';
-@import 'list-view/all.scss';
-@import 'list-view/bigger.scss';
-@import 'sortable/bootstrap-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-buttons/styles/check-box/bootstrap-definition' as *;
+@use 'list-view/bootstrap-definition' as *;
+@use 'list-view/icons/bootstrap' as *;
+@use 'list-view/all' as *;
+@use 'list-view/bigger' as *;
+@use 'sortable/bootstrap-definition' as *;
+@use 'sortable/all' as *;

package/styles/bootstrap4-lite.scss

@@ -1,7 +1,6 @@
-@import 'ej2-base/styles/definition/bootstrap4.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
-@import 'list-view/bootstrap4-definition.scss';
-@import 'list-view/icons/bootstrap4.scss';
-@import 'list-view/all.scss';
-@import 'sortable/bootstrap4-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-buttons/styles/check-box/bootstrap4-definition' as *;
+@use 'list-view/bootstrap4-definition' as *;
+@use 'list-view/icons/bootstrap4' as *;
+@use 'list-view/all' as *;
+@use 'sortable/bootstrap4-definition' as *;
+@use 'sortable/all' as *;

package/styles/bootstrap4.scss

@@ -1,8 +1,7 @@
-@import 'ej2-base/styles/definition/bootstrap4.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
-@import 'list-view/bootstrap4-definition.scss';
-@import 'list-view/icons/bootstrap4.scss';
-@import 'list-view/all.scss';
-@import 'list-view/bigger.scss';
-@import 'sortable/bootstrap4-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-buttons/styles/check-box/bootstrap4-definition' as *;
+@use 'list-view/bootstrap4-definition' as *;
+@use 'list-view/icons/bootstrap4' as *;
+@use 'list-view/all' as *;
+@use 'list-view/bigger' as *;
+@use 'sortable/bootstrap4-definition' as *;
+@use 'sortable/all' as *;

package/styles/bootstrap5-dark-lite.css

@@ -423,7 +423,6 @@
   padding-right: 16px;
 }
 
-/* stylelint-disable-line no-empty-source */
 .e-sortable {
   outline: none;
   position: relative;

package/styles/bootstrap5-dark-lite.scss

@@ -1,7 +1,6 @@
-@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
-@import 'list-view/bootstrap5-dark-definition.scss';
-@import 'list-view/icons/bootstrap5-dark.scss';
-@import 'list-view/all.scss';
-@import 'sortable/bootstrap5-dark-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-buttons/styles/check-box/bootstrap5-dark-definition' as *;
+@use 'list-view/bootstrap5-dark-definition' as *;
+@use 'list-view/icons/bootstrap5-dark' as *;
+@use 'list-view/all' as *;
+@use 'sortable/bootstrap5-dark-definition' as *;
+@use 'sortable/all' as *;

package/styles/bootstrap5-dark.css

@@ -471,7 +471,6 @@
   width: calc(100% - 40px);
 }
 
-/* stylelint-disable-line no-empty-source */
 .e-sortable {
   outline: none;
   position: relative;

package/styles/bootstrap5-dark.scss

@@ -1,8 +1,7 @@
-@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
-@import 'list-view/bootstrap5-dark-definition.scss';
-@import 'list-view/icons/bootstrap5-dark.scss';
-@import 'list-view/all.scss';
-@import 'list-view/bigger.scss';
-@import 'sortable/bootstrap5-dark-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-buttons/styles/check-box/bootstrap5-dark-definition' as *;
+@use 'list-view/bootstrap5-dark-definition' as *;
+@use 'list-view/icons/bootstrap5-dark' as *;
+@use 'list-view/all' as *;
+@use 'list-view/bigger' as *;
+@use 'sortable/bootstrap5-dark-definition' as *;
+@use 'sortable/all' as *;

package/styles/bootstrap5-lite.scss

@@ -1,7 +1,7 @@
-@import 'ej2-base/styles/definition/bootstrap5.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
-@import 'list-view/bootstrap5-definition.scss';
-@import 'list-view/icons/bootstrap5.scss';
-@import 'list-view/all.scss';
-@import 'sortable/bootstrap5-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-base/styles/definition/bootstrap5' as *;
+@use 'ej2-buttons/styles/check-box/bootstrap5-definition' as *;
+@use 'list-view/bootstrap5-definition' as *;
+@use 'list-view/icons/bootstrap5' as *;
+@use 'list-view/all' as *;
+@use 'sortable/bootstrap5-definition' as *;
+@use 'sortable/all' as *;

package/styles/bootstrap5.3-lite.css

@@ -2,6 +2,86 @@
 
 
 
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-icon-collapsible::before {
   content: "\e748";
 }
@@ -15,7 +95,7 @@
 .e-listview {
   -webkit-overflow-scrolling: touch;
   border: 1px solid;
-  border-radius: 4px;
+  border-radius: calc(var(--e-radius) * 0.25);
   display: block;
   overflow: auto;
   position: relative;
@@ -209,7 +289,7 @@
   margin-top: 0;
 }
 .e-listview.e-rtl .e-checkbox .e-checkbox-left {
-  margin: -2px 0 0 8px;
+  margin: -2px 0 0 8;
 }
 .e-listview.e-rtl .e-checkbox .e-checkbox-right {
   margin: -2px 8px 0 0;
@@ -225,7 +305,7 @@
 
 .e-listview {
   border-color: var(--color-sf-border-light);
-  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
+  font-family: var(--e-font-family);
   font-size: 14px;
 }
 .e-listview .e-list-header {

package/styles/bootstrap5.3-lite.scss

@@ -1,7 +1,7 @@
-@import 'ej2-base/styles/definition/bootstrap5.3.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5.3-definition.scss';
-@import 'list-view/bootstrap5.3-definition.scss';
-@import 'list-view/icons/bootstrap5.3.scss';
-@import 'list-view/all.scss';
-@import 'sortable/bootstrap5.3-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-base/styles/definition/bootstrap5.3' as *;
+@use 'ej2-buttons/styles/check-box/bootstrap5.3-definition' as *;
+@use 'list-view/bootstrap5.3-definition' as *;
+@use 'list-view/icons/bootstrap5.3' as *;
+@use 'list-view/all' as *;
+@use 'sortable/bootstrap5.3-definition' as *;
+@use 'sortable/all' as *;

package/styles/bootstrap5.3.css

@@ -2,6 +2,86 @@
 
 
 
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-icon-collapsible::before {
   content: "\e748";
 }
@@ -15,7 +95,7 @@
 .e-listview {
   -webkit-overflow-scrolling: touch;
   border: 1px solid;
-  border-radius: 4px;
+  border-radius: calc(var(--e-radius) * 0.25);
   display: block;
   overflow: auto;
   position: relative;
@@ -209,7 +289,7 @@
   margin-top: 0;
 }
 .e-listview.e-rtl .e-checkbox .e-checkbox-left {
-  margin: -2px 0 0 8px;
+  margin: -2px 0 0 8;
 }
 .e-listview.e-rtl .e-checkbox .e-checkbox-right {
   margin: -2px 8px 0 0;
@@ -225,7 +305,7 @@
 
 .e-listview {
   border-color: var(--color-sf-border-light);
-  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
+  font-family: var(--e-font-family);
   font-size: 14px;
 }
 .e-listview .e-list-header {

package/styles/bootstrap5.3.scss

@@ -1,8 +1,8 @@
-@import 'ej2-base/styles/definition/bootstrap5.3.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5.3-definition.scss';
-@import 'list-view/bootstrap5.3-definition.scss';
-@import 'list-view/icons/bootstrap5.3.scss';
-@import 'list-view/all.scss';
-@import 'list-view/bigger.scss';
-@import 'sortable/bootstrap5.3-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-base/styles/definition/bootstrap5.3' as *;
+@use 'ej2-buttons/styles/check-box/bootstrap5.3-definition' as *;
+@use 'list-view/bootstrap5.3-definition' as *;
+@use 'list-view/icons/bootstrap5.3' as *;
+@use 'list-view/all' as *;
+@use 'list-view/bigger' as *;
+@use 'sortable/bootstrap5.3-definition' as *;
+@use 'sortable/all' as *;

package/styles/bootstrap5.scss

@@ -1,8 +1,8 @@
-@import 'ej2-base/styles/definition/bootstrap5.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
-@import 'list-view/bootstrap5-definition.scss';
-@import 'list-view/icons/bootstrap5.scss';
-@import 'list-view/all.scss';
-@import 'list-view/bigger.scss';
-@import 'sortable/bootstrap5-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-base/styles/definition/bootstrap5' as *;
+@use 'ej2-buttons/styles/check-box/bootstrap5-definition' as *;
+@use 'list-view/bootstrap5-definition' as *;
+@use 'list-view/icons/bootstrap5' as *;
+@use 'list-view/all' as *;
+@use 'list-view/bigger' as *;
+@use 'sortable/bootstrap5-definition' as *;
+@use 'sortable/all' as *;

package/styles/fabric-dark-lite.scss

@@ -1,7 +1,7 @@
-@import 'ej2-base/styles/definition/fabric-dark.scss';
-@import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
-@import 'list-view/fabric-dark-definition.scss';
-@import 'list-view/icons/fabric-dark.scss';
-@import 'list-view/all.scss';
-@import 'sortable/fabric-dark-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-base/styles/definition/fabric-dark' as *;
+@use 'ej2-buttons/styles/check-box/fabric-dark-definition' as *;
+@use 'list-view/fabric-dark-definition' as *;
+@use 'list-view/icons/fabric-dark' as *;
+@use 'list-view/all' as *;
+@use 'sortable/fabric-dark-definition' as *;
+@use 'sortable/all' as *;

package/styles/fabric-dark.scss

@@ -1,8 +1,8 @@
-@import 'ej2-base/styles/definition/fabric-dark.scss';
-@import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
-@import 'list-view/fabric-dark-definition.scss';
-@import 'list-view/icons/fabric-dark.scss';
-@import 'list-view/all.scss';
-@import 'list-view/bigger.scss';
-@import 'sortable/fabric-dark-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-base/styles/definition/fabric-dark' as *;
+@use 'ej2-buttons/styles/check-box/fabric-dark-definition' as *;
+@use 'list-view/fabric-dark-definition' as *;
+@use 'list-view/icons/fabric-dark' as *;
+@use 'list-view/all' as *;
+@use 'list-view/bigger' as *;
+@use 'sortable/fabric-dark-definition' as *;
+@use 'sortable/all' as *;

package/styles/fabric-lite.scss

@@ -1,7 +1,7 @@
-@import 'ej2-base/styles/definition/fabric.scss';
-@import 'ej2-buttons/styles/check-box/fabric-definition.scss';
-@import 'list-view/fabric-definition.scss';
-@import 'list-view/icons/fabric.scss';
-@import 'list-view/all.scss';
-@import 'sortable/fabric-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-base/styles/definition/fabric' as *;
+@use 'ej2-buttons/styles/check-box/fabric-definition' as *;
+@use 'list-view/fabric-definition' as *;
+@use 'list-view/icons/fabric' as *;
+@use 'list-view/all' as *;
+@use 'sortable/fabric-definition' as *;
+@use 'sortable/all' as *;

package/styles/fabric.scss

@@ -1,8 +1,8 @@
-@import 'ej2-base/styles/definition/fabric.scss';
-@import 'ej2-buttons/styles/check-box/fabric-definition.scss';
-@import 'list-view/fabric-definition.scss';
-@import 'list-view/icons/fabric.scss';
-@import 'list-view/all.scss';
-@import 'list-view/bigger.scss';
-@import 'sortable/fabric-definition.scss';
-@import 'sortable/all.scss';
+@use 'ej2-base/styles/definition/fabric' as *;
+@use 'ej2-buttons/styles/check-box/fabric-definition' as *;
+@use 'list-view/fabric-definition' as *;
+@use 'list-view/icons/fabric' as *;
+@use 'list-view/all' as *;
+@use 'list-view/bigger' as *;
+@use 'sortable/fabric-definition' as *;
+@use 'sortable/all' as *;

package/styles/fluent-dark-lite.css

@@ -411,7 +411,6 @@
   padding-right: 16px;
 }
 
-/* stylelint-disable-line no-empty-source */
 .e-sortable {
   outline: none;
   position: relative;