@syncfusion/ej2-angular-navigations 20.1.60 → 20.2.36

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

@@ -1,5 +1,6 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
+import * as i0 from "@angular/core";
 export declare class MenuItemDirective extends ComplexBase<MenuItemDirective> {
     private viewContainerRef;
     directivePropList: any;
@@ -35,6 +36,8 @@ export declare class MenuItemDirective extends ComplexBase<MenuItemDirective> {
      */
     url: any;
     constructor(viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuItemDirective, "ejs-menu>e-menu-items>e-menu-item>", never, { "iconCss": "iconCss"; "id": "id"; "items": "items"; "separator": "separator"; "text": "text"; "url": "url"; }, {}, never>;
 }
 /**
  * MenuItem Array Directive
@@ -42,4 +45,6 @@ export declare class MenuItemDirective extends ComplexBase<MenuItemDirective> {
  */
 export declare class MenuItemsDirective extends ArrayBase<MenuItemsDirective> {
     constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuItemsDirective, "ejs-menu>e-menu-items", never, {}, {}, ["children"]>;
 }

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

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

package/src/menu/menu.component.d.ts

@@ -2,6 +2,7 @@ import { ElementRef, ViewContainerRef, QueryList, Renderer2, Injector } from '@a
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Menu } from '@syncfusion/ej2-navigations';
 import { MenuItemsDirective } 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,4 +40,6 @@ export declare class MenuComponent extends Menu implements IComponentBase {
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "ejs-menu", never, { "animationSettings": "animationSettings"; "cssClass": "cssClass"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableScrolling": "enableScrolling"; "fields": "fields"; "filter": "filter"; "hamburgerMode": "hamburgerMode"; "hoverDelay": "hoverDelay"; "items": "items"; "locale": "locale"; "orientation": "orientation"; "showItemOnClick": "showItemOnClick"; "target": "target"; "template": "template"; "title": "title"; }, { "beforeClose": "beforeClose"; "beforeItemRender": "beforeItemRender"; "beforeOpen": "beforeOpen"; "created": "created"; "onClose": "onClose"; "onOpen": "onOpen"; "select": "select"; }, ["template", "childItems"], never>;
 }

package/src/menu/menu.module.d.ts

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

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

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

package/src/sidebar/sidebar.component.d.ts

@@ -1,6 +1,7 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Sidebar } 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[];
@@ -30,4 +31,6 @@ export declare class SidebarComponent extends Sidebar implements IComponentBase
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "ejs-sidebar", never, { "animate": "animate"; "closeOnDocumentClick": "closeOnDocumentClick"; "dockSize": "dockSize"; "enableDock": "enableDock"; "enableGestures": "enableGestures"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "height": "height"; "isOpen": "isOpen"; "locale": "locale"; "mediaQuery": "mediaQuery"; "position": "position"; "showBackdrop": "showBackdrop"; "target": "target"; "type": "type"; "width": "width"; "zIndex": "zIndex"; }, { "change": "change"; "close": "close"; "created": "created"; "destroyed": "destroyed"; "open": "open"; "isOpenChange": "isOpenChange"; }, never, ["*"]>;
 }

package/src/sidebar/sidebar.module.d.ts

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

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

@@ -1,5 +1,6 @@
 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`).
@@ -52,6 +53,8 @@ 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"; "visible": "visible"; }, {}, ["content", "header_text", "headerTemplate"]>;
 }
 /**
  * TabItem Array Directive
@@ -59,4 +62,6 @@ 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,5 +1,11 @@
+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,6 +2,7 @@ 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[];
@@ -38,4 +39,6 @@ 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"; "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,5 +1,12 @@
+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,5 +1,6 @@
 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`).
@@ -120,6 +121,8 @@ 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"; "template": "template"; "text": "text"; "tooltipText": "tooltipText"; "type": "type"; "visible": "visible"; "width": "width"; }, { "click": "click"; }, ["template"]>;
 }
 /**
  * Item Array Directive
@@ -127,4 +130,6 @@ 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,5 +1,11 @@
+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,6 +2,7 @@ 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[];
@@ -31,4 +32,6 @@ 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,5 +1,12 @@
+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,5 +1,11 @@
+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,6 +1,7 @@
 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[];
@@ -55,4 +56,6 @@ 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,5 +1,11 @@
+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/_all.scss

@@ -0,0 +1,2 @@
+@import 'layout.scss';
+@import 'theme.scss';

package/styles/accordion/_bootstrap-dark-definition.scss

@@ -0,0 +1,72 @@
+//default 
+$acrdn-skin: 'bootstrap' !default;
+$acrdn-header-font-weight: normal !default;
+$acrdn-icon-font-size: $font-size !default;
+$acrdn-content-line-height: 1.5 !default;
+$acrdn-tab-highlight-color:  rgba(0, 0, 0, 0) !default;
+$acrdn-border-size: $border-size !default;
+$acrdn-active-bg: $grey-88 !default;
+$acrdn-active-bg-color: $acrdn-active-bg !default;
+$acrdn-item-select-bg: $grey-base !default;
+$acrdn-header-hover-bg: transparent !default;
+$acrdn-header-active-bg: transparent !default;
+$acrdn-selected-border-size: $border-size !default;
+$acrdn-selected-border-color: $grey-99 !default;
+$acrdn-nested-header-font: $header-font-color !default;
+$acrdn-nrml-header-minheight: 40px !default;
+$acrdn-bgr-header-minheight: 50px !default;
+$acrdn-nrml-header-lineheight: 39px !default;
+$acrdn-bgr-header-lineheight: 48px !default;
+$acrdn-nrml-header-paddingpix: 15px !default;
+$acrdn-bgr-header-paddingpix: 15px !default;
+// Header, Nested header and RTL mode Padding
+$acrdn-nrml-header-padding: 0 30px 0 15px !default;
+$acrdn-bgr-header-padding: 0 30px 0 15px !default;
+$acrdn-nest-nrml-header-padding: 0 30px !default;
+$acrdn-nest-bgr-header-padding: 0 30px !default;
+$acrdn-nest-second-nrml-header-padding: 0 30px 0 45px !default;
+$acrdn-nest-second-bgr-header-padding: 0 30px 0 45px !default;
+$acrdn-rtl-nrml-header-padding: 0 15px 0 30px !default;
+$acrdn-rtl-bgr-header-padding: $acrdn-rtl-nrml-header-padding !default;
+$acrdn-rtl-nest-nrml-header-padding: 0 30px !default;
+$acrdn-rtl-nest-bgr-header-padding: $acrdn-rtl-nest-nrml-header-padding !default;
+$acrdn-rtl-nest-second-nrml-header-padding: 0  45px 0 30px  !default;
+$acrdn-rtl-nest-second-bgr-header-padding: $acrdn-rtl-nest-second-nrml-header-padding !default;
+// Content, Nested content and RTL mode Padding
+$acrdn-nrml-content-padding: 15px !default;
+$acrdn-bgr-content-padding: 15px !default;
+$acrdn-nest-nrml-content-padding: 15px 15px 15px 30px !default;
+$acrdn-nest-bgr-content-padding: $acrdn-nest-nrml-content-padding !default;
+$acrdn-nest-second-nrml-content-padding: 15px 15px 15px 45px !default;
+$acrdn-nest-second-bgr-content-padding: $acrdn-nest-second-nrml-content-padding !default;
+$acrdn-rtl-nest-nrml-content-padding: 15px 30px 15px 15px !default;
+$acrdn-rtl-nest-bgr-content-padding: $acrdn-rtl-nest-nrml-content-padding !default;
+$acrdn-rtl-nest-second-nrml-content-padding: 15px 45px 15px 15px !default;
+$acrdn-rtl-nest-second-bgr-content-padding: $acrdn-rtl-nest-second-nrml-content-padding !default;
+$acrdn-nrml-icn-minwidth: 24px !default;
+$acrdn-bgr-icn-minwidth: 24px !default;
+$acrdn-header-font-size: 16px !default;
+$acrdn-nest-header-font-size: 14px !default;
+$acrdn-nest-header-content-font-size: $acrdn-nest-header-font-size !default;
+$acrdn-nest-header-content-font-weight: normal !default;
+$acrdn-content-font-size: 14px !default;
+$acrdn-header-font-bgr-size: 16px !default;
+$acrdn-content-font-bgr-size: 14px !default;
+$acrdn-nrml-header-icon-padding: 10px !default;
+$acrdn-bgr-header-icon-padding: 10px !default;
+$acrdn-item-padding-size: 0 !default;
+$acrdn-border-type: none !default;
+$acrdn-selected-border-type: none !default;
+$acrdn-slct-header-font-weight: normal !default;
+$acrdn-font-family: 'Helvetica Neue' , 'Helvetica' , 'Arial' , 'sans-serif' !default;
+$acrdn-selected-header-color: $grey-88 !default;
+$acrdn-default-border: $grey-99 !default;
+$acrdn-bg-color: $grey-base !default;
+$acrdn-default-bg-color: $acrdn-bg-color !default;
+$acrdn-content-color: $grey-dark-font !default;
+$acrdn-header-focus-bg: transparent !default;
+$acrdn-header-font: lighten($brand-primary, 15%) !default;
+$acrdn-icon-color: lighten($brand-primary, 15%) !default;
+$acrdn-selected-header-font-color: $grey-dark-font !default;
+$acrdn-selected-icon-color: $grey-light-font !default;
+//enddefault

package/styles/accordion/_bootstrap-definition.scss

@@ -0,0 +1,80 @@
+//default 
+/*! component's theme wise override fabric-definitions and variables */
+$acrdn-skin: 'bootstrap' !default;
+$acrdn-header-font-weight: normal !default;
+$acrdn-icon-font-size: $font-size !default;
+$acrdn-content-line-height: 1.5 !default;
+$acrdn-tab-highlight-color:  rgba(0, 0, 0, 0) !default;
+$acrdn-bg-color: $default-bg-color !default;
+$acrdn-default-bg-color: $acrdn-bg-color !default;
+$acrdn-border-size: $border-size !default;
+$acrdn-active-bg: $default-bg-color !default;
+$acrdn-active-bg-color: $acrdn-active-bg !default;
+$acrdn-header-font: $header-font-color !default;
+$acrdn-content-color: $content-font-color !default;
+$acrdn-icon-color: $header-icon-color !default;
+$acrdn-header-hover-bg: transparent !default;
+$acrdn-header-active-bg: transparent !default;
+$acrdn-selected-icon-color: $header-icon-color !default;
+$acrdn-selected-header-font-color: $header-font-color !default;
+$acrdn-selected-border-size: $border-size !default;
+$acrdn-selected-border-color: $default-border-color !default;
+$acrdn-nested-header-font: $header-font-color !default;
+
+$acrdn-nrml-header-minheight: 40px !default;
+$acrdn-bgr-header-minheight: 50px !default;
+$acrdn-nrml-header-lineheight: 39px !default;
+$acrdn-bgr-header-lineheight: 48px !default;
+
+$acrdn-nrml-header-paddingpix: 15px !default;
+$acrdn-bgr-header-paddingpix: 15px !default;
+
+// Header, Nested header and RTL mode Padding
+$acrdn-nrml-header-padding: 0 30px 0 15px !default;
+$acrdn-bgr-header-padding: 0 30px 0 15px !default;
+$acrdn-nest-nrml-header-padding: 0 30px !default;
+$acrdn-nest-bgr-header-padding: 0 30px !default;
+$acrdn-nest-second-nrml-header-padding: 0 30px 0 45px !default;
+$acrdn-nest-second-bgr-header-padding: 0 30px 0 45px !default;
+$acrdn-rtl-nrml-header-padding: 0 15px 0 30px !default;
+$acrdn-rtl-bgr-header-padding: $acrdn-rtl-nrml-header-padding !default;
+$acrdn-rtl-nest-nrml-header-padding: 0 30px !default;
+$acrdn-rtl-nest-bgr-header-padding: $acrdn-rtl-nest-nrml-header-padding !default;
+$acrdn-rtl-nest-second-nrml-header-padding: 0  45px 0 30px  !default;
+$acrdn-rtl-nest-second-bgr-header-padding: $acrdn-rtl-nest-second-nrml-header-padding !default;
+
+// Content, Nested content and RTL mode Padding
+$acrdn-nrml-content-padding: 15px !default;
+$acrdn-bgr-content-padding: 15px !default;
+$acrdn-nest-nrml-content-padding: 15px 15px 15px 30px !default;
+$acrdn-nest-bgr-content-padding: $acrdn-nest-nrml-content-padding !default;
+$acrdn-nest-second-nrml-content-padding: 15px 15px 15px 45px !default;
+$acrdn-nest-second-bgr-content-padding: $acrdn-nest-second-nrml-content-padding !default;
+$acrdn-rtl-nest-nrml-content-padding: 15px 30px 15px 15px !default;
+$acrdn-rtl-nest-bgr-content-padding: $acrdn-rtl-nest-nrml-content-padding !default;
+$acrdn-rtl-nest-second-nrml-content-padding: 15px 45px 15px 15px !default;
+$acrdn-rtl-nest-second-bgr-content-padding: $acrdn-rtl-nest-second-nrml-content-padding !default;
+
+
+$acrdn-nrml-icn-minwidth: 24px !default;
+$acrdn-bgr-icn-minwidth: 24px !default;
+$acrdn-header-font-size: 16px !default;
+$acrdn-nest-header-font-size: 14px !default;
+$acrdn-nest-header-content-font-size: $acrdn-nest-header-font-size !default;
+$acrdn-nest-header-content-font-weight: normal !default;
+$acrdn-content-font-size: 14px !default;
+$acrdn-header-font-bgr-size: 16px !default;
+$acrdn-content-font-bgr-size: 14px !default;
+$acrdn-nrml-header-icon-padding: 10px !default;
+$acrdn-bgr-header-icon-padding: 10px !default;
+$acrdn-item-padding-size: 0 !default;
+$acrdn-border-type: none !default;
+$acrdn-selected-border-type: none !default;
+$acrdn-slct-header-font-weight: normal !default;
+$acrdn-font-family: 'Helvetica Neue' , 'Helvetica' , 'Arial' , 'sans-serif' !default;
+$acrdn-selected-header-color: $grey-f5 !default;
+$acrdn-default-border: $grey-dd !default;
+$acrdn-header-focus-bg: transparent !default;
+
+$acrdn-item-select-bg: $grey-f5 !default;
+//enddefault

