@syncfusion/ej2-angular-navigations 20.4.53 → 21.1.35-ngcc

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`).
@@ -20,19 +19,19 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
     /**
      * Specifies the types of command to be rendered in the Toolbar.
      * Supported types are:
-     * - Button: Creates the Button control with its given properties like text, prefixIcon, etc.
-     * - Separator: Adds a horizontal line that separates the Toolbar commands.
-     * - Input: Creates an input element that is applicable to template rendering with Syncfusion controls like DropDownList,
+     * * `Button`: Creates the Button control with its given properties like text, prefixIcon, etc.
+     * * `Separator`: Adds a horizontal line that separates the Toolbar commands.
+     * * `Input`: Creates an input element that is applicable to template rendering with Syncfusion controls like DropDownList,
      * AutoComplete, etc.
      * @default 'Button'
      */
     type: any;
     /**
      * Specifies the location for aligning Toolbar items on the Toolbar. Each command will be aligned according to the `align` property.
-     * Possible values are:
-     * - Left: To align commands to the left side of the Toolbar.
-     * - Center: To align commands at the center of the Toolbar.
-     * - Right: To align commands to the right side of the Toolbar.
+     * The possible values for this property as follows
+     * * `Left`: To align commands to the left side of the Toolbar.
+     * * `Center`: To align commands at the center of the Toolbar.
+     * * `Right`: To align commands to the right side of the Toolbar.
      *
      * @default "Left"
      */
@@ -60,10 +59,10 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
     id: any;
     /**
      * Specifies the Toolbar command display area when an element's content is too large to fit available space.
-     * This is applicable only to `popup` mode. Possible values are:
-     * - Show:  Always shows the item as the primary priority on the *Toolbar*.
-     * - Hide: Always shows the item as the secondary priority on the *popup*.
-     * - None: No priority for display, and as per normal order moves to popup when content exceeds.
+     * This is applicable only to `popup` mode. The possible values for this property as follows
+     * * `Show`:  Always shows the item as the primary priority on the *Toolbar*.
+     * * `Hide`: Always shows the item as the secondary priority on the *popup*.
+     * * `None`: No priority for display, and as per normal order moves to popup when content exceeds.
      * @default 'None'
      */
     overflow: any;
@@ -81,10 +80,10 @@ export declare class ItemDirective extends ComplexBase<ItemDirective> {
     showAlwaysInPopup: any;
     /**
      * Specifies where the button text will be displayed on *popup mode* of the Toolbar.
-     * Possible values are:
-     * - Toolbar:  Text will be displayed on *Toolbar* only.
-     * - Overflow: Text will be displayed only when content overflows to *popup*.
-     * - Both: Text will be displayed on *popup* and *Toolbar*.
+     * The possible values for this property as follows
+     * * `Toolbar`:  Text will be displayed on *Toolbar* only.
+     * * `Overflow`: Text will be displayed only when content overflows to *popup*.
+     * * `Both`: Text will be displayed on *popup* and *Toolbar*.
      * @default 'Both'
      */
     showTextOn: any;
@@ -128,8 +127,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
@@ -137,6 +134,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[];
@@ -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

@@ -161,7 +161,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

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

@@ -162,7 +162,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

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

@@ -161,7 +161,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

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

@@ -58,7 +58,7 @@
   min-height: 48px;
   min-width: 24px;
   right: 16px;
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
@@ -67,7 +67,7 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
@@ -163,7 +163,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 4px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;
@@ -224,7 +223,7 @@
   padding: 20px 20px 20px 38px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;

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

@@ -58,7 +58,7 @@
   min-height: 48px;
   min-width: 24px;
   right: 16px;
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
@@ -67,7 +67,7 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
@@ -163,7 +163,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 4px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;
@@ -224,7 +223,7 @@
   padding: 20px 20px 20px 38px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;

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

@@ -161,7 +161,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

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

@@ -162,7 +162,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

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

@@ -57,7 +57,7 @@
   min-height: 48px;
   min-width: 24px;
   right: 16px;
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
@@ -66,7 +66,7 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
@@ -162,7 +162,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;
@@ -223,7 +222,7 @@
   padding: 20px 20px 20px 38px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;

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

@@ -57,7 +57,7 @@
   min-height: 48px;
   min-width: 24px;
   right: 16px;
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
@@ -66,7 +66,7 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
@@ -162,7 +162,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;
@@ -223,7 +222,7 @@
   padding: 20px 20px 20px 38px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;

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

@@ -161,7 +161,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

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

@@ -162,7 +162,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

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

@@ -162,7 +162,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

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

@@ -163,7 +163,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;

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

@@ -58,7 +58,7 @@
   min-height: 48px;
   min-width: 24px;
   right: 16px;
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
@@ -67,7 +67,7 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
@@ -163,7 +163,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;
@@ -224,7 +223,7 @@
   padding: 20px 20px 20px 38px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;

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

@@ -58,7 +58,7 @@
   min-height: 48px;
   min-width: 24px;
   right: 16px;
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
@@ -67,7 +67,7 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
-  font-size: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
@@ -163,7 +163,6 @@
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-bottom: 0;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
   display: inline-block;
@@ -224,7 +223,7 @@
   padding: 20px 20px 20px 38px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-  font-weight: normal;
+  font-weight: 400;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-weight: normal;

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.css

@@ -64,6 +64,9 @@
 .e-appbar.e-horizontal-bottom.e-sticky {
   position: fixed;
   top: auto;
+  max-width: inherit;
+  left: auto;
+  right: auto;
 }
 .e-appbar .e-appbar-separator {
   height: 32px;

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.css

@@ -64,6 +64,9 @@
 .e-appbar.e-horizontal-bottom.e-sticky {
   position: fixed;
   top: auto;
+  max-width: inherit;
+  left: auto;
+  right: auto;
 }
 .e-appbar .e-appbar-separator {
   height: 32px;

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.css

@@ -64,6 +64,9 @@
 .e-appbar.e-horizontal-bottom.e-sticky {
   position: fixed;
   top: auto;
+  max-width: inherit;
+  left: auto;
+  right: auto;
 }
 .e-appbar .e-appbar-separator {
   height: 32px;

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.css

@@ -64,6 +64,9 @@
 .e-appbar.e-horizontal-bottom.e-sticky {
   position: fixed;
   top: auto;
+  max-width: inherit;
+  left: auto;
+  right: auto;
 }
 .e-appbar .e-appbar-separator {
   height: 32px;

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';