@syncfusion/ej2-navigations 22.2.5 → 22.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.2.5
+*  version : 22.2.8
 *  Copyright Syncfusion Inc. 2001 - 2020. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@22.1.39",
+  "_id": "@syncfusion/ej2-navigations@22.2.7",
   "_inBundle": false,
-  "_integrity": "sha512-K4OYPZQuHbKY4odT9j1dRVDIs0R25jo3xR/NTCKfwamdcJqWCnHIxEg3c6ELK7mIgn6C9fzHmXsns39xueDKew==",
+  "_integrity": "sha512-7Uz9JOqY5jJxwhyzEm/75NlZPwU2FSgHGayMBKK7HD/fi4Xs7JZUrC51E6un9JZk8/QGRgqVtf5zSgLbBHAYHA==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-22.1.39.tgz",
-  "_shasum": "a1bae66925958586e35fc5b8a9892a6e64072f88",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-22.2.7.tgz",
+  "_shasum": "5fcaed69c7a93538c2bb9312dde3fe7375060919",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -52,11 +52,11 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~22.2.5",
-    "@syncfusion/ej2-buttons": "~22.2.5",
+    "@syncfusion/ej2-buttons": "~22.2.8",
     "@syncfusion/ej2-data": "~22.2.5",
-    "@syncfusion/ej2-inputs": "~22.2.5",
-    "@syncfusion/ej2-lists": "~22.2.5",
-    "@syncfusion/ej2-popups": "~22.2.5"
+    "@syncfusion/ej2-inputs": "~22.2.7",
+    "@syncfusion/ej2-lists": "~22.2.8",
+    "@syncfusion/ej2-popups": "~22.2.7"
   },
   "deprecated": false,
   "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",
@@ -161,6 +161,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "22.2.5",
+  "version": "22.2.8",
   "sideEffects": false
 }

package/src/common/menu-base.js

