@syncfusion/ej2-navigations 33.2.3 → 33.2.6

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.2.3
+*  version : 33.2.6
 *  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-navigations",
-  "version": "33.2.3",
+  "version": "33.2.6",
   "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",
@@ -9,11 +9,11 @@
   "es2015": "./dist/es6/ej2-navigations.es5.js",
   "dependencies": {
     "@syncfusion/ej2-base": "~33.2.3",
-    "@syncfusion/ej2-buttons": "~33.2.3",
-    "@syncfusion/ej2-data": "~33.2.3",
-    "@syncfusion/ej2-inputs": "~33.2.3",
+    "@syncfusion/ej2-buttons": "~33.2.5",
+    "@syncfusion/ej2-data": "~33.2.5",
+    "@syncfusion/ej2-inputs": "~33.2.5",
     "@syncfusion/ej2-lists": "~33.2.3",
-    "@syncfusion/ej2-popups": "~33.2.3"
+    "@syncfusion/ej2-popups": "~33.2.5"
   },
   "devDependencies": {},
   "keywords": [

package/src/accordion/accordion.js

@@ -563,6 +563,11 @@ var Accordion = /** @class */ (function (_super) {
         var innerEle = this.createElement('div', {
             className: CLS_ITEM, id: item.id || getUniqueID('acrdn_item')
         });
+        if (item.expanded && !isNOU(index) && (!this.enablePersistence)) {
+            if (this.initExpand.indexOf(index) === -1) {
+                this.initExpand.push(index);
+            }
+        }
         if (this.headerTemplate) {
             var ctnEle = this.headerEleGenerate();
             var hdrEle = this.createElement('div', { className: CLS_HEADERCTN });
@@ -585,11 +590,6 @@ var Accordion = /** @class */ (function (_super) {
             innerEle.appendChild(ctnEle);
         }
         var hdr = select('.' + CLS_HEADER, innerEle);
-        if (item.expanded && !isNOU(index) && (!this.enablePersistence)) {
-            if (this.initExpand.indexOf(index) === -1) {
-                this.initExpand.push(index);
-            }
-        }
         if (item.cssClass) {
             addClass([innerEle], item.cssClass.split(' '));
         }

package/src/context-menu/context-menu.js

@@ -62,7 +62,7 @@ var ContextMenu = /** @class */ (function (_super) {
         this.template = this.itemTemplate ? this.itemTemplate : null;
         this.addTemplateClass();
         _super.prototype.initialize.call(this);
-        attributes(this.element, { 'role': 'menubar', 'tabindex': '0' });
+        attributes(this.element, { 'role': 'menu', 'tabindex': '0' });
         this.element.style.zIndex = getZindexPartial(this.element).toString();
     };
     /**

package/src/tab/tab.js

@@ -1048,9 +1048,15 @@ var Tab = /** @class */ (function (_super) {
             addClass([this.element], [CLS_FILL]);
             var parent_1 = this.element.parentElement;
             var heightVal = parent_1.style.height || parent_1.getAttribute('height');
+            while (parent_1 && !heightVal) {
+                heightVal = parent_1.style.height || parent_1.getAttribute('height');
+                if (!heightVal) {
+                    parent_1 = parent_1.parentElement;
+                }
+            }
             setStyle(this.element, { 'height': heightVal != null ? heightVal : '100%' });
             this.loadContentElement();
-            this.cntEle.style.height = heightVal != null ? "calc(" + heightVal + " - " + this.hdrEle.offsetHeight + "px)" : 'calc(100vh - ' + this.hdrEle.offsetHeight + 'px)';
+            this.cntEle.style.height = heightVal != null ? "calc(" + heightVal + " - " + this.hdrEle.offsetHeight + "px)" : 'calc(100vh - ' + (this.hdrEle.offsetHeight + this.hdrEle.scrollHeight) + 'px)';
         }
         else if (this.heightAdjustMode === 'Auto') {
             if (this.isTemplate === true) {

package/src/toolbar/toolbar.js

@@ -324,8 +324,12 @@ var Toolbar = /** @class */ (function (_super) {
         }
     };
     Toolbar.prototype.destroyItems = function () {
+        var _this = this;
         if (this.element) {
-            [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach(function (el) { detach(el); });
+            [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach(function (el) {
+                EventHandler.remove(el, 'click', _this.itemClick);
+                detach(el);
+            });
         }
         if (this.tbarAlign) {
             var tbarItems = this.element.querySelector('.' + CLS_ITEMS);
@@ -1933,6 +1937,7 @@ var Toolbar = /** @class */ (function (_super) {
             if (!isNOU(btnItem) && !isNOU(btnItem.ej2_instances[0]) && !(btnItem.ej2_instances[0].isDestroyed)) {
                 btnItem.ej2_instances[0].destroy();
             }
+            EventHandler.remove(innerItems[parseInt(index.toString(), 10)], 'click', this.itemClick);
             detach(innerItems[parseInt(index.toString(), 10)]);
             this.items.splice(eleIdx, 1);
             this.tbarEle.splice(eleIdx, 1);
@@ -2076,7 +2081,7 @@ var Toolbar = /** @class */ (function (_super) {
                     dom.setAttribute('aria-label', (item.text || item.tooltipText));
                     dom.setAttribute('aria-disabled', 'false');
                     innerEle.appendChild(dom);
-                    innerEle.addEventListener('click', this.itemClick.bind(this));
+                    EventHandler.add(innerEle, 'click', this.itemClick, this);
                     break;
                 case 'Separator':
                     this.add(innerEle, CLS_SEPARATOR);
@@ -2320,6 +2325,7 @@ var Toolbar = /** @class */ (function (_super) {
                             if (this.isReact && this.items[parseInt(index.toString(), 10)].template) {
                                 this.clearToolbarTemplate(itemCol[parseInt(index.toString(), 10)]);
                             }
+                            EventHandler.remove(itemCol[parseInt(index.toString(), 10)], 'click', this.itemClick);
                             detach(itemCol[parseInt(index.toString(), 10)]);
                             this.tbarEle.splice(index, 1);
                             this.addItems([this.items[parseInt(index.toString(), 10)]], index);

package/src/treeview/treeview.d.ts

@@ -1255,6 +1255,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
     private setDragAndDrop;
     private initializeDrag;
     private dragCancelAction;
+    protected getAppendToElement(): HTMLElement;
     private getOffsetX;
     private getOffsetY;
     private dragAction;

package/src/treeview/treeview.js

@@ -1132,6 +1132,9 @@ var TreeView = /** @class */ (function (_super) {
         if (isNOU(data) || isNOU(parentId)) {
             return [];
         }
+        if (!Array.isArray(data)) {
+            return [];
+        }
         if (this.dataType === 1) {
             var pidField_1 = this.fields.parentID;
             var target_1 = parentId.toString();
@@ -3516,7 +3519,8 @@ var TreeView = /** @class */ (function (_super) {
                     var cNode = _this.createElement('span', { className: DROPCOUNT, innerHTML: '' + nLen });
                     virtualEle.appendChild(cNode);
                 }
-                document.body.appendChild(virtualEle);
+                var appendToElement = _this.getAppendToElement();
+                appendToElement.appendChild(virtualEle);
                 document.body.style.cursor = '';
                 _this.dragData = _this.getNodeData(_this.dragLi);
                 return virtualEle;
@@ -3620,6 +3624,16 @@ var TreeView = /** @class */ (function (_super) {
         removeClass([this.element], DRAGGING);
         this.dragStartAction = false;
     };
+    TreeView.prototype.getAppendToElement = function () {
+        if (this.isAngular) {
+            var cdkPane = this.element.closest('.cdk-overlay-pane');
+            var popoverEl = this.element.closest('[popover]');
+            if (cdkPane && popoverEl) {
+                return cdkPane;
+            }
+        }
+        return document.body;
+    };
     TreeView.prototype.getOffsetX = function (event, target) {
         var touchList = event.changedTouches;
         if (touchList && touchList.length > 0) {

package/styles/bds-lite.css

@@ -1956,10 +1956,16 @@
   opacity: 0.5;
   color: var(--color-sf-text-tertiary);
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
+  background: var(--color-sf-bg-secondary);
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: none;
+}
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
   color: var(--color-sf-text-tertiary);
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-icons {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
   color: var(--color-sf-text-tertiary);
 }
 .e-toolbar.e-vertical .e-hor-nav {
@@ -7061,6 +7067,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: var(--color-sf-fg-secondary-hover);
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
+          box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -7106,6 +7117,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: var(--color-sf-base-transparent);
   border-color: var(--color-sf-base-transparent);
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: var(--color-sf-text-primary);
@@ -7161,6 +7174,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: var(--color-sf-base-transparent);
   border-color: var(--color-sf-base-transparent);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
+          box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/bds.css

@@ -2298,10 +2298,16 @@
   opacity: 0.5;
   color: var(--color-sf-text-tertiary);
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
+  background: var(--color-sf-bg-secondary);
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: none;
+}
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
   color: var(--color-sf-text-tertiary);
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-icons {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
   color: var(--color-sf-text-tertiary);
 }
 .e-toolbar.e-vertical .e-hor-nav {
@@ -9080,6 +9086,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: var(--color-sf-fg-secondary-hover);
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
+          box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -9125,6 +9136,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: var(--color-sf-base-transparent);
   border-color: var(--color-sf-base-transparent);
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: var(--color-sf-text-primary);
@@ -9180,6 +9193,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: var(--color-sf-base-transparent);
   border-color: var(--color-sf-base-transparent);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
+          box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;
@@ -9319,8 +9338,8 @@
 }
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
-  line-height: 46px;
-  min-height: 46px;
+  line-height: 48px;
+  min-height: 48px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {

package/styles/bootstrap-dark-lite.css

@@ -1746,10 +1746,16 @@
   opacity: 0.5;
   color: #fff;
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
+  background: #131313;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: none;
+}
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
   color: #fff;
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-icons {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
   color: #fff;
 }
 .e-toolbar.e-vertical .e-hor-nav {
@@ -6511,6 +6517,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #f0f0f0;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+          box-shadow: inset 0 0 0 1px #fff;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -6556,6 +6567,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #f0f0f0;
@@ -6612,6 +6625,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+          box-shadow: inset 0 0 0 1px #fff;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/bootstrap-dark.css

@@ -2009,10 +2009,16 @@
   opacity: 0.5;
   color: #fff;
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
+  background: #131313;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: none;
+}
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
   color: #fff;
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-icons {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
   color: #fff;
 }
 .e-toolbar.e-vertical .e-hor-nav {
@@ -8397,6 +8403,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #f0f0f0;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+          box-shadow: inset 0 0 0 1px #fff;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -8442,6 +8453,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #f0f0f0;
@@ -8498,6 +8511,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+          box-shadow: inset 0 0 0 1px #fff;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/bootstrap-lite.css

@@ -1752,10 +1752,16 @@
   opacity: 0.5;
   color: #333;
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
+  background: #f8f8f8;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: none;
+}
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
   color: #333;
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-icons {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
   color: #333;
 }
 .e-toolbar.e-vertical .e-hor-nav {
@@ -6520,6 +6526,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #333;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+          box-shadow: inset 0 0 0 1px #000;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -6564,6 +6575,10 @@
 .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
   color: #fff;
 }
+.e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+  box-shadow: inset 0 0 0 1px #000;
+}
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
@@ -6624,12 +6639,20 @@
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
 }
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+  box-shadow: inset 0 0 0 1px #000;
+}
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+          box-shadow: inset 0 0 0 1px #000;
+}
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;
 }

package/styles/bootstrap.css

@@ -2017,10 +2017,16 @@
   opacity: 0.5;
   color: #333;
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
+  background: #f8f8f8;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: none;
+}
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
   color: #333;
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-icons {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
   color: #333;
 }
 .e-toolbar.e-vertical .e-hor-nav {
@@ -8408,6 +8414,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #333;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+          box-shadow: inset 0 0 0 1px #000;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -8452,6 +8463,10 @@
 .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
   color: #fff;
 }
+.e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+  box-shadow: inset 0 0 0 1px #000;
+}
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
@@ -8512,12 +8527,20 @@
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
 }
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+  box-shadow: inset 0 0 0 1px #000;
+}
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+          box-shadow: inset 0 0 0 1px #000;
+}
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;
 }

package/styles/bootstrap4-lite.css

@@ -1752,10 +1752,16 @@
   opacity: 0.65;
   color: #495057;
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
+  background: #f8f9fa;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: none;
+}
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
   color: #495057;
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-icons {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
   color: #495057;
 }
 .e-toolbar.e-vertical .e-hor-nav {
@@ -6527,6 +6533,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #495057;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #212529;
+          box-shadow: inset 0 0 0 1px #212529;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -6577,6 +6588,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #212529;
@@ -6634,6 +6647,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #212529;
+          box-shadow: inset 0 0 0 1px #212529;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/bootstrap4.css

@@ -2017,10 +2017,16 @@
   opacity: 0.65;
   color: #495057;
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
+  background: #f8f9fa;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: none;
+}
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
   color: #495057;
 }
-.e-toolbar .e-toolbar-item.e-overlay .e-icons {
+.e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
   color: #495057;
 }
 .e-toolbar.e-vertical .e-hor-nav {
@@ -8415,6 +8421,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #495057;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #212529;
+          box-shadow: inset 0 0 0 1px #212529;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -8465,6 +8476,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #212529;
@@ -8522,6 +8535,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #212529;
+          box-shadow: inset 0 0 0 1px #212529;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;