package/styles/accordion/_bootstrap4-definition.scss

@@ -0,0 +1,86 @@
+//default 
+$acrdn-skin: 'bootstrap4' !default;
+$acrdn-border-size: 1px !default;
+$acrdn-border-radius: 4px !default;
+$acrdn-default-bg-color: #fff !default;
+$acrdn-item-panel-content-select-bg: $content-bg !default;
+$acrdn-exp-hdr-hover-color: darken($primary, 15) !default;
+$acrdn-exp-hdr-hover-focus-hdr-color: $primary !default;
+$acrdn-disable-color: $gray-600 !default;
+$acrdn-opacity: inherit !default;
+$acrdn-header-font-weight: normal !default;
+$acrdn-icon-font-size: $font-size !default;
+$acrdn-bgr-arrow-icon-font-size: 14px !default;
+$acrdn-bgr-icon-font-size: 16px !default;
+$acrdn-content-line-height: 1.5 !default;
+$acrdn-tab-highlight-color:  rgba(0, 0, 0, 0) !default;
+$acrdn-border-size: $acrdn-border-size !default;
+$acrdn-active-bg: $acrdn-default-bg-color !default;
+$acrdn-active-bg-color: $acrdn-active-bg !default;
+$acrdn-item-select-bg: $gray-100 !default;
+$acrdn-header-hover-bg: $gray-100 !default;
+$acrdn-header-active-bg: $gray-100 !default;
+$acrdn-selected-border-size: $acrdn-border-size !default;
+$acrdn-selected-border-color: $black !default;
+$acrdn-nested-header-font: $primary !default;
+$acrdn-nrml-header-minheight: 40px !default;
+$acrdn-bgr-header-minheight: 50px !default;
+$acrdn-nrml-header-lineheight: 39px !default;
+$acrdn-bgr-header-lineheight: 48px !default;
+$acrdn-nrml-header-paddingpix: 15px !default;
+$acrdn-bgr-header-paddingpix: 15px !default;
+// Header, Nested header and RTL mode Padding
+$acrdn-nrml-header-padding: 0 16px 0 16px !default;
+$acrdn-bgr-header-padding: 0 20px 0 20px !default;
+$acrdn-nest-nrml-header-padding: 0 30px !default;
+$acrdn-nest-bgr-header-padding: 0 30px !default;
+$acrdn-nest-second-nrml-header-padding: 0 30px 0 45px !default;
+$acrdn-nest-second-bgr-header-padding: 0 30px 0 45px !default;
+$acrdn-rtl-nrml-header-padding: 0 15px 0 30px !default;
+$acrdn-rtl-bgr-header-padding: $acrdn-rtl-nrml-header-padding !default;
+$acrdn-rtl-nest-nrml-header-padding: 0 30px !default;
+$acrdn-rtl-nest-bgr-header-padding: $acrdn-rtl-nest-nrml-header-padding !default;
+$acrdn-rtl-nest-second-nrml-header-padding: 0  45px 0 30px !default;
+$acrdn-rtl-nest-second-bgr-header-padding: $acrdn-rtl-nest-second-nrml-header-padding !default;
+// Content, Nested content and RTL mode Padding
+$acrdn-nrml-content-padding: 16px !default;
+$acrdn-bgr-content-padding: 20px !default;
+$acrdn-nest-nrml-content-padding: 15px 15px 15px 30px !default;
+$acrdn-nest-bgr-content-padding: $acrdn-nest-nrml-content-padding !default;
+$acrdn-nest-second-nrml-content-padding: 15px 15px 15px 45px !default;
+$acrdn-nest-second-bgr-content-padding: $acrdn-nest-second-nrml-content-padding !default;
+$acrdn-rtl-nest-nrml-content-padding: 15px 30px 15px 15px !default;
+$acrdn-rtl-nest-bgr-content-padding: $acrdn-rtl-nest-nrml-content-padding !default;
+$acrdn-rtl-nest-second-nrml-content-padding: 15px 45px 15px 15px !default;
+$acrdn-rtl-nest-second-bgr-content-padding: $acrdn-rtl-nest-second-nrml-content-padding !default;
+$acrdn-nrml-icn-minwidth: 24px !default;
+$acrdn-bgr-icn-minwidth: 24px !default;
+$acrdn-header-font-size: 14px !default;
+$acrdn-nest-header-font-size: 16px !default;
+$acrdn-content-font-size: 14px !default;
+$acrdn-nest-header-content-font-size: $acrdn-content-font-size !default;
+$acrdn-nest-header-content-font-weight: normal !default;
+$acrdn-header-font-bgr-size: 16px !default;
+$acrdn-content-font-bgr-size: 14px !default;
+$acrdn-nrml-header-icon-padding: 8px !default;
+$acrdn-bgr-header-icon-padding: 12px !default;
+$acrdn-item-padding-size: 0 !default;
+$acrdn-border-type: solid !default;
+$acrdn-selected-border-type: none !default;
+$acrdn-slct-header-font-weight: normal !default;
+$acrdn-font-family: 'Helvetica Neue' , 'Helvetica' , 'Arial' , 'sans-serif' !default;
+$acrdn-default-border: rgba(0, 0, 0, .13) !default;
+$acrdn-selected-header-color: $gray-100 !default;
+$acrdn-bg-color: $gray-100 !default;
+$acrdn-default-bg-color: $acrdn-bg-color !default;
+$acrdn-content-color: $gray-900 !default;
+$acrdn-content-icon-color: $gray-700 !default;
+$acrdn-header-focus-bg: $gray-100 !default;
+$acrdn-header-font: $primary !default;
+$acrdn-icon-color: $primary !default;
+$acrdn-item-header-content-font-face: 'Helvetica Neue' !default;
+$acrdn-bgr-item-header-content-line-height: 24px !default;
+$acrdn-bgr-item-header-content-font-size: 16px !default;
+$acrdn-selected-header-font-color: $primary !default;
+$acrdn-selected-icon-color: $primary !default;
+//enddefault

