@syncfusion/ej2-angular-navigations 26.1.35 → 26.1.38-ngcc

package/src/tab/items.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * 'e-tabitem' directive represent a item of the Angular Tab.
  * It must be contained in a Tab component(`ejs-tab`).
@@ -68,8 +67,6 @@ export declare class TabItemDirective extends ComplexBase<TabItemDirective> {
      */
     headerTemplate: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TabItemDirective, "e-tabitems>e-tabitem", never, { "content": "content"; "cssClass": "cssClass"; "disabled": "disabled"; "header": "header"; "headerTemplate": "headerTemplate"; "id": "id"; "tabIndex": "tabIndex"; "visible": "visible"; }, {}, ["content", "header_text", "headerTemplate"]>;
 }
 /**
  * TabItem Array Directive
@@ -77,6 +74,4 @@ export declare class TabItemDirective extends ComplexBase<TabItemDirective> {
  */
 export declare class TabItemsDirective extends ArrayBase<TabItemsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabItemsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TabItemsDirective, "ejs-tab>e-tabitems", never, {}, {}, ["children"]>;
 }

package/src/tab/tab-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./tab.module";
 /**
  * NgModule definition for the Tab component with providers.
  */
 export declare class TabAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TabAllModule, never, [typeof i1.CommonModule, typeof i2.TabModule], [typeof i2.TabModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TabAllModule>;
 }

package/src/tab/tab.component.d.ts

@@ -2,7 +2,6 @@ import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@a
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Tab } from '@syncfusion/ej2-navigations';
 import { TabItemsDirective } from './items.directive';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -39,6 +38,4 @@ export declare class TabComponent extends Tab implements IComponentBase {
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "ejs-tab", never, { "allowDragAndDrop": "allowDragAndDrop"; "animation": "animation"; "clearTemplates": "clearTemplates"; "cssClass": "cssClass"; "dragArea": "dragArea"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "headerPlacement": "headerPlacement"; "height": "height"; "heightAdjustMode": "heightAdjustMode"; "items": "items"; "loadOn": "loadOn"; "locale": "locale"; "overflowMode": "overflowMode"; "reorderActiveTab": "reorderActiveTab"; "scrollStep": "scrollStep"; "selectedItem": "selectedItem"; "showCloseButton": "showCloseButton"; "width": "width"; }, { "added": "added"; "adding": "adding"; "created": "created"; "destroyed": "destroyed"; "dragged": "dragged"; "dragging": "dragging"; "onDragStart": "onDragStart"; "removed": "removed"; "removing": "removing"; "selected": "selected"; "selecting": "selecting"; }, ["childItems"], ["div"]>;
 }

package/src/tab/tab.module.d.ts

@@ -1,12 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./tab.component";
-import * as i2 from "./items.directive";
-import * as i3 from "@angular/common";
 /**
  * NgModule definition for the Tab component.
  */
 export declare class TabModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TabModule, [typeof i1.TabComponent, typeof i2.TabItemDirective, typeof i2.TabItemsDirective], [typeof i3.CommonModule], [typeof i1.TabComponent, typeof i2.TabItemDirective, typeof i2.TabItemsDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TabModule>;
 }

package/src/toolbar/items.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * 'e-item' directive represent a item of the Angular Toolbar.
  * It must be contained in a Toolbar component(`ejs-toolbar`).
@@ -133,8 +132,6 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
      */
     template: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ItemDirective, "e-items>e-item", never, { "align": "align"; "cssClass": "cssClass"; "disabled": "disabled"; "htmlAttributes": "htmlAttributes"; "id": "id"; "overflow": "overflow"; "prefixIcon": "prefixIcon"; "showAlwaysInPopup": "showAlwaysInPopup"; "showTextOn": "showTextOn"; "suffixIcon": "suffixIcon"; "tabIndex": "tabIndex"; "template": "template"; "text": "text"; "tooltipText": "tooltipText"; "type": "type"; "visible": "visible"; "width": "width"; }, { "click": "click"; }, ["template"]>;
 }
 /**
  * Item Array Directive
@@ -142,6 +139,4 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
  */
 export declare class ItemsDirective extends ArrayBase<ItemsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ItemsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ItemsDirective, "ejs-toolbar>e-items", never, {}, {}, ["children"]>;
 }

