@syncfusion/ej2-lists 31.2.12 → 32.1.23

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.2.12
+*  version : 32.1.23
 *  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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-lists",
-  "version": "31.2.12",
+  "version": "32.1.23",
   "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.12",
-    "@syncfusion/ej2-buttons": "~31.2.12",
-    "@syncfusion/ej2-data": "~31.2.12",
-    "@syncfusion/ej2-popups": "~31.2.12"
+    "@syncfusion/ej2-base": "~32.1.23",
+    "@syncfusion/ej2-buttons": "~32.1.23",
+    "@syncfusion/ej2-data": "~32.1.23",
+    "@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/src/list-view/virtualization.d.ts

@@ -90,6 +90,7 @@ export declare class Virtualization {
     private onNgChange;
     getModuleName(): string;
     destroy(): void;
+    private setItemContext;
 }
 interface DataSource {
     [key: string]: object;

package/src/list-view/virtualization.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { classNames } from './list-view';
 import { EventHandler, append, isNullOrUndefined, detach, compile, formatUnit, select } from '@syncfusion/ej2-base';
 import { ListBase } from '../common/list-base';
@@ -814,6 +825,7 @@ var Virtualization = /** @class */ (function () {
                 }
             }
         }
+        this.setItemContext(args.item, args.curData, !!args.curData.isHeader);
     };
     Virtualization.prototype.reRenderUiVirtualization = function () {
         this.wireScrollEvent(true);
@@ -834,9 +846,12 @@ var Virtualization = /** @class */ (function () {
             element.dataset.uid = (curViewDS[this.listViewInstance.fields.id]) ?
                 (curViewDS[this.listViewInstance.fields.id]) : ListBase.generateId();
             onChange(curViewDS, element, this);
+            this.setItemContext(element, curViewDS, !!curViewDS.isHeader);
         }
         else {
             this.updateUiContent(element, index);
+            var curViewDS = this.listViewInstance.curViewDS[index];
+            this.setItemContext(element, curViewDS, !!curViewDS.isHeader);
         }
         this.changeElementAttributes(element, index);
         if (targetElement) {
@@ -862,6 +877,7 @@ var Virtualization = /** @class */ (function () {
         [].slice.call(liItem[0].children).forEach(function (ele) {
             listElement.appendChild(ele);
         });
+        virtualThis.setItemContext(listElement, newData, !!newData.isHeader);
     };
     Virtualization.prototype.onNgChange = function (newData, listElement, virtualThis) {
         // compile given target element with template for new data
@@ -871,6 +887,7 @@ var Virtualization = /** @class */ (function () {
             listElement.removeChild(listElement.lastChild);
         }
         listElement.appendChild(resultElement[0]);
+        virtualThis.setItemContext(listElement, newData, !!newData.isHeader);
     };
     Virtualization.prototype.getModuleName = function () {
         return 'virtualization';
@@ -880,6 +897,14 @@ var Virtualization = /** @class */ (function () {
         this.topElement = null;
         this.bottomElement = null;
     };
+    Virtualization.prototype.setItemContext = function (item, curData, isHeader) {
+        var el = item;
+        var existing = (el.context || {});
+        el.context = __assign({}, existing, { data: curData, nodes: existing.nodes || { flatTemplateNodes: [], groupTemplateNodes: [] }, type: isHeader ? 'groupList' : 'flatList' });
+        if (item.firstElementChild) {
+            el.context.template = item.firstElementChild;
+        }
+    };
     return Virtualization;
 }());
 export { Virtualization };

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 *;