package/styles/accordion/_bootstrap5-dark-definition.scss

@@ -0,0 +1 @@
+@import './bootstrap5-definition.scss';

package/styles/accordion/_bootstrap5-definition.scss

@@ -0,0 +1,85 @@
+/*! Accordion's bootstrap5 theme wise override definitions and variables */
+// sass-lint:disable-all
+$acrdn-skin: 'bootstrap5' !default;
+
+// font definitions
+$acrdn-icon-font-size: $text-lg !default;
+$acrdn-slct-header-font-weight: $font-weight-normal;
+$acrdn-header-font: $content-text-color !default;
+$acrdn-nested-header-font: $content-text-color !default;
+$acrdn-header-font-weight: $font-weight-normal !default;
+$acrdn-header-font-size: $text-sm !default;
+$acrdn-nest-header-font-size: $text-sm !default;
+$acrdn-nest-header-content-font-size: $acrdn-nest-header-font-size !default;
+$acrdn-nest-header-content-font-weight: normal !default;
+$acrdn-content-font-size: $text-sm !default;
+$acrdn-header-font-bgr-size: $text-base !default;
+$acrdn-content-font-bgr-size: $text-base !default;
+$acrdn-bgr-arrow-icon-font-size: 22px;
+$acrdn-bgr-icon-font-size: 20px !default;
+$acrdn-icon-font-size: 18px !default;
+$acrdn-selected-header-font-color: $primary !default;
+
+// Header, Nested header and RTL mode Padding
+$acrdn-nest-nrml-header-padding: 8px 0 8px 26px !default;
+$acrdn-nest-bgr-header-padding: 12px 0 12px 28px !default;
+$acrdn-nest-second-nrml-header-padding: 8px 0 8px 38px !default;
+$acrdn-nest-second-bgr-header-padding: 12px 0 12px 40px !default;
+$acrdn-nrml-header-padding: 10px 16px !default;
+$acrdn-bgr-header-padding: 13px 20px !default;
+$acrdn-rtl-nrml-header-padding: 7px 12px !default;
+$acrdn-rtl-bgr-header-padding: 11px 17px !default;
+$acrdn-rtl-nest-nrml-header-padding: 8px 26px 8px 0 !default;
+$acrdn-rtl-nest-bgr-header-padding: 12px 28px 12px 0 !default;
+$acrdn-rtl-nest-second-nrml-header-padding: 8px 38px 8px 0 !default;
+$acrdn-rtl-nest-second-bgr-header-padding: 12px 40px 12px 0 !default;
+
+// Content, Nested content and RTL mode Padding
+$acrdn-nrml-content-padding: 12px !default;
+$acrdn-bgr-content-padding: 16px !default;
+$acrdn-nest-nrml-content-padding: 16px 16px 16px 26px !default;
+$acrdn-nest-bgr-content-padding: 20px 20px 20px 28px !default;
+$acrdn-nest-second-nrml-content-padding: 20px 20px 20px 38px !default;
+$acrdn-nest-second-bgr-content-padding: 24px 24px 24px 40px !default;
+$acrdn-rtl-nest-nrml-content-padding: 16px 26px 16px 16px !default;
+$acrdn-rtl-nest-bgr-content-padding: 20px 28px 20px 20px !default;
+$acrdn-rtl-nest-second-nrml-content-padding: 20px 38px 20px 20px !default;
+$acrdn-rtl-nest-second-bgr-content-padding: 24px 40px 24px 24px !default;
+
+// dimension definitions
+$acrdn-border-radius: 4px !default;
+$acrdn-nrml-header-minheight: 38px !default;
+$acrdn-bgr-header-minheight: 48px !default;
+$acrdn-nrml-header-lineheight: 22px !default;
+$acrdn-bgr-header-lineheight: 24px !default;
+$acrdn-nrml-header-paddingpix: 16px !default;
+$acrdn-bgr-header-paddingpix: 16px !default;
+$acrdn-content-line-height: 1.5 !default;
+$acrdn-nrml-header-icon-padding: 8px !default;
+$acrdn-bgr-header-icon-padding: 12px !default;
+$acrdn-nrml-icn-minwidth: 22px !default;
+$acrdn-bgr-icn-minwidth: 24px !default;
+$acrdn-selected-border-size: 1px !default;
+$acrdn-item-padding-size: 0 !default;
+$acrdn-selected-border-type: none !default;
+$acrdn-border-type: solid !default;
+$acrdn-border-size: 1px !default;
+
+// color definitions
+$acrdn-tab-highlight-color:  rgba(0, 0, 0, 0) !default;
+$acrdn-active-bg: $content-bg-color !default;
+$acrdn-bg-color: $content-bg-color !default;
+$acrdn-default-bg-color: $acrdn-bg-color !default;
+$acrdn-active-bg-color: $acrdn-active-bg !default;
+$acrdn-selected-header-color: $content-bg-color !default;
+$acrdn-icon-color: $icon-color !default;
+$acrdn-selected-icon-color: $primary !default;
+$acrdn-content-color: $content-text-color !default;
+$acrdn-selected-border-color: $border-light !default;
+$acrdn-header-focus-bg: $primary-lighter !default;
+$acrdn-header-hover-bg: $primary-lighter !default;
+$acrdn-header-active-bg: $primary-lighter !default;
+$acrdn-item-header-focus-border-color: $primary !default;
+$acrdn-icon-disable-color: $icon-color-disabled;
+$acrdn-text-disable-color: $content-text-color-disabled;
+$acrdn-default-border: $acrdn-selected-border-color !default;