package/src/toolbar/toolbar-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./toolbar.module";
 /**
  * NgModule definition for the Toolbar component with providers.
  */
 export declare class ToolbarAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolbarAllModule, never, [typeof i1.CommonModule, typeof i2.ToolbarModule], [typeof i2.ToolbarModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ToolbarAllModule>;
 }

package/src/toolbar/toolbar.component.d.ts

@@ -2,7 +2,6 @@ import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@a
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Toolbar } from '@syncfusion/ej2-navigations';
 import { ItemsDirective } from './items.directive';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -32,6 +31,4 @@ export declare class ToolbarComponent extends Toolbar implements IComponentBase
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "ejs-toolbar", never, { "allowKeyboard": "allowKeyboard"; "cssClass": "cssClass"; "enableCollision": "enableCollision"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "height": "height"; "items": "items"; "locale": "locale"; "overflowMode": "overflowMode"; "scrollStep": "scrollStep"; "width": "width"; }, { "beforeCreate": "beforeCreate"; "clicked": "clicked"; "created": "created"; "destroyed": "destroyed"; }, ["childItems"], ["div"]>;
 }

package/src/toolbar/toolbar.module.d.ts

@@ -1,12 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./toolbar.component";
-import * as i2 from "./items.directive";
-import * as i3 from "@angular/common";
 /**
  * NgModule definition for the Toolbar component.
  */
 export declare class ToolbarModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolbarModule, [typeof i1.ToolbarComponent, typeof i2.ItemDirective, typeof i2.ItemsDirective], [typeof i3.CommonModule], [typeof i1.ToolbarComponent, typeof i2.ItemDirective, typeof i2.ItemsDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ToolbarModule>;
 }

package/src/treeview/treeview-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./treeview.module";
 /**
  * NgModule definition for the TreeView component with providers.
  */
 export declare class TreeViewAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TreeViewAllModule, never, [typeof i1.CommonModule, typeof i2.TreeViewModule], [typeof i2.TreeViewModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TreeViewAllModule>;
 }

package/src/treeview/treeview.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { TreeView } from '@syncfusion/ej2-navigations';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -60,6 +59,4 @@ export declare class TreeViewComponent extends TreeView implements IComponentBas
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeViewComponent, "ejs-treeview", never, { "allowDragAndDrop": "allowDragAndDrop"; "allowEditing": "allowEditing"; "allowMultiSelection": "allowMultiSelection"; "allowTextWrap": "allowTextWrap"; "animation": "animation"; "autoCheck": "autoCheck"; "checkedNodes": "checkedNodes"; "cssClass": "cssClass"; "disabled": "disabled"; "dragArea": "dragArea"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "expandOn": "expandOn"; "expandedNodes": "expandedNodes"; "fields": "fields"; "fullRowNavigable": "fullRowNavigable"; "fullRowSelect": "fullRowSelect"; "loadOnDemand": "loadOnDemand"; "locale": "locale"; "nodeTemplate": "nodeTemplate"; "selectedNodes": "selectedNodes"; "showCheckBox": "showCheckBox"; "sortOrder": "sortOrder"; }, { "actionFailure": "actionFailure"; "created": "created"; "dataBound": "dataBound"; "dataSourceChanged": "dataSourceChanged"; "destroyed": "destroyed"; "drawNode": "drawNode"; "keyPress": "keyPress"; "nodeChecked": "nodeChecked"; "nodeChecking": "nodeChecking"; "nodeClicked": "nodeClicked"; "nodeCollapsed": "nodeCollapsed"; "nodeCollapsing": "nodeCollapsing"; "nodeDragStart": "nodeDragStart"; "nodeDragStop": "nodeDragStop"; "nodeDragging": "nodeDragging"; "nodeDropped": "nodeDropped"; "nodeEdited": "nodeEdited"; "nodeEditing": "nodeEditing"; "nodeExpanded": "nodeExpanded"; "nodeExpanding": "nodeExpanding"; "nodeSelected": "nodeSelected"; "nodeSelecting": "nodeSelecting"; }, ["nodeTemplate"], never>;
 }