@@ -1491,6 +1491,9 @@ var MenuBase = /** @class */ (function (_super) {
         }
     };
     MenuBase.prototype.afterCloseMenu = function (e) {
+        if (isNullOrUndefined(e)) {
+            return;
+        }
         var isHeader;
         if (this.showSubMenu) {
             if (this.showItemOnClick && this.navIdx.length === 0) {

package/src/tab/tab-model.d.ts

@@ -315,6 +315,12 @@ export interface TabModel extends ComponentModel{
      */
     allowDragAndDrop?: boolean;
 
+    /**
+     * Specifies whether the templates need to be cleared or not while changing the Tab items dynamically.
+     * @default true
+     */
+    clearTemplates?: boolean;
+
     /**
      * Specifies the animation configuration settings while showing the content of the Tab.
      *

package/src/tab/tab.d.ts

@@ -430,6 +430,11 @@ export declare class Tab extends Component<HTMLElement> implements INotifyProper
      * @default false
      */
     allowDragAndDrop: boolean;
+    /**
+     * Specifies whether the templates need to be cleared or not while changing the Tab items dynamically.
+     * @default true
+     */
+    clearTemplates: boolean;
     /**
      * Specifies the animation configuration settings while showing the content of the Tab.
      *

package/src/tab/tab.js

@@ -1489,6 +1489,9 @@ var Tab = /** @class */ (function (_super) {
         }
     };
     Tab.prototype.clearTabTemplate = function (templateEle, templateName, className) {
+        if (!this.clearTemplates) {
+            return;
+        }
         if (this.registeredTemplate && this.registeredTemplate[templateName]) {
             var registeredTemplates = this.registeredTemplate;
             for (var index = 0; index < registeredTemplates[templateName].length; index++) {
@@ -1968,7 +1971,9 @@ var Tab = /** @class */ (function (_super) {
             }
         }
         this.setActiveBorder();
-        item.setAttribute('aria-hidden', '' + value);
+        if (!isNullOrUndefined(item.firstElementChild)) {
+            item.firstElementChild.setAttribute('aria-hidden', '' + value);
+        }
         if (this.overflowMode === 'Popup' && this.tbObj) {
             this.tbObj.refreshOverflow();
         }
@@ -2389,6 +2394,9 @@ var Tab = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], Tab.prototype, "allowDragAndDrop", void 0);
+    __decorate([
+        Property(true)
+    ], Tab.prototype, "clearTemplates", void 0);
     __decorate([
         Complex({}, TabAnimationSettings)
     ], Tab.prototype, "animation", void 0);

package/src/toolbar/toolbar.d.ts

@@ -502,6 +502,7 @@ export declare class Toolbar extends Component<HTMLElement> implements INotifyPr
     private orientationChange;
     private extendedOpen;
     private updateHideEleTabIndex;
+    private clearToolbarTemplate;
     /**
      * Gets called when the model property changes.The data that describes the old and new values of the property that changed.
      *

package/src/toolbar/toolbar.js

@@ -1814,7 +1814,7 @@ var Toolbar = /** @class */ (function (_super) {
                 this.tbarAlgEle[(this.items[parseInt(eleIdx.toString(), 10)].align + 's').toLowerCase()].splice(parseInt(indexAgn.toString(), 10), 1);
             }
             if (this.isReact) {
-                this.clearTemplate();
+                this.clearToolbarTemplate(innerItems[parseInt(index.toString(), 10)]);
             }
             var btnItem = innerItems[parseInt(index.toString(), 10)].querySelector('.e-control.e-btn');
             if (!isNOU(btnItem) && !isNOU(btnItem.ej2_instances[0]) && !(btnItem.ej2_instances[0].isDestroyed)) {
@@ -2127,6 +2127,30 @@ var Toolbar = /** @class */ (function (_super) {
             nextEle = innerItems[++eleIndex];
         }
     };
+    Toolbar.prototype.clearToolbarTemplate = function (templateEle) {
+        if (this.registeredTemplate && this.registeredTemplate["" + 'template']) {
+            var registeredTemplates = this.registeredTemplate;
+            for (var index = 0; index < registeredTemplates["" + 'template'].length; index++) {
+                var registeredItem = registeredTemplates["" + 'template'][parseInt(index.toString(), 10)].rootNodes[0];
+                var closestItem = closest(registeredItem, '.' + CLS_ITEM);
+                if (!isNOU(closestItem) && closestItem === templateEle) {
+                    this.clearTemplate(['template'], [registeredTemplates["" + 'template'][parseInt(index.toString(), 10)]]);
+                    break;
+                }
+            }
+        }
+        else if (this.portals && this.portals.length > 0) {
+            var portals = this.portals;
+            for (var index = 0; index < portals.length; index++) {
+                var portalItem = portals[parseInt(index.toString(), 10)];
+                var closestItem = closest(portalItem.containerInfo, '.' + CLS_ITEM);
+                if (!isNOU(closestItem) && closestItem === templateEle) {
+                    this.clearTemplate(['template'], index);
+                    break;
+                }
+            }
+        }
+    };
     /**
      * Gets called when the model property changes.The data that describes the old and new values of the property that changed.
      *
@@ -2149,31 +2173,29 @@ var Toolbar = /** @class */ (function (_super) {
                             var index = parseInt(Object.keys(newProp.items)[parseInt(i.toString(), 10)], 10);
                             var property = Object.keys(newProp.items[parseInt(index.toString(), 10)])[0];
                             var newProperty = Object(newProp.items[parseInt(index.toString(), 10)])["" + property];
-                            if (typeof newProperty !== 'function') {
-                                if (this.tbarAlign || property === 'align') {
-                                    this.refresh();
-                                    this.trigger('created');
-                                    break;
-                                }
-                                var popupPriCheck = property === 'showAlwaysInPopup' && !newProperty;
-                                var booleanCheck = property === 'overflow' && this.popupPriCount !== 0;
-                                if ((popupPriCheck) || (this.items[parseInt(index.toString(), 10)].showAlwaysInPopup) && booleanCheck) {
-                                    --this.popupPriCount;
-                                }
-                                if (isNOU(this.scrollModule)) {
-                                    this.destroyMode();
-                                }
-                                var itemCol = [].slice.call(selectAll('.' + CLS_ITEMS + ' .' + CLS_ITEM, tEle));
-                                if (this.isReact && this.items[parseInt(index.toString(), 10)].template) {
-                                    this.clearTemplate();
-                                }
-                                detach(itemCol[parseInt(index.toString(), 10)]);
-                                this.tbarEle.splice(index, 1);
-                                this.addItems([this.items[parseInt(index.toString(), 10)]], index);
-                                this.items.splice(index, 1);
-                                if (this.items[parseInt(index.toString(), 10)].template) {
-                                    this.tbarEle.splice(this.items.length, 1);
-                                }
+                            if (this.tbarAlign || property === 'align') {
+                                this.refresh();
+                                this.trigger('created');
+                                break;
+                            }
+                            var popupPriCheck = property === 'showAlwaysInPopup' && !newProperty;
+                            var booleanCheck = property === 'overflow' && this.popupPriCount !== 0;
+                            if ((popupPriCheck) || (this.items[parseInt(index.toString(), 10)].showAlwaysInPopup) && booleanCheck) {
+                                --this.popupPriCount;
+                            }
+                            if (isNOU(this.scrollModule)) {
+                                this.destroyMode();
+                            }
+                            var itemCol = [].slice.call(selectAll('.' + CLS_ITEMS + ' .' + CLS_ITEM, tEle));
+                            if (this.isReact && this.items[parseInt(index.toString(), 10)].template) {
+                                this.clearToolbarTemplate(itemCol[parseInt(index.toString(), 10)]);
+                            }
+                            detach(itemCol[parseInt(index.toString(), 10)]);
+                            this.tbarEle.splice(index, 1);
+                            this.addItems([this.items[parseInt(index.toString(), 10)]], index);
+                            this.items.splice(index, 1);
+                            if (this.items[parseInt(index.toString(), 10)].template) {
+                                this.tbarEle.splice(this.items.length, 1);
                             }
                         }
                     }

package/styles/accordion/_theme.scss

@@ -189,7 +189,11 @@
           color: $acrdn-icon-color;
         }
       }
-
+      &.e-select.e-selected > .e-acrdn-header {
+        &:focus {
+          border: $acrdn-item-exp-not-selected-hdr-focus-border;
+        }
+      }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
 
         &:focus {

package/styles/accordion/bootstrap-dark.css

@@ -398,6 +398,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #3e98ff;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: transparent;
   border: 0;

package/styles/accordion/bootstrap.css

@@ -399,6 +399,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #333;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: transparent;
   border: 0;

package/styles/accordion/bootstrap4.css

@@ -398,6 +398,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #007bff;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #f8f9fa;
   border: 0;

package/styles/accordion/bootstrap5-dark.css

@@ -400,6 +400,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #adb5bd;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/accordion/bootstrap5.css

@@ -400,6 +400,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #6c757d;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/accordion/fabric-dark.css

@@ -398,6 +398,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #dadada;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #dadada;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #514f4f;
   border: 1px solid #dadada;

package/styles/accordion/fabric.css

@@ -399,6 +399,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #333;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #666;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #d1ebff;
   border: 1px solid #666;

package/styles/accordion/fluent-dark.css

@@ -399,6 +399,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #a19f9d;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #f3f2f1;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #252423;
   border: 1px solid #f3f2f1;

package/styles/accordion/fluent.css

@@ -399,6 +399,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #605e5c;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #201f1e;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #f3f2f1;
   border: 1px solid #201f1e;

package/styles/accordion/highcontrast-light.css

@@ -398,6 +398,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #000;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 2px dashed #000;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #400074;
   border: 2px dashed #000;

package/styles/accordion/highcontrast.css

@@ -399,6 +399,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #fff;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 2px dashed #fff;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #ffd939;
   border: 2px dashed #fff;

package/styles/accordion/material-dark.css

@@ -399,6 +399,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(255, 255, 255, 0.7);
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: rgba(255, 255, 255, 0.05);
   border: 0;

package/styles/accordion/material.css

@@ -400,6 +400,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(0, 0, 0, 0.54);
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #eee;
   border: 0;

package/styles/accordion/material3-dark.css

@@ -459,6 +459,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(var(--color-sf-on-surface-variant));
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/accordion/material3.css

@@ -515,6 +515,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(var(--color-sf-on-surface-variant));
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/accordion/tailwind-dark.css

@@ -400,6 +400,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #d1d5db;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #4b5563;
   border: 0;

package/styles/accordion/tailwind.css

@@ -400,6 +400,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #6b7280;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #f3f4f6;
   border: 0;

package/styles/bootstrap-dark.css

@@ -2601,6 +2601,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #3e98ff;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: transparent;
   border: 0;

package/styles/bootstrap.css

@@ -2605,6 +2605,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #333;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: transparent;
   border: 0;

package/styles/bootstrap4.css

@@ -2604,6 +2604,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #007bff;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #f8f9fa;
   border: 0;

package/styles/bootstrap5-dark.css

@@ -2672,6 +2672,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #adb5bd;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/bootstrap5.css

@@ -2672,6 +2672,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #6c757d;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/fabric-dark.css

@@ -2601,6 +2601,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #dadada;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #dadada;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #514f4f;
   border: 1px solid #dadada;

package/styles/fabric.css

@@ -2604,6 +2604,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #333;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #666;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #d1ebff;
   border: 1px solid #666;

package/styles/fluent-dark.css

@@ -2637,6 +2637,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #a19f9d;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #f3f2f1;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #252423;
   border: 1px solid #f3f2f1;

package/styles/fluent.css

@@ -2637,6 +2637,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #605e5c;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 1px solid #201f1e;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #f3f2f1;
   border: 1px solid #201f1e;

package/styles/highcontrast-light.css

@@ -2601,6 +2601,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #000;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 2px dashed #000;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #400074;
   border: 2px dashed #000;

package/styles/highcontrast.css

@@ -2604,6 +2604,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #fff;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 2px dashed #fff;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #ffd939;
   border: 2px dashed #fff;

package/styles/material-dark.css

@@ -2680,6 +2680,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(255, 255, 255, 0.7);
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: rgba(255, 255, 255, 0.05);
   border: 0;

package/styles/material.css

@@ -2686,6 +2686,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(0, 0, 0, 0.54);
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #eee;
   border: 0;

package/styles/material3-dark.css

@@ -2745,6 +2745,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(var(--color-sf-on-surface-variant));
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/material3.css

@@ -2801,6 +2801,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: rgba(var(--color-sf-on-surface-variant));
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: none;
   border: 0;

package/styles/tailwind-dark.css

@@ -2774,6 +2774,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #d1d5db;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #4b5563;
   border: 0;

package/styles/tailwind.css

@@ -2774,6 +2774,9 @@
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
   color: #6b7280;
 }
+.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:focus {
+  border: 0;
+}
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
   background: #f3f4f6;
   border: 0;