@syncfusion/ej2-navigations 33.2.6 → 33.2.7

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.2.6
+*  version : 33.2.7
 *  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.6",
+  "version": "33.2.7",
   "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",
@@ -13,7 +13,7 @@
     "@syncfusion/ej2-data": "~33.2.5",
     "@syncfusion/ej2-inputs": "~33.2.5",
     "@syncfusion/ej2-lists": "~33.2.3",
-    "@syncfusion/ej2-popups": "~33.2.5"
+    "@syncfusion/ej2-popups": "~33.2.7"
   },
   "devDependencies": {},
   "keywords": [

package/src/accordion/accordion.js

@@ -563,11 +563,6 @@ 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 });
@@ -576,9 +571,8 @@ var Accordion = /** @class */ (function (_super) {
             innerEle.appendChild(ctnEle);
             ctnEle.appendChild(this.toggleIconGenerate());
             this.add(innerEle, CLS_SLCT);
-            return innerEle;
         }
-        if (item.header && this.angularnativeCondiCheck(item, 'header')) {
+        else if (item.header && this.angularnativeCondiCheck(item, 'header')) {
             var header = item.header;
             if (this.enableHtmlSanitizer && typeof (item.header) === 'string') {
                 header = SanitizeHtmlHelper.sanitize(item.header);
@@ -590,6 +584,11 @@ 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(' '));
         }
@@ -612,7 +611,7 @@ var Accordion = /** @class */ (function (_super) {
                 hdr.insertBefore(hdrIcnEle, hdr.childNodes[0]);
             }
         }
-        if (item.content && this.angularnativeCondiCheck(item, 'content')) {
+        if (item.content && this.angularnativeCondiCheck(item, 'content') && !this.headerTemplate) {
             var hdrIcon = this.toggleIconGenerate();
             if (isNOU(hdr)) {
                 hdr = this.headerEleGenerate();

package/src/tab/tab.js

@@ -338,6 +338,12 @@ var Tab = /** @class */ (function (_super) {
                 _this.refreshActiveBorder();
             });
         }
+        if (this.isAngular && this.registeredTemplate && !isNullOrUndefined(this.registeredTemplate.headerTemplate)) {
+            setTimeout(function () {
+                _this.refreshOverflow();
+                _this.refreshActiveBorder();
+            }, 5);
+        }
     };
     Tab.prototype.renderContainer = function () {
         var ele = this.element;
@@ -1268,8 +1274,15 @@ var Tab = /** @class */ (function (_super) {
             tbPopObj.show(config);
         }
     };
-    Tab.prototype.bindDraggable = function () {
+    Tab.prototype.bindDraggable = function (refreshDraggableItems) {
         var _this = this;
+        if (refreshDraggableItems && this.draggableItems.length > 0) {
+            for (var i = 0; i < this.draggableItems.length; i++) {
+                this.draggableItems[i].destroy();
+                this.draggableItems[i] = null;
+            }
+            this.draggableItems = [];
+        }
         if (this.allowDragAndDrop) {
             var tabHeader = this.element.querySelector('.' + CLS_HEADER);
             if (tabHeader) {
@@ -2357,7 +2370,7 @@ var Tab = /** @class */ (function (_super) {
                     }
                     break;
                 case 'allowDragAndDrop':
-                    this.bindDraggable();
+                    this.bindDraggable(true);
                     break;
                 case 'swipeMode':
                     if (this.touchModule) {

package/src/toolbar/toolbar.js

@@ -2325,6 +2325,13 @@ var Toolbar = /** @class */ (function (_super) {
                             if (this.isReact && this.items[parseInt(index.toString(), 10)].template) {
                                 this.clearToolbarTemplate(itemCol[parseInt(index.toString(), 10)]);
                             }
+                            if (this.element.closest('.e-richtexteditor')) {
+                                var btnItem = itemCol[parseInt(index.toString(), 10)].querySelector('.e-control.e-btn');
+                                if (!isNOU(btnItem) && !isNOU(btnItem.ej2_instances[0]) &&
+                                    !(btnItem.ej2_instances[0].isDestroyed)) {
+                                    btnItem.ej2_instances[0].destroy();
+                                }
+                            }
                             EventHandler.remove(itemCol[parseInt(index.toString(), 10)], 'click', this.itemClick);
                             detach(itemCol[parseInt(index.toString(), 10)]);
                             this.tbarEle.splice(index, 1);

package/src/treeview/treeview.js

@@ -74,6 +74,7 @@ var CHECKBOXRIPPLE = 'e-ripple-container';
 var RIPPLE = 'e-ripple';
 var RIPPLEELMENT = 'e-ripple-element';
 var FOCUS = 'e-node-focus';
+var FOCUSED = 'e-focused';
 var IMAGE = 'e-list-img';
 var BIGGER = 'e-bigger';
 var SMALL = 'e-small';
@@ -2432,6 +2433,7 @@ var TreeView = /** @class */ (function (_super) {
             var focusedNode = this.getFocusedNode();
             if (focusedNode) {
                 removeClass([focusedNode], FOCUS);
+                removeClass([focusedNode], FOCUSED);
                 focusedNode.setAttribute('tabindex', '-1');
             }
             addClass([li], FOCUS);
@@ -3131,9 +3133,11 @@ var TreeView = /** @class */ (function (_super) {
     };
     TreeView.prototype.setFocus = function (preNode, nextNode) {
         removeClass([preNode], FOCUS);
+        removeClass([preNode], FOCUSED);
         preNode.setAttribute('tabindex', '-1');
         if (!nextNode.classList.contains('e-disable')) {
             addClass([nextNode], FOCUS);
+            addClass([nextNode], FOCUSED);
             nextNode.setAttribute('tabindex', '0');
             nextNode.focus();
             EventHandler.add(nextNode, 'blur', this.focusOut, this);
@@ -3158,6 +3162,7 @@ var TreeView = /** @class */ (function (_super) {
             else {
                 focusedElement.setAttribute('tabindex', '0');
                 addClass([focusedElement], FOCUS);
+                addClass([focusedElement], FOCUSED);
                 EventHandler.add(focusedElement, 'blur', this.focusOut, this);
             }
             this.mouseDownStatus = false;
@@ -3167,6 +3172,7 @@ var TreeView = /** @class */ (function (_super) {
         var focusedElement = this.getFocusedNode();
         if (event.target === focusedElement) {
             removeClass([focusedElement], FOCUS);
+            removeClass([focusedElement], FOCUSED);
             EventHandler.remove(focusedElement, 'blur', this.focusOut);
         }
     };

package/styles/bds-lite.css

@@ -7067,7 +7067,7 @@
 .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 {
+.e-treeview .e-list-item.e-focused > .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;
@@ -7177,7 +7177,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .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);
 }

package/styles/bds.css

@@ -9086,7 +9086,7 @@
 .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 {
+.e-treeview .e-list-item.e-focused > .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;
@@ -9196,7 +9196,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .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);
 }

package/styles/bootstrap-dark-lite.css

@@ -6517,7 +6517,7 @@
 .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 {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #fff;
           box-shadow: inset 0 0 0 1px #fff;
   border: none;
@@ -6628,7 +6628,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #fff;
           box-shadow: inset 0 0 0 1px #fff;
 }

package/styles/bootstrap-dark.css

@@ -8403,7 +8403,7 @@
 .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 {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #fff;
           box-shadow: inset 0 0 0 1px #fff;
   border: none;
@@ -8514,7 +8514,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #fff;
           box-shadow: inset 0 0 0 1px #fff;
 }

package/styles/bootstrap-lite.css

@@ -6526,7 +6526,7 @@
 .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 {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #000;
           box-shadow: inset 0 0 0 1px #000;
   border: none;
@@ -6575,7 +6575,7 @@
 .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 {
+.e-treeview .e-list-item.e-active.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #000;
   box-shadow: inset 0 0 0 1px #000;
 }
@@ -6639,7 +6639,7 @@
   -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 {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #000;
   box-shadow: inset 0 0 0 1px #000;
 }
@@ -6649,7 +6649,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #000;
           box-shadow: inset 0 0 0 1px #000;
 }

package/styles/bootstrap.css

@@ -8414,7 +8414,7 @@
 .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 {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #000;
           box-shadow: inset 0 0 0 1px #000;
   border: none;
@@ -8463,7 +8463,7 @@
 .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 {
+.e-treeview .e-list-item.e-active.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #000;
   box-shadow: inset 0 0 0 1px #000;
 }
@@ -8527,7 +8527,7 @@
   -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 {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #000;
   box-shadow: inset 0 0 0 1px #000;
 }
@@ -8537,7 +8537,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #000;
           box-shadow: inset 0 0 0 1px #000;
 }

package/styles/bootstrap4-lite.css

@@ -6533,7 +6533,7 @@
 .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 {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #212529;
           box-shadow: inset 0 0 0 1px #212529;
   border: none;
@@ -6650,7 +6650,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #212529;
           box-shadow: inset 0 0 0 1px #212529;
 }

package/styles/bootstrap4.css

@@ -8421,7 +8421,7 @@
 .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 {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #212529;
           box-shadow: inset 0 0 0 1px #212529;
   border: none;
@@ -8538,7 +8538,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #212529;
           box-shadow: inset 0 0 0 1px #212529;
 }

package/styles/bootstrap5-dark-lite.css

@@ -6577,7 +6577,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #dee2e6;
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 2px #fff;
           box-shadow: inset 0 0 0 2px #fff;
   border: none;
@@ -6697,7 +6697,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 2px #fff;
           box-shadow: inset 0 0 0 2px #fff;
 }

package/styles/bootstrap5-dark.css

@@ -8490,7 +8490,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #dee2e6;
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 2px #fff;
           box-shadow: inset 0 0 0 2px #fff;
   border: none;
@@ -8610,7 +8610,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 2px #fff;
           box-shadow: inset 0 0 0 2px #fff;
 }

package/styles/bootstrap5-lite.css

@@ -6577,7 +6577,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #343a40;
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 2px #212529;
           box-shadow: inset 0 0 0 2px #212529;
   border: none;
@@ -6697,7 +6697,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 2px #212529;
           box-shadow: inset 0 0 0 2px #212529;
 }

package/styles/bootstrap5.3-lite.css

@@ -8236,7 +8236,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: var(--color-sf-icon-color-hover);
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
           box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
   border: none;
@@ -8353,7 +8353,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
           box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
 }

package/styles/bootstrap5.3.css

@@ -10737,7 +10737,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: var(--color-sf-icon-color-hover);
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
           box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
   border: none;
@@ -10854,7 +10854,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
           box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
 }

package/styles/bootstrap5.css

@@ -8490,7 +8490,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #343a40;
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 2px #212529;
           box-shadow: inset 0 0 0 2px #212529;
   border: none;
@@ -8610,7 +8610,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 2px #212529;
           box-shadow: inset 0 0 0 2px #212529;
 }

package/styles/fabric-dark-lite.css

@@ -6517,7 +6517,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #dadada;
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
           box-shadow: inset 0 0 0 1px #f8f8f8;
   border: none;
@@ -6628,7 +6628,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
           box-shadow: inset 0 0 0 1px #f8f8f8;
   border: none;

package/styles/fabric-dark.css

@@ -8403,7 +8403,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #dadada;
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
           box-shadow: inset 0 0 0 1px #f8f8f8;
   border: none;
@@ -8514,7 +8514,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
           box-shadow: inset 0 0 0 1px #f8f8f8;
   border: none;

package/styles/fabric-lite.css

@@ -6523,7 +6523,7 @@
 .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 {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #000;
           box-shadow: inset 0 0 0 1px #000;
   border: none;
@@ -6634,7 +6634,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #000;
           box-shadow: inset 0 0 0 1px #000;
   border: none;

package/styles/fabric.css

@@ -8410,7 +8410,7 @@
 .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 {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #000;
           box-shadow: inset 0 0 0 1px #000;
   border: none;
@@ -8521,7 +8521,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #000;
           box-shadow: inset 0 0 0 1px #000;
   border: none;

package/styles/fluent-dark-lite.css

@@ -6591,7 +6591,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #f3f2f1;
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
           box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
   border: none;
@@ -6711,7 +6711,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
           box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
 }

package/styles/fluent-dark.css

@@ -8477,7 +8477,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #f3f2f1;
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
           box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
   border: none;
@@ -8597,7 +8597,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
           box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
 }

package/styles/fluent-lite.css

@@ -6591,7 +6591,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #323130;
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
           box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
   border: none;
@@ -6711,7 +6711,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
           box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
 }

package/styles/fluent.css

@@ -8477,7 +8477,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #323130;
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
           box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
   border: none;
@@ -8597,7 +8597,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
           box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
 }

package/styles/fluent2-lite.css

@@ -8740,17 +8740,17 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: var(--color-sf-icon-color-hover);
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
           box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
   border: none;
   background-color: transparent;
 }
-.e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-focused > .e-text-content .e-list-text {
   color: var(--color-sf-content-text-color);
 }
-.e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
+.e-treeview .e-list-item.e-focused > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-focused > .e-text-content .e-icon-expandable {
   color: var(--color-sf-icon-color);
 }
 .e-treeview .e-list-item.e-active {
@@ -8863,7 +8863,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
           box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
   background-color: transparent;