@syncfusion/ej2-react-navigations 19.4.56 → 20.1.47

package/dist/es6/ej2-react-navigations.es2015.js

@@ -1,6 +1,6 @@
 import { ComplexBase, ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
 import { Component, createElement } from 'react';
-import { Accordion, Breadcrumb, ContextMenu, Menu, Sidebar, Tab, Toolbar, TreeView } from '@syncfusion/ej2-navigations';
+import { Accordion, Breadcrumb, Carousel, ContextMenu, Menu, Sidebar, Tab, Toolbar, TreeView } from '@syncfusion/ej2-navigations';
 
 /**
  * `AccordionItemDirective` represent a item of the React Accordion.
@@ -170,6 +170,53 @@ class BreadcrumbComponent extends Breadcrumb {
 }
 applyMixins(BreadcrumbComponent, [ComponentBase, Component]);
 
+/**
+ * `CarouselItemDirective` represent a item of the React Carousel.
+ * It must be contained in a Carousel component(`CarouselComponent`).
+ * ```tsx
+ * <CarouselComponent>
+ *   <CarouselItemsDirective>
+ *    <CarouselItemDirective template='#item1'></CarouselItemDirective>
+ *    <CarouselItemDirective template='#item2'></CarouselItemDirective>
+ *   </CarouselItemsDirective>
+ * </CarouselComponent>
+ * ```
+ */
+class CarouselItemDirective extends ComplexBase {
+}
+CarouselItemDirective.moduleName = 'carouselItem';
+class CarouselItemsDirective extends ComplexBase {
+}
+CarouselItemsDirective.propertyName = 'items';
+CarouselItemsDirective.moduleName = 'carouselItems';
+
+/**
+ * `CarouselComponent` represents the react Carousel Component.
+ * ```ts
+ * <CarouselComponent items={carouselItems} />
+ * ```
+ */
+class CarouselComponent extends Carousel {
+    constructor(props) {
+        super(props);
+        this.initRenderCalled = false;
+        this.checkInjectedModules = false;
+        this.directivekeys = { 'carouselItems': 'carouselItem' };
+        this.immediateRender = false;
+        this.portals = [];
+    }
+    render() {
+        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
+            super.render();
+            this.initRenderCalled = true;
+        }
+        else {
+            return createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));
+        }
+    }
+}
+applyMixins(CarouselComponent, [ComponentBase, Component]);
+
 /**
  * `TabItemDirective` represent a item of the React Tab.
  * It must be contained in a Tab component(`Tab`).
@@ -305,7 +352,7 @@ class MenuComponent extends Menu {
 }
 applyMixins(MenuComponent, [ComponentBase, Component]);
 
-export { AccordionItemDirective, AccordionItemsDirective, AccordionComponent, ItemDirective, ItemsDirective, ToolbarComponent, ContextMenuComponent, BreadcrumbItemDirective, BreadcrumbItemsDirective, BreadcrumbComponent, TabItemDirective, TabItemsDirective, TabComponent, TreeViewComponent, SidebarComponent, MenuItemDirective, MenuItemsDirective, MenuComponent };
+export { AccordionItemDirective, AccordionItemsDirective, AccordionComponent, ItemDirective, ItemsDirective, ToolbarComponent, ContextMenuComponent, BreadcrumbItemDirective, BreadcrumbItemsDirective, BreadcrumbComponent, CarouselItemDirective, CarouselItemsDirective, CarouselComponent, TabItemDirective, TabItemsDirective, TabComponent, TreeViewComponent, SidebarComponent, MenuItemDirective, MenuItemsDirective, MenuComponent };
 export * from '@syncfusion/ej2-navigations';
 export { Inject } from '@syncfusion/ej2-react-base';
 //# sourceMappingURL=ej2-react-navigations.es2015.js.map

package/dist/es6/ej2-react-navigations.es2015.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-navigations.es2015.js","sources":["../src/es6/accordion/items-directive.js","../src/es6/accordion/accordion.component.js","../src/es6/toolbar/items-directive.js","../src/es6/toolbar/toolbar.component.js","../src/es6/context-menu/contextmenu.component.js","../src/es6/breadcrumb/items-directive.js","../src/es6/breadcrumb/breadcrumb.component.js","../src/es6/tab/items-directive.js","../src/es6/tab/tab.component.js","../src/es6/treeview/treeview.component.js","../src/es6/sidebar/sidebar.component.js","../src/es6/menu/items-directive.js","../src/es6/menu/menu.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AccordionItemDirective` represent a item of the React Accordion.\n * It must be contained in a Accordion component(`AccordionComponent`).\n * ```tsx\n * <AccordionComponent>\n *   <AccordionItemsDirective>\n *    <AccordionItemDirective  header='Header1'></AccordionItemDirective>\n *    <AccordionItemDirective  header='Header2' content='Content2'></AccordionItemDirective>\n *   <AccordionItemsDirective>\n * </AccordionComponent>\n * ```\n */\nexport class AccordionItemDirective extends ComplexBase {\n}\nAccordionItemDirective.moduleName = 'accordionItem';\nexport class AccordionItemsDirective extends ComplexBase {\n}\nAccordionItemsDirective.propertyName = 'items';\nAccordionItemsDirective.moduleName = 'accordionItems';\n","import * as React from 'react';\nimport { Accordion } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Accordion Component.\n * ```html\n * <AccordionComponent></AccordionComponent\n * ```\n */\nexport class AccordionComponent extends Accordion {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'accordionItems': 'accordionItem' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(AccordionComponent, [ComponentBase, React.Component]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ItemDirective` directive represent a item of the React Toolbar.\n * It must be contained in a Toolbar component(`ToolbarComponent`).\n * ```tsx\n * <ToolbarComponent>\n *   <ItemsDirective>\n *    <ItemDirective text='Cut'></ItemDirective>\n *    <ItemDirective text='Copy'></ItemDirective>\n *   <ItemsDirective>\n * </ToolbarComponent>\n * ```\n */\nexport class ItemDirective extends ComplexBase {\n}\nItemDirective.moduleName = 'item';\nexport class ItemsDirective extends ComplexBase {\n}\nItemsDirective.propertyName = 'items';\nItemsDirective.moduleName = 'items';\n","import * as React from 'react';\nimport { Toolbar } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Toolbar Component.\n * ```html\n * <ToolbarComponent></ToolbarComponent\n * ```\n */\nexport class ToolbarComponent extends Toolbar {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'items': 'item' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(ToolbarComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { ContextMenu } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `ContextMenuComponent` represents the react ContextMenu Component.\n * ```ts\n * <div id='target'>Right click / Touch hold to open the ContextMenu</div>\n * <ContextMenuComponent target='#target' items={menuItems} />\n * ```\n */\nexport class ContextMenuComponent extends ContextMenu {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('ul', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(ContextMenuComponent, [ComponentBase, React.Component]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `BreadcrumbItemDirective` represent a item of the React Breadcrumb.\n * It must be contained in a Breadcrumb component(`BreadcrumbComponent`).\n * ```tsx\n * <BreadcrumbComponent>\n *   <BreadcrumbItemsDirective>\n *    <BreadcrumbItemDirective text='Home' url='/'></BreadcrumbItemDirective>\n *    <BreadcrumbItemDirective text='Index' url='./index'></BreadcrumbItemDirective>\n *   </BreadcrumbItemsDirective>\n * </BreadcrumbComponent>\n * ```\n */\nexport class BreadcrumbItemDirective extends ComplexBase {\n}\nBreadcrumbItemDirective.moduleName = 'breadcrumbItem';\nexport class BreadcrumbItemsDirective extends ComplexBase {\n}\nBreadcrumbItemsDirective.propertyName = 'items';\nBreadcrumbItemsDirective.moduleName = 'breadcrumbItems';\n","import * as React from 'react';\nimport { Breadcrumb } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `BreadcrumbComponent` represents the react Breadcrumb Component.\n * ```ts\n * <BreadcrumbComponent items={breadcrumbItems} />\n * ```\n */\nexport class BreadcrumbComponent extends Breadcrumb {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'breadcrumbItems': 'breadcrumbItem' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('nav', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(BreadcrumbComponent, [ComponentBase, React.Component]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `TabItemDirective` represent a item of the React Tab.\n * It must be contained in a Tab component(`Tab`).\n * ```tsx\n * <TabComponent>\n *  <TabItemsDirective>\n *   <TabItemDirective header= { 'Header 1' } content= { 'Content 1' } />\n *   <TabItemDirective header= { 'Header 2' } content= { 'Content 2' } />\n *  <TabItemsDirective>\n * </TabComponent>\n * ```\n */\nexport class TabItemDirective extends ComplexBase {\n}\nTabItemDirective.moduleName = 'tabItem';\nTabItemDirective.complexTemplate = { 'headerText': 'header.text' };\nexport class TabItemsDirective extends ComplexBase {\n}\nTabItemsDirective.propertyName = 'items';\nTabItemsDirective.moduleName = 'tabItems';\n","import * as React from 'react';\nimport { Tab } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Tab Component.\n * ```html\n * <TabComponent></TabComponent>\n * ```\n */\nexport class TabComponent extends Tab {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'tabItems': 'tabItem' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(TabComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { TreeView } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `TreeViewComponent` represents the react TreeView Component.\n * ```ts\n * <TreeViewComponent allowDragAndDrop={true}></TreeViewComponent>\n * ```\n */\nexport class TreeViewComponent extends TreeView {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(TreeViewComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { Sidebar } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `SidebarComponent` represents the Essential JS 2 React Sidebar Component.\n * ```ts\n * <SidebarComponent></SidebarComponent>\n * ```\n */\nexport class SidebarComponent extends Sidebar {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(SidebarComponent, [ComponentBase, React.Component]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\nexport class MenuItemDirective extends ComplexBase {\n}\nMenuItemDirective.moduleName = 'menuItem';\nexport class MenuItemsDirective extends ComplexBase {\n}\nMenuItemsDirective.propertyName = 'items';\nMenuItemsDirective.moduleName = 'menuItems';\n","import * as React from 'react';\nimport { Menu } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `MenuComponent` represents the react Menu Component.\n * ```ts\n * <MenuComponent items={menuItems} />\n * ```\n */\nexport class MenuComponent extends Menu {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'menuItems': 'menuItem' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('ul', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(MenuComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":"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"}
+{"version":3,"file":"ej2-react-navigations.es2015.js","sources":["../src/es6/accordion/items-directive.js","../src/es6/accordion/accordion.component.js","../src/es6/toolbar/items-directive.js","../src/es6/toolbar/toolbar.component.js","../src/es6/context-menu/contextmenu.component.js","../src/es6/breadcrumb/items-directive.js","../src/es6/breadcrumb/breadcrumb.component.js","../src/es6/carousel/items-directive.js","../src/es6/carousel/carousel.component.js","../src/es6/tab/items-directive.js","../src/es6/tab/tab.component.js","../src/es6/treeview/treeview.component.js","../src/es6/sidebar/sidebar.component.js","../src/es6/menu/items-directive.js","../src/es6/menu/menu.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AccordionItemDirective` represent a item of the React Accordion.\n * It must be contained in a Accordion component(`AccordionComponent`).\n * ```tsx\n * <AccordionComponent>\n *   <AccordionItemsDirective>\n *    <AccordionItemDirective  header='Header1'></AccordionItemDirective>\n *    <AccordionItemDirective  header='Header2' content='Content2'></AccordionItemDirective>\n *   <AccordionItemsDirective>\n * </AccordionComponent>\n * ```\n */\nexport class AccordionItemDirective extends ComplexBase {\n}\nAccordionItemDirective.moduleName = 'accordionItem';\nexport class AccordionItemsDirective extends ComplexBase {\n}\nAccordionItemsDirective.propertyName = 'items';\nAccordionItemsDirective.moduleName = 'accordionItems';\n","import * as React from 'react';\nimport { Accordion } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Accordion Component.\n * ```html\n * <AccordionComponent></AccordionComponent\n * ```\n */\nexport class AccordionComponent extends Accordion {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'accordionItems': 'accordionItem' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(AccordionComponent, [ComponentBase, React.Component]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ItemDirective` directive represent a item of the React Toolbar.\n * It must be contained in a Toolbar component(`ToolbarComponent`).\n * ```tsx\n * <ToolbarComponent>\n *   <ItemsDirective>\n *    <ItemDirective text='Cut'></ItemDirective>\n *    <ItemDirective text='Copy'></ItemDirective>\n *   <ItemsDirective>\n * </ToolbarComponent>\n * ```\n */\nexport class ItemDirective extends ComplexBase {\n}\nItemDirective.moduleName = 'item';\nexport class ItemsDirective extends ComplexBase {\n}\nItemsDirective.propertyName = 'items';\nItemsDirective.moduleName = 'items';\n","import * as React from 'react';\nimport { Toolbar } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Toolbar Component.\n * ```html\n * <ToolbarComponent></ToolbarComponent\n * ```\n */\nexport class ToolbarComponent extends Toolbar {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'items': 'item' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(ToolbarComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { ContextMenu } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `ContextMenuComponent` represents the react ContextMenu Component.\n * ```ts\n * <div id='target'>Right click / Touch hold to open the ContextMenu</div>\n * <ContextMenuComponent target='#target' items={menuItems} />\n * ```\n */\nexport class ContextMenuComponent extends ContextMenu {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('ul', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(ContextMenuComponent, [ComponentBase, React.Component]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `BreadcrumbItemDirective` represent a item of the React Breadcrumb.\n * It must be contained in a Breadcrumb component(`BreadcrumbComponent`).\n * ```tsx\n * <BreadcrumbComponent>\n *   <BreadcrumbItemsDirective>\n *    <BreadcrumbItemDirective text='Home' url='/'></BreadcrumbItemDirective>\n *    <BreadcrumbItemDirective text='Index' url='./index'></BreadcrumbItemDirective>\n *   </BreadcrumbItemsDirective>\n * </BreadcrumbComponent>\n * ```\n */\nexport class BreadcrumbItemDirective extends ComplexBase {\n}\nBreadcrumbItemDirective.moduleName = 'breadcrumbItem';\nexport class BreadcrumbItemsDirective extends ComplexBase {\n}\nBreadcrumbItemsDirective.propertyName = 'items';\nBreadcrumbItemsDirective.moduleName = 'breadcrumbItems';\n","import * as React from 'react';\nimport { Breadcrumb } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `BreadcrumbComponent` represents the react Breadcrumb Component.\n * ```ts\n * <BreadcrumbComponent items={breadcrumbItems} />\n * ```\n */\nexport class BreadcrumbComponent extends Breadcrumb {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'breadcrumbItems': 'breadcrumbItem' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('nav', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(BreadcrumbComponent, [ComponentBase, React.Component]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `CarouselItemDirective` represent a item of the React Carousel.\n * It must be contained in a Carousel component(`CarouselComponent`).\n * ```tsx\n * <CarouselComponent>\n *   <CarouselItemsDirective>\n *    <CarouselItemDirective template='#item1'></CarouselItemDirective>\n *    <CarouselItemDirective template='#item2'></CarouselItemDirective>\n *   </CarouselItemsDirective>\n * </CarouselComponent>\n * ```\n */\nexport class CarouselItemDirective extends ComplexBase {\n}\nCarouselItemDirective.moduleName = 'carouselItem';\nexport class CarouselItemsDirective extends ComplexBase {\n}\nCarouselItemsDirective.propertyName = 'items';\nCarouselItemsDirective.moduleName = 'carouselItems';\n","import * as React from 'react';\nimport { Carousel } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `CarouselComponent` represents the react Carousel Component.\n * ```ts\n * <CarouselComponent items={carouselItems} />\n * ```\n */\nexport class CarouselComponent extends Carousel {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'carouselItems': 'carouselItem' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(CarouselComponent, [ComponentBase, React.Component]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `TabItemDirective` represent a item of the React Tab.\n * It must be contained in a Tab component(`Tab`).\n * ```tsx\n * <TabComponent>\n *  <TabItemsDirective>\n *   <TabItemDirective header= { 'Header 1' } content= { 'Content 1' } />\n *   <TabItemDirective header= { 'Header 2' } content= { 'Content 2' } />\n *  <TabItemsDirective>\n * </TabComponent>\n * ```\n */\nexport class TabItemDirective extends ComplexBase {\n}\nTabItemDirective.moduleName = 'tabItem';\nTabItemDirective.complexTemplate = { 'headerText': 'header.text' };\nexport class TabItemsDirective extends ComplexBase {\n}\nTabItemsDirective.propertyName = 'items';\nTabItemsDirective.moduleName = 'tabItems';\n","import * as React from 'react';\nimport { Tab } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Tab Component.\n * ```html\n * <TabComponent></TabComponent>\n * ```\n */\nexport class TabComponent extends Tab {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'tabItems': 'tabItem' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(TabComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { TreeView } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `TreeViewComponent` represents the react TreeView Component.\n * ```ts\n * <TreeViewComponent allowDragAndDrop={true}></TreeViewComponent>\n * ```\n */\nexport class TreeViewComponent extends TreeView {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(TreeViewComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { Sidebar } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `SidebarComponent` represents the Essential JS 2 React Sidebar Component.\n * ```ts\n * <SidebarComponent></SidebarComponent>\n * ```\n */\nexport class SidebarComponent extends Sidebar {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(SidebarComponent, [ComponentBase, React.Component]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\nexport class MenuItemDirective extends ComplexBase {\n}\nMenuItemDirective.moduleName = 'menuItem';\nexport class MenuItemsDirective extends ComplexBase {\n}\nMenuItemsDirective.propertyName = 'items';\nMenuItemsDirective.moduleName = 'menuItems';\n","import * as React from 'react';\nimport { Menu } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `MenuComponent` represents the react Menu Component.\n * ```ts\n * <MenuComponent items={menuItems} />\n * ```\n */\nexport class MenuComponent extends Menu {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'menuItems': 'menuItem' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('ul', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(MenuComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":"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"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-navigations@*",
-  "_id": "@syncfusion/ej2-react-navigations@19.4.55",
+  "_id": "@syncfusion/ej2-react-navigations@19.25.1",
   "_inBundle": false,
-  "_integrity": "sha512-gKB4XnpOx61LtYEmvCkeUav3VdL887c98s1fjKevyxA95z9vXV8Hy3YUERKxnqXYLLKhyfTreR9TeWxWaLpBkw==",
+  "_integrity": "sha512-ej4hAr2ir2iHQT2e4RR58rNLaG4UhJek0Zs6Sdkv7NBuGe5Dqkb76jZB5Oy0r9WLxesdAboPNeQJbqjw4DEqIQ==",
   "_location": "/@syncfusion/ej2-react-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-navigations/-/ej2-react-navigations-19.4.55.tgz",
-  "_shasum": "d476a0c14e9d9b922fdf5e5176c3635d242cc9ba",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-navigations/-/ej2-react-navigations-19.25.1.tgz",
+  "_shasum": "0002b29afa8de02afc98cf454ad03699e0be2558",
   "_spec": "@syncfusion/ej2-react-navigations@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-navigations": "19.4.56",
-    "@syncfusion/ej2-react-base": "~19.4.56"
+    "@syncfusion/ej2-base": "~20.1.47",
+    "@syncfusion/ej2-navigations": "20.1.47",
+    "@syncfusion/ej2-react-base": "~20.1.47"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another for React",
@@ -141,20 +141,22 @@
     "accordion tree",
     "tree node template",
     "tree multi selection",
+    "carousel",
     "react",
     "ej2-react-navigations",
-    " react-navigations",
+    "react-navigations",
     "react-toolbar",
-    " react-tab",
-    " react-react",
+    "react-tab",
+    "react-react",
     "react-routing",
-    " react-contextmenu",
+    "react-contextmenu",
     "react tree",
     "react treeview",
     "react tree component",
     "react menu",
     "react menu component",
-    "react breadcrumb"
+    "react breadcrumb",
+    "react carousel"
   ],
   "license": "SEE LICENSE IN license",
   "main": "./dist/ej2-react-navigations.umd.min.js",
@@ -164,6 +166,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "19.4.56",
+  "version": "20.1.47",
   "sideEffects": false
 }

package/src/carousel/carousel.component.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { Carousel, CarouselModel } from '@syncfusion/ej2-navigations';
+import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+export interface CarouselTypecast {
+    indicatorsTemplate?: string | Function | any;
+    nextButtonTemplate?: string | Function | any;
+    previousButtonTemplate?: string | Function | any;
+    playButtonTemplate?: string | Function | any;
+    itemTemplate?: string | Function | any;
+}
+/**
+ * `CarouselComponent` represents the react Carousel Component.
+ * ```ts
+ * <CarouselComponent items={carouselItems} />
+ * ```
+ */
+export declare class CarouselComponent extends Carousel {
+    state: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<CarouselModel & DefaultHtmlAttributes | CarouselTypecast>;
+    setState: any;
+    private getDefaultAttributes;
+    initRenderCalled: boolean;
+    private checkInjectedModules;
+    directivekeys: {
+        [key: string]: Object;
+    };
+    private immediateRender;
+    props: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<CarouselModel & DefaultHtmlAttributes | CarouselTypecast>;
+    forceUpdate: (callBack?: () => any) => void;
+    context: Object;
+    portals: any;
+    isReactComponent: Object;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    constructor(props: any);
+    render(): any;
+}

package/src/carousel/carousel.component.js

@@ -0,0 +1,46 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import * as React from 'react';
+import { Carousel } from '@syncfusion/ej2-navigations';
+import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
+/**
+ * `CarouselComponent` represents the react Carousel Component.
+ * ```ts
+ * <CarouselComponent items={carouselItems} />
+ * ```
+ */
+var CarouselComponent = /** @class */ (function (_super) {
+    __extends(CarouselComponent, _super);
+    function CarouselComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.initRenderCalled = false;
+        _this.checkInjectedModules = false;
+        _this.directivekeys = { 'carouselItems': 'carouselItem' };
+        _this.immediateRender = false;
+        _this.portals = [];
+        return _this;
+    }
+    CarouselComponent.prototype.render = function () {
+        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
+            _super.prototype.render.call(this);
+            this.initRenderCalled = true;
+        }
+        else {
+            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));
+        }
+    };
+    return CarouselComponent;
+}(Carousel));
+export { CarouselComponent };
+applyMixins(CarouselComponent, [ComponentBase, React.Component]);

package/src/carousel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './items-directive';
+export * from './carousel.component';

package/src/carousel/index.js

@@ -0,0 +1,2 @@
+export * from './items-directive';
+export * from './carousel.component';

package/src/carousel/items-directive.d.ts

@@ -0,0 +1,24 @@
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+import { CarouselItemModel } from '@syncfusion/ej2-navigations';
+export interface CarouselItemDirTypecast {
+    template?: string | Function | any;
+}
+/**
+ * `CarouselItemDirective` represent a item of the React Carousel.
+ * It must be contained in a Carousel component(`CarouselComponent`).
+ * ```tsx
+ * <CarouselComponent>
+ *   <CarouselItemsDirective>
+ *    <CarouselItemDirective template='#item1'></CarouselItemDirective>
+ *    <CarouselItemDirective template='#item2'></CarouselItemDirective>
+ *   </CarouselItemsDirective>
+ * </CarouselComponent>
+ * ```
+ */
+export declare class CarouselItemDirective extends ComplexBase<CarouselItemModel | CarouselItemDirTypecast, CarouselItemModel | CarouselItemDirTypecast> {
+    static moduleName: string;
+}
+export declare class CarouselItemsDirective extends ComplexBase<{}, {}> {
+    static propertyName: string;
+    static moduleName: string;
+}

package/src/carousel/items-directive.js

@@ -0,0 +1,45 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+/**
+ * `CarouselItemDirective` represent a item of the React Carousel.
+ * It must be contained in a Carousel component(`CarouselComponent`).
+ * ```tsx
+ * <CarouselComponent>
+ *   <CarouselItemsDirective>
+ *    <CarouselItemDirective template='#item1'></CarouselItemDirective>
+ *    <CarouselItemDirective template='#item2'></CarouselItemDirective>
+ *   </CarouselItemsDirective>
+ * </CarouselComponent>
+ * ```
+ */
+var CarouselItemDirective = /** @class */ (function (_super) {
+    __extends(CarouselItemDirective, _super);
+    function CarouselItemDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    CarouselItemDirective.moduleName = 'carouselItem';
+    return CarouselItemDirective;
+}(ComplexBase));
+export { CarouselItemDirective };
+var CarouselItemsDirective = /** @class */ (function (_super) {
+    __extends(CarouselItemsDirective, _super);
+    function CarouselItemsDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    CarouselItemsDirective.propertyName = 'items';
+    CarouselItemsDirective.moduleName = 'carouselItems';
+    return CarouselItemsDirective;
+}(ComplexBase));
+export { CarouselItemsDirective };

package/src/index.d.ts

@@ -2,6 +2,7 @@ export * from './accordion';
 export * from './toolbar';
 export * from './context-menu';
 export * from './breadcrumb';
+export * from './carousel';
 export * from './tab';
 export * from './treeview';
 export * from './sidebar';

package/src/index.js

@@ -2,6 +2,7 @@ export * from './accordion';
 export * from './toolbar';
 export * from './context-menu';
 export * from './breadcrumb';
+export * from './carousel';
 export * from './tab';
 export * from './treeview';
 export * from './sidebar';

package/styles/accordion/bootstrap-dark.css

@@ -18,24 +18,34 @@
   font-size: 14px;
 }
 
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
+  padding: 15px 15px 15px 30px;
+}
+
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
+  padding: 0 30px;
+}
+
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
 
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion {
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
   border: 0;
 }
 
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
   padding: 0 30px 0 45px;
 }
 
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
-  padding: 0 30px;
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
+  padding: 15px 15px 15px 45px;
 }
 
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
@@ -69,49 +79,24 @@
   padding: 15px;
 }
 
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
-  padding: 15px 15px 15px 45px;
-}
-
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
-  padding: 15px 15px 15px 60px;
+.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
+.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
+  padding: 15px 30px 15px 15px;
 }
 
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
+.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
+.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
   padding: 0 30px;
 }
 
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content {
-  padding: 0;
-}
-
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
-  padding: 15px 45px 15px 15px;
-}
-
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content {
-  padding: 0;
-}
-
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
-  padding: 15px 60px 15px 15px;
-}
-
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
+.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
+.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
   padding: 0 45px 0 30px;
 }
 
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
-  padding: 0 30px;
+.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
+.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
+  padding: 15px 45px 15px 15px;
 }
 
 .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
@@ -251,6 +236,14 @@
   width: 100%;
 }
 
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
+  padding: 15px 15px 15px 30px;
+}
+
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
+  padding: 0 30px;
+}
+
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
@@ -259,7 +252,7 @@
   padding: 0;
 }
 
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion {
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
   border: 0;
 }
 
@@ -267,6 +260,10 @@
   padding: 0 30px 0 45px;
 }
 
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
+  padding: 15px 15px 15px 45px;
+}
+
 .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;
 }
@@ -275,14 +272,6 @@
   font-weight: normal;
 }
 
-.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
-  padding: 15px 15px 15px 45px;
-}
-
-.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
-  padding: 15px 15px 15px 60px;
-}
-
 .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
   line-height: 1.5;
   overflow: hidden;
@@ -295,11 +284,7 @@
   text-overflow: ellipsis;
 }
 
-.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
-  padding: 0 30px;
-}
-
-.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
+.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content {
   font-size: 14px;
 }
 
@@ -307,20 +292,20 @@
   display: none;
 }
 
-.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
-  padding: 0 45px 0 30px;
+.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
+  padding: 15px 30px 15px 15px;
 }
 
-.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
+.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
   padding: 0 30px;
 }
 
-.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
-  padding: 15px 45px 15px 15px;
+.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
+  padding: 0 45px 0 30px;
 }
 
-.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
-  padding: 15px 60px 15px 15px;
+.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
+  padding: 15px 45px 15px 15px;
 }
 
 .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {