@syncfusion/ej2-react-navigations 20.2.50 → 20.3.47

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/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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"}
+{"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","../src/es6/appbar/appbar.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","import * as React from 'react';\nimport { AppBar } from '@syncfusion/ej2-navigations';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `AppBarComponent` represents the Essential JS 2 React AppBar Component.\n * ```ts\n * <AppBarComponent></AppBarComponent>\n * ```\n */\nexport class AppBarComponent extends AppBar {\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('header', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(AppBarComponent, [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@20.2.49",
+  "_id": "@syncfusion/ej2-react-navigations@19.60.1",
   "_inBundle": false,
-  "_integrity": "sha512-pONWcznFSvcJ99fJ1RDKrjtnstC9BCIKsTU69b/XKCOEm+JV8zUw25fqMkdLabkYlobuaJvjcvy3bdwBzhB5LA==",
+  "_integrity": "sha512-biSPLjC9q4VwzsRZgZ/y42SBki2JnN2xt8suLX+HiOg29TKM3B3t6QeJmslW/hvxzuDOh7XJgpxmzzpQuu5/oQ==",
   "_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-20.2.49.tgz",
-  "_shasum": "e77edc0517c7600551751c7343890ed121ef72c1",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-navigations/-/ej2-react-navigations-19.60.1.tgz",
+  "_shasum": "d7b4eec98ed20089ec27cb783d67252fb5aebb78",
   "_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": "~20.2.48",
-    "@syncfusion/ej2-navigations": "20.2.50",
-    "@syncfusion/ej2-react-base": "~20.2.45"
+    "@syncfusion/ej2-base": "~20.3.47",
+    "@syncfusion/ej2-navigations": "20.3.47",
+    "@syncfusion/ej2-react-base": "~20.3.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",
@@ -142,6 +142,7 @@
     "tree node template",
     "tree multi selection",
     "carousel",
+    "appbar",
     "react",
     "ej2-react-navigations",
     "react-navigations",
@@ -156,7 +157,8 @@
     "react menu",
     "react menu component",
     "react breadcrumb",
-    "react carousel"
+    "react carousel",
+    "react appbar"
   ],
   "license": "SEE LICENSE IN license",
   "main": "./dist/ej2-react-navigations.umd.min.js",
@@ -166,6 +168,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.2.50",
+  "version": "20.3.47",
   "sideEffects": false
 }

package/src/appbar/appbar.component.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { AppBar, AppBarModel } from '@syncfusion/ej2-navigations';
+import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+/**
+ * `AppBarComponent` represents the Essential JS 2 React AppBar Component.
+ * ```ts
+ * <AppBarComponent></AppBarComponent>
+ * ```
+ */
+export declare class AppBarComponent extends AppBar {
+    state: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<AppBarModel & DefaultHtmlAttributes>;
+    setState: any;
+    private getDefaultAttributes;
+    initRenderCalled: boolean;
+    private checkInjectedModules;
+    private immediateRender;
+    props: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<AppBarModel & DefaultHtmlAttributes>;
+    forceUpdate: (callBack?: () => any) => void;
+    context: Object;
+    portals: any;
+    isReactComponent: Object;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    constructor(props: any);
+    render(): any;
+}

package/src/appbar/appbar.component.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 * as React from 'react';
+import { AppBar } from '@syncfusion/ej2-navigations';
+import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
+/**
+ * `AppBarComponent` represents the Essential JS 2 React AppBar Component.
+ * ```ts
+ * <AppBarComponent></AppBarComponent>
+ * ```
+ */
+var AppBarComponent = /** @class */ (function (_super) {
+    __extends(AppBarComponent, _super);
+    function AppBarComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.initRenderCalled = false;
+        _this.checkInjectedModules = true;
+        _this.immediateRender = true;
+        _this.portals = [];
+        return _this;
+    }
+    AppBarComponent.prototype.render = function () {
+        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
+            _super.prototype.render.call(this);
+            this.initRenderCalled = true;
+        }
+        else {
+            return React.createElement('header', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));
+        }
+    };
+    return AppBarComponent;
+}(AppBar));
+export { AppBarComponent };
+applyMixins(AppBarComponent, [ComponentBase, React.Component]);

package/src/appbar/index.d.ts

@@ -0,0 +1 @@
+export * from './appbar.component';

package/src/appbar/index.js

@@ -0,0 +1 @@
+export * from './appbar.component';

package/src/index.d.ts

@@ -7,5 +7,6 @@ export * from './tab';
 export * from './treeview';
 export * from './sidebar';
 export * from './menu';
+export * from './appbar';
 export { Inject } from '@syncfusion/ej2-react-base';
 export * from '@syncfusion/ej2-navigations';

package/src/index.js

@@ -7,5 +7,6 @@ export * from './tab';
 export * from './treeview';
 export * from './sidebar';
 export * from './menu';
+export * from './appbar';
 export { Inject } from '@syncfusion/ej2-react-base';
 export * from '@syncfusion/ej2-navigations';

package/styles/accordion/bootstrap-dark.css

@@ -259,6 +259,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #1a1a1a;

package/styles/accordion/bootstrap.css

@@ -260,6 +260,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;

package/styles/accordion/bootstrap4.css

@@ -250,6 +250,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;

package/styles/accordion/bootstrap5-dark.css

@@ -1,4 +1,5 @@
 /*! Accordion's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 /*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: "\e729";
@@ -241,6 +242,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #212529;

package/styles/accordion/bootstrap5.css

@@ -1,4 +1,5 @@
 /*! Accordion's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 /*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: "\e729";
@@ -241,6 +242,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;

package/styles/accordion/fabric-dark.css

@@ -232,6 +232,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #201f1f;

package/styles/accordion/fabric.css

@@ -233,6 +233,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;

package/styles/accordion/fluent-dark.css

@@ -233,6 +233,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #1b1a19;

package/styles/accordion/fluent.css

@@ -233,6 +233,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;

package/styles/accordion/highcontrast-light.css

@@ -233,6 +233,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #ccc;

package/styles/accordion/highcontrast.css

@@ -234,6 +234,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #000;

package/styles/accordion/material-dark.css

@@ -239,6 +239,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #303030;

package/styles/accordion/material.css

@@ -240,6 +240,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;

package/styles/accordion/tailwind-dark.css

@@ -242,6 +242,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #232e3e;

package/styles/accordion/tailwind.css

@@ -242,6 +242,7 @@
 }
 
 /*! accordion theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #f9fafb;