package/src/treeview/treeview.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./treeview.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the TreeView component.
  */
 export declare class TreeViewModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TreeViewModule, [typeof i1.TreeViewComponent], [typeof i2.CommonModule], [typeof i1.TreeViewComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TreeViewModule>;
 }

package/styles/accordion/bootstrap-dark.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: transparent;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: #3e98ff;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #505050;

package/styles/accordion/bootstrap.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: transparent;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: #333;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #ddd;

package/styles/accordion/bootstrap4.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #f8f9fa;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f8f9fa;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: #007bff;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #000 #000 rgba(0, 0, 0, 0.13);

package/styles/accordion/bootstrap5-dark.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: none;
   -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
           box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-  background: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: #6ea8fe;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #444c54;

package/styles/accordion/bootstrap5.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: none;
   -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
           box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-  background: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: #0c63e4;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
-          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #dee2e6;

package/styles/accordion/fabric-dark.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #414040;
+  background: #414040;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #414040;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: #dadada;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #414040;

package/styles/accordion/fabric.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #f4f4f4;
+  background: #f4f4f4;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f4f4f4;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: #333;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #eaeaea;

package/styles/accordion/fluent-dark.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #f3f2f1;
+  background: #252423;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #252423;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: #a19f9d;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #292827;

package/styles/accordion/fluent.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #201f1e;
+  background: #f3f2f1;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f3f2f1;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: #605e5c;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #edebe9;

package/styles/accordion/fluent2.css

@@ -1452,15 +1452,19 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
-  -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: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon {
   color: var(--color-sf-content-text-color);
 }
+.e-accordion .e-acrdn-item .e-acrdn-header:focus-visible {
+  -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);
+}
 .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
   color: var(--color-sf-content-text-color);
 }
@@ -1531,10 +1535,14 @@
   color: var(--color-sf-icon-color);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -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);
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
+  -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);
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: transparent;

package/styles/accordion/highcontrast-light.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 2px dashed #000;
+  background: inherit;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: inherit;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: #000;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #757575;

package/styles/accordion/highcontrast.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 2px dashed #fff;
+  background: inherit;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: inherit;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: #fff;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #969696;

package/styles/accordion/material-dark.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: rgba(255, 255, 255, 0.05);
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: rgba(255, 255, 255, 0.05);
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: rgba(255, 255, 255, 0.7);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: transparent transparent #616161;

package/styles/accordion/material.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #eee;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #eee;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: rgba(0, 0, 0, 0.54);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: transparent transparent rgba(0, 0, 0, 0.12);

package/styles/accordion/material3-dark.css

@@ -531,9 +531,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: rgba(var(--color-sf-on-surface), 0.04);
   -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
           box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
-  background: rgba(var(--color-sf-on-surface), 0.04);
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -610,10 +610,10 @@
   color: rgba(var(--color-sf-primary));
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
-          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: rgba(var(--color-sf-outline-variant));

package/styles/accordion/material3.css

@@ -643,9 +643,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: rgba(var(--color-sf-on-surface), 0.04);
   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
           box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
-  background: rgba(var(--color-sf-on-surface), 0.04);
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -722,10 +722,10 @@
   color: rgba(var(--color-sf-primary));
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
-          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: rgba(var(--color-sf-outline-variant));

package/styles/accordion/tailwind-dark.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #4b5563;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #4b5563;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: #d1d5db;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #4b5563;

package/styles/accordion/tailwind.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #f3f4f6;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f3f4f6;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -497,10 +497,10 @@
   color: #6b7280;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #e5e7eb;

package/styles/bootstrap-dark.css

@@ -2819,9 +2819,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: transparent;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2898,10 +2898,10 @@
   color: #3e98ff;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #505050;