@syncfusion/ej2-navigations 31.1.20 → 31.2.3

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.1.20
-*  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
+*  version : 31.2.3
+*  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-navigations",
-  "version": "31.1.20",
+  "version": "31.2.3",
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,12 +8,12 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-navigations.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.1.20",
-    "@syncfusion/ej2-buttons": "~31.1.17",
-    "@syncfusion/ej2-data": "~31.1.17",
-    "@syncfusion/ej2-inputs": "~31.1.20",
-    "@syncfusion/ej2-lists": "~31.1.17",
-    "@syncfusion/ej2-popups": "~31.1.20"
+    "@syncfusion/ej2-base": "~31.2.2",
+    "@syncfusion/ej2-buttons": "~31.2.3",
+    "@syncfusion/ej2-data": "~31.2.3",
+    "@syncfusion/ej2-inputs": "~31.2.2",
+    "@syncfusion/ej2-lists": "~31.2.2",
+    "@syncfusion/ej2-popups": "~31.2.2"
   },
   "devDependencies": {},
   "keywords": [

package/src/breadcrumb/breadcrumb.js

@@ -282,6 +282,10 @@ var Breadcrumb = /** @class */ (function (_super) {
                     args.item.removeAttribute('role');
                     if (isLastItem) {
                         args.item.setAttribute('data-active-item', '');
+                        args.item.setAttribute('aria-current', 'page');
+                    }
+                    else {
+                        args.item.removeAttribute('aria-current');
                     }
                     if (!_this.itemTemplate) {
                         _this.beforeItemRenderChanges(args.curData, eventArgs.item, args.item, containsRightIcon);
@@ -473,9 +477,6 @@ var Breadcrumb = /** @class */ (function (_super) {
     };
     Breadcrumb.prototype.beforeItemRenderChanges = function (prevItem, currItem, elem, isRightIcon) {
         var wrapElem = elem.querySelector('.e-anchor-wrap');
-        if (wrapElem) {
-            wrapElem.parentElement.setAttribute('aria-label', 'home');
-        }
         if (currItem.text !== prevItem.text && wrapElem) {
             wrapElem.childNodes.forEach(function (child) {
                 if (child.nodeType === Node.TEXT_NODE) {

package/src/toolbar/toolbar.js

@@ -1074,7 +1074,10 @@ var Toolbar = /** @class */ (function (_super) {
                 ++nodeIndex;
             }
             else {
-                ele.appendChild(el);
+                var children = Array.prototype.slice.call(ele.children);
+                var insertionNode = children.slice(index)
+                    .find(function (child) { return !child.classList.contains(CLS_POPPRI); });
+                ele.insertBefore(el, insertionNode || null);
             }
             if (el.classList.contains(CLS_SEPARATOR)) {
                 setStyle(el, { display: '', height: sepHeight + 'px' });

package/src/treeview/treeview.d.ts

@@ -1075,6 +1075,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
     private ensureIndeterminate;
     private ensureParentCheckState;
     private getSelectedChildNodeDetails;
+    private getAllChildNodes;
     private ensureChildCheckState;
     private doCheckBoxAction;
     private updateFieldChecked;

package/src/treeview/treeview.js

@@ -716,7 +716,7 @@ var TreeView = /** @class */ (function (_super) {
                     }
                     this.changeState(node, 'check', null, true, true);
                 }
-                else if (count === 0 && this.checkedNodes.length === 0) {
+                else if (count === 0 && this.checkedNodes.length === 0 && indeterminate.length === 0) {
                     this.changeState(node, 'uncheck', null, true, true);
                 }
             }
@@ -986,6 +986,7 @@ var TreeView = /** @class */ (function (_super) {
         }
     };
     TreeView.prototype.ensureParentCheckState = function (element) {
+        var _this = this;
         if (!isNOU(element)) {
             if (element.classList.contains(ROOT)) {
                 return;
@@ -1005,6 +1006,8 @@ var TreeView = /** @class */ (function (_super) {
             var dataUid_1 = element.getAttribute('data-uid');
             var rootNodeChecked_1 = true;
             var childNodeChecked_1 = false;
+            var ChildNodeData = this.getAllChildNodes(this.DDTTreeData, dataUid_1);
+            var selectedChildren_1 = 0;
             nodes.forEach(function (childNode) {
                 if (childNode instanceof HTMLElement) {
                     var ariaChecked = childNode.getAttribute('aria-checked');
@@ -1034,6 +1037,13 @@ var TreeView = /** @class */ (function (_super) {
                     childItems = this.getChildNodes(this.DDTTreeData, dataUid_1);
                 }
                 count = childItems.length;
+                ChildNodeData.forEach(function (child) {
+                    var childKey = String(child[_this.fields.id]);
+                    if (_this.checkedNodes.indexOf(childKey) !== -1 ||
+                        _this.OldCheckedData.some(function (oldNode) { return oldNode['parentID'] === childKey; })) {
+                        selectedChildren_1++;
+                    }
+                });
             }
             if (this.autoCheck && this.showCheckBox && !(this.fields.dataSource instanceof DataManager)) {
                 var selectedChildNodeDetails = this.getSelectedChildNodeDetails(dataUid_1);
@@ -1053,7 +1063,7 @@ var TreeView = /** @class */ (function (_super) {
             else if ((checkedCount > 0 && !parentNodeChecked && (this.autoCheck && this.showCheckBox))) {
                 this.changeState(checkBoxEle, 'indeterminate', null, true, true);
             }
-            else if (checkedCount > 0 || indeterminateNodes.length > 0) {
+            else if (checkedCount > 0 || indeterminateNodes.length > 0 || selectedChildren_1 > 0) {
                 this.changeState(checkBoxEle, 'indeterminate', null, true, true);
             }
             else if (checkedCount === 0) {
@@ -1100,6 +1110,34 @@ var TreeView = /** @class */ (function (_super) {
             return false;
         });
     };
+    TreeView.prototype.getAllChildNodes = function (data, parentId) {
+        if (isNOU(data) || isNOU(parentId)) {
+            return [];
+        }
+        if (this.dataType === 1) {
+            var pidField_1 = this.fields.parentID;
+            var target_1 = parentId.toString();
+            return data.filter(function (item) {
+                var pidVal = getValue(pidField_1, item);
+                return !isNOU(pidVal) && pidVal.toString() === target_1;
+            });
+        }
+        if (this.dataType === 2) {
+            var parentFieldId_1 = this.fields.id;
+            var childField = this.fields.child.toString();
+            var target_2 = parentId.toString();
+            var node = data.find(function (n) {
+                var idVal = getValue(parentFieldId_1, n);
+                return !isNOU(idVal) && idVal.toString() === target_2;
+            });
+            if (!node) {
+                return [];
+            }
+            var children = getValue(childField, node);
+            return Array.isArray(children) ? children : [];
+        }
+        return [];
+    };
     TreeView.prototype.ensureChildCheckState = function (element, e, isFromExpandAll) {
         var _this = this;
         if (!isNOU(element)) {

package/styles/bds-lite.css

@@ -7517,7 +7517,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 16px;
-  line-height: 38px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bds.css

@@ -9699,7 +9699,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 16px;
-  line-height: 38px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap-dark-lite.css

@@ -7104,7 +7104,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 11px;
-  line-height: 30px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap-dark.css

@@ -9136,7 +9136,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 11px;
-  line-height: 30px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap-lite.css

@@ -7115,7 +7115,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 10px;
-  line-height: 30px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap.css

@@ -9147,7 +9147,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 10px;
-  line-height: 30px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap4-lite.css

@@ -6230,11 +6230,11 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 9px 8px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 8px;
+  padding: 9px 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -7128,7 +7128,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 9px;
-  line-height: 30px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap4.css

@@ -8112,11 +8112,11 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 9px 8px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 8px;
+  padding: 9px 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -8645,7 +8645,7 @@
 .e-bigger .e-treeview .e-list-img + .e-list-text,
 .e-treeview.e-bigger .e-list-icon + .e-list-text,
 .e-treeview.e-bigger .e-list-img + .e-list-text {
-  padding: 0 12px;
+  padding: 13px 12px;
 }
 .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img,
 .e-bigger .e-treeview .e-list-img + .e-list-icon,
@@ -9239,7 +9239,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 9px;
-  line-height: 30px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap5-dark-lite.css

@@ -6145,6 +6145,10 @@
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -6195,7 +6199,7 @@
   margin: 0 0 0 8px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -6209,17 +6213,16 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: inline-block;
-  line-height: 34px;
+  line-height: 22px;
   margin: 0;
-  min-height: 34px;
-  padding: 0 8px;
+  min-height: 22px;
+  padding: 7px 8px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 3px;
-  margin-top: 3px;
+  margin-bottom: 0;
   min-width: 150px;
   vertical-align: bottom;
 }
@@ -6229,7 +6232,7 @@
   padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -6246,11 +6249,11 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -7137,7 +7140,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 35px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap5-dark.css

@@ -8040,6 +8040,10 @@
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -8090,7 +8094,7 @@
   margin: 0 0 0 8px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -8104,17 +8108,16 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: inline-block;
-  line-height: 34px;
+  line-height: 22px;
   margin: 0;
-  min-height: 34px;
-  padding: 0 8px;
+  min-height: 22px;
+  padding: 7px 8px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 3px;
-  margin-top: 3px;
+  margin-bottom: 0;
   min-width: 150px;
   vertical-align: bottom;
 }
@@ -8124,7 +8127,7 @@
   padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -8141,11 +8144,11 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -9285,7 +9288,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 35px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap5-lite.css

@@ -6145,6 +6145,10 @@
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -6195,7 +6199,7 @@
   margin: 0 0 0 8px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -6209,17 +6213,16 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: inline-block;
-  line-height: 34px;
+  line-height: 22px;
   margin: 0;
-  min-height: 34px;
-  padding: 0 8px;
+  min-height: 22px;
+  padding: 7px 8px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 3px;
-  margin-top: 3px;
+  margin-bottom: 0;
   min-width: 150px;
   vertical-align: bottom;
 }
@@ -6229,7 +6232,7 @@
   padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -6246,11 +6249,11 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -7137,7 +7140,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 35px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap5.3-lite.css

@@ -6325,11 +6325,11 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 12px;
+  padding: 7px 12px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 12px;
+  padding: 7px 12px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -7211,7 +7211,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 12px;
-  line-height: 35px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap5.3.css

@@ -8220,11 +8220,11 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 12px;
+  padding: 7px 12px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 12px;
+  padding: 7px 12px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -9278,7 +9278,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 12px;
-  line-height: 35px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/bootstrap5.css

@@ -8040,6 +8040,10 @@
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -8090,7 +8094,7 @@
   margin: 0 0 0 8px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -8104,17 +8108,16 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: inline-block;
-  line-height: 34px;
+  line-height: 22px;
   margin: 0;
-  min-height: 34px;
-  padding: 0 8px;
+  min-height: 22px;
+  padding: 7px 8px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 3px;
-  margin-top: 3px;
+  margin-bottom: 0;
   min-width: 150px;
   vertical-align: bottom;
 }
@@ -8124,7 +8127,7 @@
   padding-bottom: 6px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -8141,11 +8144,11 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -9285,7 +9288,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 35px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/fabric-dark-lite.css

@@ -7104,7 +7104,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 12px;
-  line-height: 42px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/fabric-dark.css

@@ -9136,7 +9136,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 12px;
-  line-height: 42px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/fabric-lite.css

@@ -7106,7 +7106,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 12px;
-  line-height: 42px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/fabric.css

@@ -9138,7 +9138,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 12px;
-  line-height: 42px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,

package/styles/fluent-dark-lite.css

@@ -6268,11 +6268,11 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 12px;
+  padding: 8px 12px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 12px;
+  padding: 8px 12px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -7092,7 +7092,7 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-caret {
   font-size: 14px;
   height: auto;
-  line-height: 40px;
+  line-height: 44px;
   position: absolute;
   right: 8px;
   top: 0;
@@ -7156,7 +7156,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
-  line-height: 40px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,