@syncfusion/ej2-angular-navigations 20.4.48 → 20.4.49-ngcc

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[];
@@ -56,6 +55,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

@@ -274,15 +274,15 @@
   border: 1px none #505050;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #484848;
-}
 .e-accordion .e-acrdn-item {
   border-color: #505050;
   border-style: solid;
   border-width: 0;
   border-radius: 4px;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #484848;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #505050;
   border-radius: 4px;

package/styles/accordion/bootstrap-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/bootstrap-dark.scss';

package/styles/accordion/bootstrap.css

@@ -275,15 +275,15 @@
   border: 1px none #ddd;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #ddd;
   border-style: solid;
   border-width: 0;
   border-radius: 4px;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #ddd;
   border-radius: 4px;

package/styles/accordion/bootstrap.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/bootstrap.scss';

package/styles/accordion/bootstrap4.css

@@ -274,15 +274,15 @@
   border: 1px solid rgba(0, 0, 0, 0.13);
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: rgba(0, 0, 0, 0.13);
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 4px 4px 0 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0 0 4px 4px;

package/styles/accordion/bootstrap4.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/bootstrap4.scss';

package/styles/accordion/bootstrap5-dark.css

@@ -276,15 +276,15 @@
   border: 1px solid #444c54;
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #212529;
-}
 .e-accordion .e-acrdn-item {
   border-color: #444c54;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #212529;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/bootstrap5-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/bootstrap5-dark.scss';

package/styles/accordion/bootstrap5.css

@@ -276,15 +276,15 @@
   border: 1px solid #dee2e6;
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #dee2e6;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/bootstrap5.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/bootstrap5.scss';

package/styles/accordion/fabric-dark.css

@@ -274,15 +274,15 @@
   border: 1px solid #414040;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #201f1f;
-}
 .e-accordion .e-acrdn-item {
   border-color: #201f1f;
   border-style: solid;
   border-width: 1px 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #201f1f;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #201f1f;
   border-radius: 0;

package/styles/accordion/fabric-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/fabric-dark.scss';

package/styles/accordion/fabric.css

@@ -275,15 +275,15 @@
   border: 1px solid #eaeaea;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #fff;
   border-style: solid;
   border-width: 1px 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #fff;
   border-radius: 0;

package/styles/accordion/fabric.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/fabric.scss';

package/styles/accordion/fluent-dark.css

@@ -275,15 +275,15 @@
   border: 1px solid #292827;
   border-radius: 2px;
 }
-.e-accordion .e-active {
-  background: #1b1a19;
-}
 .e-accordion .e-acrdn-item {
   border-color: #292827;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #1b1a19;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/fluent-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/fluent-dark.scss';

package/styles/accordion/fluent.css

@@ -275,15 +275,15 @@
   border: 1px solid #edebe9;
   border-radius: 2px;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #edebe9;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/fluent.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/fluent.scss';

package/styles/accordion/highcontrast-light.css

@@ -274,15 +274,15 @@
   border: 1px solid #757575;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #ccc;
-}
 .e-accordion .e-acrdn-item {
   border-color: #757575;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #ccc;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/highcontrast-light.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/highcontrast-light.scss';

package/styles/accordion/highcontrast.css

@@ -275,15 +275,15 @@
   border: 1px solid #969696;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #000;
-}
 .e-accordion .e-acrdn-item {
   border-color: #969696;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #000;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/highcontrast.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/highcontrast.scss';

package/styles/accordion/material-dark.css

@@ -275,15 +275,15 @@
   border: 1px solid #616161;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #303030;
-}
 .e-accordion .e-acrdn-item {
   border-color: #616161;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #303030;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid transparent;
   border-radius: 0;

package/styles/accordion/material-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/material-dark.scss';

package/styles/accordion/material.css

@@ -276,15 +276,15 @@
   border: 1px solid rgba(0, 0, 0, 0.12);
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: rgba(0, 0, 0, 0.12);
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid transparent;
   border-radius: 0;

package/styles/accordion/material.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/material.scss';

package/styles/accordion/tailwind-dark.css

@@ -276,15 +276,15 @@
   border: 1px solid #4b5563;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #1f2937;
-}
 .e-accordion .e-acrdn-item {
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 4px 4px 0 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #1f2937;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0 0 4px 4px;

package/styles/accordion/tailwind-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'icons/tailwind-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/tailwind-dark.scss';

package/styles/accordion/tailwind.css

@@ -276,15 +276,15 @@
   border: 1px solid #e5e7eb;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #e5e7eb;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 4px 4px 0 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0 0 4px 4px;

package/styles/accordion/tailwind.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'icons/tailwind.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/tailwind.scss';

package/styles/appbar/bootstrap-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/bootstrap-dark.scss';

package/styles/appbar/bootstrap.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/bootstrap.scss';

package/styles/appbar/bootstrap4.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/bootstrap4.scss';

package/styles/appbar/bootstrap5-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/bootstrap5-dark.scss';

package/styles/appbar/bootstrap5.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/bootstrap5.scss';

package/styles/appbar/fabric-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/fabric-dark.scss';

package/styles/appbar/fabric.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/fabric.scss';

package/styles/appbar/fluent-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/fluent-dark.scss';

package/styles/appbar/fluent.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/fluent.scss';

package/styles/appbar/highcontrast-light.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/highcontrast-light.scss';

package/styles/appbar/highcontrast.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/highcontrast.scss';

package/styles/appbar/material-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/material-dark.scss';

package/styles/appbar/material.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'material-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/material.scss';

package/styles/appbar/tailwind-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/tailwind-dark.scss';

package/styles/appbar/tailwind.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/tailwind.scss';

package/styles/bootstrap-dark.css

@@ -2774,15 +2774,15 @@
   border: 1px none #505050;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #484848;
-}
 .e-accordion .e-acrdn-item {
   border-color: #505050;
   border-style: solid;
   border-width: 0;
   border-radius: 4px;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #484848;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #505050;
   border-radius: 4px;
@@ -8751,6 +8751,7 @@ ejs-sidebar {
   line-height: 42px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/bootstrap.css

@@ -2778,15 +2778,15 @@
   border: 1px none #ddd;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #ddd;
   border-style: solid;
   border-width: 0;
   border-radius: 4px;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #ddd;
   border-radius: 4px;
@@ -8767,6 +8767,7 @@ ejs-sidebar {
   line-height: 40px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {