@syncfusion/ej2-react-navigations 19.4.56 → 20.1.51

package/CHANGELOG.md

@@ -2,6 +2,52 @@
 
 ## [Unreleased]
 
+### TreeView
+
+#### Bug Fixes
+
+- `#I371505` - The issue with "The TreeView checked node state doesn't update properly for nested levels when loadOnDemand is enabled" has been resolved.
+
+### Tab
+
+#### Bug Fixes
+
+- `#F174269` - Tab throws script error while adding items with `headerTemplate` has been fixed.
+
+## 20.1.48 (2022-04-12)
+
+### Menu
+
+#### Bug Fixes
+
+- `#I371293` - Resolved the "Context menu not closed properly when the two separate context menu binded in the DOM" in menu component.
+- `#I369007` - An issue with "Script error throws when we remove items with hamburger mode in mobile view" has been resolved.
+
+### Toolbar
+
+#### Bug Fixes
+
+- `#I372768` - An issue with the toolbar scrollable buttons accessibility issue has been fixed.
+
+## 20.1.47 (2022-04-04)
+
+### Carousel
+
+The Carousel component allows users to display images with content, links, etc., like a slide show. Typical uses of carousels include scrolling news headlines, featured articles on home pages, and image galleries.
+
+
+- **Rendering** - The Carousel component can be rendered based on the items collection and data binding.
+- **Animation** - Supports animation effects for moving previous/next item of Carousel.
+- **Template Support** - The Carousel component items and buttons can also be rendered with custom templates.
+- **Keyboard Support** - By default, the Carousel allows interaction with commands by using keyboard shortcuts.
+- **Accessibility** - The Carousel provides built-in compliance with the `WAI-ARIA` specifications and it is achieved through attributes.
+
+### Tab
+
+#### Bug Fixes
+
+- `SF-369202, #F173364` - An issue with another tab item content is rendered in newly added tab item content has been fixed.
+
 ## 19.4.55 (2022-03-08)
 
 ### Menu
@@ -10,6 +56,12 @@
 
 - `#I368643` - Resolved theme related issue in menu component.
 
+### Tab
+
+#### Bug Fixes
+
+- `SF-369303` - An issue with hiding tab item dynamically with `visible` property not working has been fixed.
+
 ## 19.4.53 (2022-02-22)
 
 ### Sidebar
@@ -32,7 +84,7 @@
 
 #### Bug Fixes
 
-- Issue with 'setItem' method has been fixed.
+- Issue with `setItem` method has been fixed.
 
 ## 19.4.47 (2022-01-25)
 
@@ -68,7 +120,7 @@
 
 #### Bug Fixes
 
-- `#I346314` - Issue with stopPropagation not works for context menu has been resolved.
+- `#I346314` - Issue with `stopPropagation` not works for context menu has been resolved.
 
 ## 19.4.38 (2021-12-17)
 

package/README.md

@@ -1,4 +1,3 @@
-
 # ej2-react-navigations
 
 ![ej2-react-navigations](https://ej2.syncfusion.com/products/images/navigations/readMe.gif)
@@ -33,6 +32,13 @@ Following list of components are available in the package
   * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=breadcrumb#/material/breadcrumb/default)
   * [Product Page](https://www.syncfusion.com/react-ui-components/react-breadcrumb)
 
+* Carousel - The Carousel component allows users to display images with content, links, etc., like a slide show. Typical uses of carousels include scrolling news headlines, featured articles on home pages, and image galleries.
+
+  * [Getting Started](https://ej2.syncfusion.com/react/documentation/carousel/getting-started?lang=typescript&utm_source=npm&utm_campaign=carousel)
+  * [API References](https://ej2.syncfusion.com/react/documentation/api/carousel?utm_source=npm&utm_campaign=carousel)
+  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=carousel#/material/carousel/default)
+  * [Product Page](https://www.syncfusion.com/react-ui-components/react-carousel)
+
 * ContextMenu - Graphical user interface that appears on the user right click/touch hold action. It has the support to provide nested level menu items.
 
   * [Getting Started](https://ej2.syncfusion.com/react/documentation/context-menu/getting-started?lang=typescript&utm_source=npm&utm_campaign=context-menu)
@@ -110,6 +116,14 @@ Sidebar component is used in the following samples.
 4. **Overflow Mode** - Used to limit the number of breadcrumb items to be displayed.
 5. **Accessibility** - Provided with built-in accessibility support that helps to access all the Breadcrumb component features through the keyboard, screen readers, or other assistive technology devices.
 
+### Carousel
+
+1. **Rendering** - The Carousel component can be rendered based on the items collection and data binding.
+2. **Animation** - Supports animation effects for moving previous/next item of Carousel.
+3. **Template Support** - The Carousel component items and buttons can also be rendered with custom templates.
+4. **Keyboard Support** - By default, the Carousel allows interaction with commands by using keyboard shortcuts.
+5. **Accessibility** - The Carousel provides built-in compliance with the `WAI-ARIA` specifications and it is achieved through attributes.
+
 ### ContextMenu
 
 1. **Separator** - Supports menu items grouping by using the Separator.
@@ -177,4 +191,4 @@ Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-compo
 
 Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/navigations/CHANGELOG.md?utm_source=npm&utm_campaign=navigation)
 
-© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

package/carousel.d.ts

@@ -0,0 +1,4 @@
+/**
+ * carousel
+ */
+export * from './src/carousel/index';

package/carousel.js

@@ -0,0 +1,4 @@
+/**
+ * carousel
+ */
+export * from './src/carousel/index';

package/diConfig.json

@@ -89,15 +89,118 @@
             "menu item",
             "menu-item",
             "ej menu",
-            "treeview", "tree", "ej2-treeview", "tree structure", "hierarchical structure", "tree navigation", "treeview-checkbox", "drag and drop", "tree editing", "load-on-demand", "accordion tree", "tree node template", "tree multi selection"
+            "treeview",
+            "tree",
+            "ej2-treeview",
+            "tree structure",
+            "hierarchical structure",
+            "tree navigation",
+            "treeview-checkbox",
+            "drag and drop",
+            "tree editing",
+            "load-on-demand",
+            "accordion tree",
+            "tree node template",
+            "tree multi selection",
+            "carousel"
         ],
-        "angular": ["angular", "ng", "ng-template", "ej2-ng-navigations", "ej2-angular-navigations","angular-navigations","ng-navigations", "angular-toolbar", "ng-toolbar", "angular-tab","ng-tab", "angular-routing", "ng-routing", "angular-tab-routing", "ng-tab-routing", "ng-contextmenu", "angular-contextmenu", "angular-treeview",
-            "ng-tree", "ng-treeview", "angular tree", "angular treeview", "angular2-treeview", "ng-menu", "angular menu", "angular menubar", "angular breadcrumb", "ng breadcrumb"],
-        "react": ["react", "ej2-react-navigations"," react-navigations", "react-toolbar"," react-tab"," react-react","react-routing" , " react-contextmenu", "react tree", "react treeview", "react tree component", "react menu", "react menu component", "react breadcrumb"],
-        "vue": ["vue", "ej2-vue-navigations"," vue-navigations", "vue-toolbar"," vue-tab", "vue-routing" , " vue-contextmenu", "vue tree", "vue treeview", "vue tree component", "vue menu", "vue menu component", "vue breadcrumb"]
-      },
+        "angular": [
+            "angular",
+            "ng",
+            "ng-template",
+            "ej2-ng-navigations",
+            "ej2-angular-navigations",
+            "angular-navigations",
+            "ng-navigations",
+            "angular-toolbar",
+            "ng-toolbar",
+            "angular-tab",
+            "ng-tab",
+            "angular-routing",
+            "ng-routing",
+            "angular-tab-routing",
+            "ng-tab-routing",
+            "ng-contextmenu",
+            "angular-contextmenu",
+            "angular-treeview",
+            "ng-tree",
+            "ng-treeview",
+            "angular tree",
+            "angular treeview",
+            "angular2-treeview",
+            "ng-menu",
+            "angular menu",
+            "angular menubar",
+            "angular breadcrumb",
+            "ng breadcrumb",
+            "angular carousel",
+            "ng carousel"
+        ],
+        "react": [
+            "react",
+            "ej2-react-navigations",
+            "react-navigations",
+            "react-toolbar",
+            "react-tab",
+            "react-react",
+            "react-routing",
+            "react-contextmenu",
+            "react tree",
+            "react treeview",
+            "react tree component",
+            "react menu",
+            "react menu component",
+            "react breadcrumb",
+            "react carousel"
+        ],
+        "vue": [
+            "vue",
+            "ej2-vue-navigations",
+            " vue-navigations",
+            "vue-toolbar",
+            " vue-tab",
+            "vue-routing",
+            " vue-contextmenu",
+            "vue tree",
+            "vue treeview",
+            "vue tree component",
+            "vue menu",
+            "vue menu component",
+            "vue breadcrumb",
+            "vue carousel"
+        ]
+    },
     "description": "Navigation Components",
-	"eventInterfaces": ["EventArgs", "ChangeEventArgs", "MenuEventArgs", "BeforeOpenCloseMenuEventArgs", "OpenCloseMenuEventArgs", "AccordionClickArgs", "ExpandEventArgs", "RemoveEventArgs", "SelectEventArgs", "SelectingEventArgs", "BeforeCreateArgs", "ClickEventArgs", "DataBoundEventArgs", "DataSourceChangedEventArgs", "DrawNodeEventArgs", "NodeKeyPressEventArgs", "NodeCheckEventArgs", "NodeClickEventArgs", "NodeExpandEventArgs", "DragAndDropEventArgs", "NodeEditEventArgs", "NodeSelectEventArgs", "AddEventArgs", "DragEventArgs", "BreadcrumbBeforeItemRenderEventArgs", "BreadcrumbClickEventArgs"],
+    "eventInterfaces": [
+        "EventArgs",
+        "ChangeEventArgs",
+        "MenuEventArgs",
+        "BeforeOpenCloseMenuEventArgs",
+        "OpenCloseMenuEventArgs",
+        "AccordionClickArgs",
+        "ExpandEventArgs",
+        "RemoveEventArgs",
+        "SelectEventArgs",
+        "SelectingEventArgs",
+        "BeforeCreateArgs",
+        "ClickEventArgs",
+        "DataBoundEventArgs",
+        "DataSourceChangedEventArgs",
+        "DrawNodeEventArgs",
+        "NodeKeyPressEventArgs",
+        "NodeCheckEventArgs",
+        "NodeClickEventArgs",
+        "NodeExpandEventArgs",
+        "DragAndDropEventArgs",
+        "NodeEditEventArgs",
+        "NodeSelectEventArgs",
+        "AddEventArgs",
+        "DragEventArgs",
+        "BreadcrumbBeforeItemRenderEventArgs",
+        "BreadcrumbClickEventArgs",
+        "SlideChangingEventArgs",
+        "SlideChangedEventArgs"
+    ],
     "components": [
         {
             "baseClass": "Accordion",
@@ -130,7 +233,7 @@
             ],
             "vueComment": [
                 "/**",
-                " * Represents the VueJS Accoridon Component.",
+                " * Represents the VueJS Accordion Component.",
                 " * ```html",
                 " * <ejs-accordion></ejs-accordion>",
                 " * ```",
@@ -478,6 +581,114 @@
                 "itemTemplate"
               ]
         },
+        {
+            "baseClass": "Carousel",
+            "directoryName": "carousel",
+            "type": "simple",
+            "defaultTag": "<div id='carousel'></div>",
+            "preferredTag": "div",
+            "twoWays": [
+                "selectedIndex"
+            ],
+            "comment": [
+                "/**",
+                " * Represents the EJ2 Angular Carousel Component.",
+                " * ```html",
+                " * <ejs-carousel [items]='carouselItems'></ejs-carousel>",
+                " * ```",
+                " */"
+            ],
+            "reactComment": [
+                "/**",
+                " * `CarouselComponent` represents the react Carousel Component.",
+                " * ```ts",
+                " * <CarouselComponent items={carouselItems} />",
+                " * ```",
+                " */"
+            ],
+            "vueComment": [
+                "/**",
+                " * Represents the VueJS Carousel Component.",
+                " * ```html",
+                " * <ejs-carousel :items='carouselItems'></ejs-carousel>",
+                " * ```",
+                " */"
+             ],
+             "complexDirective": [
+                 {
+                    "propertyName": "animation",
+                    "baseClass": "CarouselAnimationSettings",
+                    "aspClassName": "CarouselAnimationSettings"
+                 }
+             ],
+             "tagDirective": [
+                {
+                    "baseClass": "CarouselItem",
+                    "propertyName": "items",
+                    "directiveClassName": "CarouselItem",
+                    "arrayDirectiveClassName": "CarouselItems",
+                    "arrayDirectiveSelector": "ejs-carousel>e-carousel-items",
+                    "directiveSelector": "ejs-carousel>e-carousel-items>e-carousel-item",
+                    "directoryName": "carousel",
+                    "aspArrayClassName": "CarouselItem",
+                    "aspCollectionClassName": "CarouselItems",
+                    "aspDirectiveSelector": "e-carousel-item",
+                    "aspArrayDirectiveSelector": "e-carousel-items",
+                    "templateProperties": [
+                        "template"
+                    ],
+                    "comment": [
+                        "/**",
+                        " * `e-carousel-item` directive represent a item of the Angular Carousel.",
+                        " * It must be contained in a Carousel component(`ejs-carousel`).",
+                        " * ```html",
+                        " * <ejs-carousel>",
+                        " *   <e-carousel-items>",
+                        " *    <e-carousel-item template='#item1'></e-carousel-item>",
+                        " *    <e-carousel-item template='#item2'></e-carousel-item>",
+                        " *   </e-carousel-items>",
+                        " * </ejs-carousel>",
+                        " * ```",
+                        " */"
+                    ],
+                    "reactComment": [
+                        "/**",
+                        " * `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>",
+                        " * ```",
+                        " */"
+                    ],
+                    "vueComment": [
+                        "/**",
+                        " * `e-carousel-item` directive represent a item of the Vue Carousel.",
+                        " * It must be contained in a Carousel component(`ejs-carousel`).",
+                        " * ```html",
+                        " * <ejs-carousel>",
+                        " *   <e-carousel-items>",
+                        " *    <e-carousel-item template='itemTemplate'></e-carousel-item>",
+                        " *    <e-carousel-item template='secondItemTemplate'></e-carousel-item>",
+                        " *   </e-carousel-items>",
+                        " * </ejs-carousel>",
+                        " * ```",
+                        " */"
+                    ]
+                }
+            ],
+            "templateProperties": [
+                "indicatorsTemplate",
+                "nextButtonTemplate",
+                "previousButtonTemplate",
+                "playButtonTemplate",
+                "itemTemplate"
+              ]
+        },
         {
             "baseClass": "Tab",
             "directoryName": "tab",

package/dist/ej2-react-navigations.umd.min.js

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-react-navigations.umd.min.js
-*  version : 19.4.56
+*  version : 20.1.51
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-navigations")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-navigations"],e):e(t.ej={},t.ej2ReactBase,t.React,t.ej2Navigations)}(this,function(t,e,n,r){"use strict";var o=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="accordionItem",e}(e.ComplexBase),c=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="items",e.moduleName="accordionItems",e}(e.ComplexBase),s=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={accordionItems:"accordionItem"},n.immediateRender=!1,n.portals=[],n}return s(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Accordion);e.applyMixins(u,[e.ComponentBase,n.Component]);var a=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),p=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return a(e,t),e.moduleName="item",e}(e.ComplexBase),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return a(e,t),e.propertyName="items",e.moduleName="items",e}(e.ComplexBase),f=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),h=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={items:"item"},n.immediateRender=!1,n.portals=[],n}return f(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Toolbar);e.applyMixins(h,[e.ComponentBase,n.Component]);var d=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),m=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return d(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("ul",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.ContextMenu);e.applyMixins(m,[e.ComponentBase,n.Component]);var y=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),_=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),e.moduleName="breadcrumbItem",e}(e.ComplexBase),v=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),e.propertyName="items",e.moduleName="breadcrumbItems",e}(e.ComplexBase),b=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),C=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={breadcrumbItems:"breadcrumbItem"},n.immediateRender=!1,n.portals=[],n}return b(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("nav",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Breadcrumb);e.applyMixins(C,[e.ComponentBase,n.Component]);var O=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),j=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return O(e,t),e.moduleName="tabItem",e.complexTemplate={headerText:"header.text"},e}(e.ComplexBase),R=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return O(e,t),e.propertyName="items",e.moduleName="tabItems",e}(e.ComplexBase),I=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),w=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={tabItems:"tabItem"},n.immediateRender=!1,n.portals=[],n}return I(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Tab);e.applyMixins(w,[e.ComponentBase,n.Component]);var P=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),x=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.immediateRender=!1,n.portals=[],n}return P(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.TreeView);e.applyMixins(x,[e.ComponentBase,n.Component]);var A=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),B=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.immediateRender=!0,n.portals=[],n}return A(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Sidebar);e.applyMixins(B,[e.ComponentBase,n.Component]);var M=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),g=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return M(e,t),e.moduleName="menuItem",e}(e.ComplexBase),D=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return M(e,t),e.propertyName="items",e.moduleName="menuItems",e}(e.ComplexBase),N=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),k=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={menuItems:"menuItem"},n.immediateRender=!1,n.portals=[],n}return N(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("ul",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Menu);e.applyMixins(k,[e.ComponentBase,n.Component]),t.Inject=e.Inject,t.AccordionItemDirective=i,t.AccordionItemsDirective=c,t.AccordionComponent=u,t.ItemDirective=p,t.ItemsDirective=l,t.ToolbarComponent=h,t.ContextMenuComponent=m,t.BreadcrumbItemDirective=_,t.BreadcrumbItemsDirective=v,t.BreadcrumbComponent=C,t.TabItemDirective=j,t.TabItemsDirective=R,t.TabComponent=w,t.TreeViewComponent=x,t.SidebarComponent=B,t.MenuItemDirective=g,t.MenuItemsDirective=D,t.MenuComponent=k,Object.keys(r).forEach(function(e){t[e]=r[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-navigations")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-navigations"],e):e(t.ej={},t.ej2ReactBase,t.React,t.ej2Navigations)}(this,function(t,e,n,r){"use strict";var o=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="accordionItem",e}(e.ComplexBase),c=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="items",e.moduleName="accordionItems",e}(e.ComplexBase),s=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={accordionItems:"accordionItem"},n.immediateRender=!1,n.portals=[],n}return s(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Accordion);e.applyMixins(u,[e.ComponentBase,n.Component]);var a=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),p=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return a(e,t),e.moduleName="item",e}(e.ComplexBase),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return a(e,t),e.propertyName="items",e.moduleName="items",e}(e.ComplexBase),f=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),h=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={items:"item"},n.immediateRender=!1,n.portals=[],n}return f(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Toolbar);e.applyMixins(h,[e.ComponentBase,n.Component]);var d=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),m=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return d(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("ul",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.ContextMenu);e.applyMixins(m,[e.ComponentBase,n.Component]);var y=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),_=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),e.moduleName="breadcrumbItem",e}(e.ComplexBase),v=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),e.propertyName="items",e.moduleName="breadcrumbItems",e}(e.ComplexBase),C=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),b=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={breadcrumbItems:"breadcrumbItem"},n.immediateRender=!1,n.portals=[],n}return C(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("nav",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Breadcrumb);e.applyMixins(b,[e.ComponentBase,n.Component]);var O=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),j=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return O(e,t),e.moduleName="carouselItem",e}(e.ComplexBase),R=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return O(e,t),e.propertyName="items",e.moduleName="carouselItems",e}(e.ComplexBase),I=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),w=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={carouselItems:"carouselItem"},n.immediateRender=!1,n.portals=[],n}return I(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Carousel);e.applyMixins(w,[e.ComponentBase,n.Component]);var P=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),x=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return P(e,t),e.moduleName="tabItem",e.complexTemplate={headerText:"header.text"},e}(e.ComplexBase),A=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return P(e,t),e.propertyName="items",e.moduleName="tabItems",e}(e.ComplexBase),B=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),M=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={tabItems:"tabItem"},n.immediateRender=!1,n.portals=[],n}return B(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Tab);e.applyMixins(M,[e.ComponentBase,n.Component]);var g=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),D=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.immediateRender=!1,n.portals=[],n}return g(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.TreeView);e.applyMixins(D,[e.ComponentBase,n.Component]);var N=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),k=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.immediateRender=!0,n.portals=[],n}return N(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Sidebar);e.applyMixins(k,[e.ComponentBase,n.Component]);var E=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),T=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return E(e,t),e.moduleName="menuItem",e}(e.ComplexBase),F=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return E(e,t),e.propertyName="items",e.moduleName="menuItems",e}(e.ComplexBase),U=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),q=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={menuItems:"menuItem"},n.immediateRender=!1,n.portals=[],n}return U(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("ul",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Menu);e.applyMixins(q,[e.ComponentBase,n.Component]),t.Inject=e.Inject,t.AccordionItemDirective=i,t.AccordionItemsDirective=c,t.AccordionComponent=u,t.ItemDirective=p,t.ItemsDirective=l,t.ToolbarComponent=h,t.ContextMenuComponent=m,t.BreadcrumbItemDirective=_,t.BreadcrumbItemsDirective=v,t.BreadcrumbComponent=b,t.CarouselItemDirective=j,t.CarouselItemsDirective=R,t.CarouselComponent=w,t.TabItemDirective=x,t.TabItemsDirective=A,t.TabComponent=M,t.TreeViewComponent=D,t.SidebarComponent=k,t.MenuItemDirective=T,t.MenuItemsDirective=F,t.MenuComponent=q,Object.keys(r).forEach(function(e){t[e]=r[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-navigations.umd.min.js.map