@syncfusion/ej2-angular-navigations 19.2.59 → 19.3.44

package/@syncfusion/ej2-angular-navigations.js

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, ContentChild, ContentChildren, Directive, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef } from '@angular/core';
 import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, Template, setValue } from '@syncfusion/ej2-angular-base';
-import { Accordion, ContextMenu, Menu, Sidebar, Tab, Toolbar, TreeView } from '@syncfusion/ej2-navigations';
+import { Accordion, Breadcrumb, ContextMenu, Menu, Sidebar, Tab, Toolbar, TreeView } from '@syncfusion/ej2-navigations';
 import { CommonModule } from '@angular/common';
 
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -581,6 +581,67 @@ ContextMenuAllModule.decorators = [
  */
 ContextMenuAllModule.ctorParameters = () => [];
 
+let input$2 = ['iconCss', 'text', 'url'];
+let outputs$5 = [];
+/**
+ * `e-breadcrumb-item` directive represent a item of the Angular Breadcrumb.
+ * It must be contained in a Breadcrumb component(`ejs-breadcrumb`).
+ * ```html
+ * <ejs-breadcrumb>
+ *   <e-breadcrumb-items>
+ *    <e-breadcrumb-item text='Home' url='/'></e-breadcrumb-item>
+ *    <e-breadcrumb-item text='Index' url='./index'></e-breadcrumb-item>
+ *   </e-breadcrumb-items>
+ * </ejs-breadcrumb>
+ * ```
+ */
+class BreadcrumbItemDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$5);
+        this.directivePropList = input$2;
+    }
+}
+BreadcrumbItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-breadcrumb>e-breadcrumb-items>e-breadcrumb-item',
+                inputs: input$2,
+                outputs: outputs$5,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+BreadcrumbItemDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+/**
+ * BreadcrumbItem Array Directive
+ */
+class BreadcrumbItemsDirective extends ArrayBase {
+    constructor() {
+        super('items');
+    }
+}
+BreadcrumbItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-breadcrumb>e-breadcrumb-items',
+                queries: {
+                    children: new ContentChildren(BreadcrumbItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+BreadcrumbItemsDirective.ctorParameters = () => [];
+
 var __decorate$5 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -590,8 +651,158 @@ var __decorate$5 = (this && this.__decorate) || function (decorators, target, ke
 var __metadata$5 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-let input$2 = ['content', 'cssClass', 'disabled', 'header', 'headerTemplate', 'id', 'visible'];
-let outputs$5 = [];
+const inputs$3 = ['activeItem', 'cssClass', 'enableActiveItemNavigation', 'enableNavigation', 'enablePersistence', 'enableRtl', 'itemTemplate', 'items', 'locale', 'maxItems', 'overflowMode', 'separatorTemplate', 'url', 'width'];
+const outputs$6 = ['beforeItemRender', 'created', 'itemClick', 'activeItemChange'];
+const twoWays$3 = ['activeItem'];
+/**
+ * Represents the EJ2 Angular Breadcrumb Component.
+ * ```html
+ * <ejs-breadcrumb [items]='breadcrumbItems'></ejs-breadcrumb>
+ * ```
+ */
+let BreadcrumbComponent = class BreadcrumbComponent extends Breadcrumb {
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    constructor(ngEle, srenderer, viewContainerRef, injector) {
+        super();
+        this.ngEle = ngEle;
+        this.srenderer = srenderer;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+        this.tags = ['items'];
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+        this.registerEvents(outputs$6);
+        this.addTwoWay.call(this, twoWays$3);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.context = new ComponentBase();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.context.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.context.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.context.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.tagObjects[0].instance = this.childItems;
+        this.context.ngAfterContentChecked(this);
+    }
+};
+BreadcrumbComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-breadcrumb',
+                inputs: inputs$3,
+                outputs: outputs$6,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childItems: new ContentChild(BreadcrumbItemsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+BreadcrumbComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+];
+BreadcrumbComponent.propDecorators = {
+    'separatorTemplate': [{ type: ContentChild, args: ['separatorTemplate',] },],
+    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
+};
+__decorate$5([
+    Template(),
+    __metadata$5("design:type", Object)
+], BreadcrumbComponent.prototype, "separatorTemplate", void 0);
+__decorate$5([
+    Template(),
+    __metadata$5("design:type", Object)
+], BreadcrumbComponent.prototype, "itemTemplate", void 0);
+BreadcrumbComponent = __decorate$5([
+    ComponentMixins([ComponentBase]),
+    __metadata$5("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
+], BreadcrumbComponent);
+
+/**
+ * NgModule definition for the Breadcrumb component.
+ */
+class BreadcrumbModule {
+}
+BreadcrumbModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    BreadcrumbComponent,
+                    BreadcrumbItemDirective,
+                    BreadcrumbItemsDirective
+                ],
+                exports: [
+                    BreadcrumbComponent,
+                    BreadcrumbItemDirective,
+                    BreadcrumbItemsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+BreadcrumbModule.ctorParameters = () => [];
+
+/**
+ * NgModule definition for the Breadcrumb component with providers.
+ */
+class BreadcrumbAllModule {
+}
+BreadcrumbAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, BreadcrumbModule],
+                exports: [
+                    BreadcrumbModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+BreadcrumbAllModule.ctorParameters = () => [];
+
+var __decorate$6 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$6 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+let input$3 = ['content', 'cssClass', 'disabled', 'header', 'headerTemplate', 'id', 'visible'];
+let outputs$7 = [];
 /**
  * 'e-tabitem' directive represent a item of the Angular Tab.
  * It must be contained in a Tab component(`ejs-tab`).
@@ -612,15 +823,15 @@ class TabItemDirective extends ComplexBase {
         super();
         this.viewContainerRef = viewContainerRef;
         setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$5);
-        this.directivePropList = input$2;
+        this.registerEvents(outputs$7);
+        this.directivePropList = input$3;
     }
 }
 TabItemDirective.decorators = [
     { type: Directive, args: [{
                 selector: 'e-tabitems>e-tabitem',
-                inputs: input$2,
-                outputs: outputs$5,
+                inputs: input$3,
+                outputs: outputs$7,
                 queries: {}
             },] },
 ];
@@ -635,17 +846,17 @@ TabItemDirective.propDecorators = {
     'header_text': [{ type: ContentChild, args: ['headerText',] },],
     'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
 };
-__decorate$5([
+__decorate$6([
     Template(),
-    __metadata$5("design:type", Object)
+    __metadata$6("design:type", Object)
 ], TabItemDirective.prototype, "content", void 0);
-__decorate$5([
+__decorate$6([
     Template(),
-    __metadata$5("design:type", Object)
+    __metadata$6("design:type", Object)
 ], TabItemDirective.prototype, "header_text", void 0);
-__decorate$5([
+__decorate$6([
     Template(),
-    __metadata$5("design:type", Object)
+    __metadata$6("design:type", Object)
 ], TabItemDirective.prototype, "headerTemplate", void 0);
 /**
  * TabItem Array Directive
@@ -668,18 +879,18 @@ TabItemsDirective.decorators = [
  */
 TabItemsDirective.ctorParameters = () => [];
 
-var __decorate$6 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$7 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$6 = (this && this.__metadata) || function (k, v) {
+var __metadata$7 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-const inputs$3 = ['allowDragAndDrop', 'animation', 'cssClass', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'headerPlacement', 'height', 'heightAdjustMode', 'items', 'loadOn', 'locale', 'overflowMode', 'scrollStep', 'selectedItem', 'showCloseButton', 'width'];
-const outputs$6 = ['added', 'adding', 'created', 'destroyed', 'dragged', 'dragging', 'onDragStart', 'removed', 'removing', 'selected', 'selecting'];
-const twoWays$3 = [''];
+const inputs$4 = ['allowDragAndDrop', 'animation', 'cssClass', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'headerPlacement', 'height', 'heightAdjustMode', 'items', 'loadOn', 'locale', 'overflowMode', 'scrollStep', 'selectedItem', 'showCloseButton', 'width'];
+const outputs$8 = ['added', 'adding', 'created', 'destroyed', 'dragged', 'dragging', 'onDragStart', 'removed', 'removing', 'selected', 'selecting'];
+const twoWays$4 = [''];
 /**
  * Represents the Angular Tab Component.
  * ```html
@@ -702,8 +913,8 @@ let TabComponent = class TabComponent extends Tab {
         this.tags = ['items'];
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$6);
-        this.addTwoWay.call(this, twoWays$3);
+        this.registerEvents(outputs$8);
+        this.addTwoWay.call(this, twoWays$4);
         setValue('currentInstance', this, this.viewContainerRef);
         this.containerContext = new ComponentBase();
     }
@@ -736,8 +947,8 @@ let TabComponent = class TabComponent extends Tab {
 TabComponent.decorators = [
     { type: Component, args: [{
                 selector: 'ejs-tab',
-                inputs: inputs$3,
-                outputs: outputs$6,
+                inputs: inputs$4,
+                outputs: outputs$8,
                 template: `<ng-content select='div'></ng-content>`,
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 queries: {
@@ -754,9 +965,9 @@ TabComponent.ctorParameters = () => [
     { type: ViewContainerRef, },
     { type: Injector, },
 ];
-TabComponent = __decorate$6([
+TabComponent = __decorate$7([
     ComponentMixins([ComponentBase]),
-    __metadata$6("design:paramtypes", [ElementRef,
+    __metadata$7("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
         Injector])
@@ -806,18 +1017,18 @@ TabAllModule.decorators = [
  */
 TabAllModule.ctorParameters = () => [];
 
-var __decorate$7 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$7 = (this && this.__metadata) || function (k, v) {
+var __metadata$8 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-const inputs$4 = ['allowDragAndDrop', 'allowEditing', 'allowMultiSelection', 'animation', 'autoCheck', 'checkedNodes', 'cssClass', 'disabled', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandOn', 'expandedNodes', 'fields', 'fullRowNavigable', 'fullRowSelect', 'loadOnDemand', 'locale', 'nodeTemplate', 'selectedNodes', 'showCheckBox', 'sortOrder'];
-const outputs$7 = ['actionFailure', 'created', 'dataBound', 'dataSourceChanged', 'destroyed', 'drawNode', 'keyPress', 'nodeChecked', 'nodeChecking', 'nodeClicked', 'nodeCollapsed', 'nodeCollapsing', 'nodeDragStart', 'nodeDragStop', 'nodeDragging', 'nodeDropped', 'nodeEdited', 'nodeEditing', 'nodeExpanded', 'nodeExpanding', 'nodeSelected', 'nodeSelecting'];
-const twoWays$4 = [''];
+const inputs$5 = ['allowDragAndDrop', 'allowEditing', 'allowMultiSelection', 'animation', 'autoCheck', 'checkedNodes', 'cssClass', 'disabled', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandOn', 'expandedNodes', 'fields', 'fullRowNavigable', 'fullRowSelect', 'loadOnDemand', 'locale', 'nodeTemplate', 'selectedNodes', 'showCheckBox', 'sortOrder'];
+const outputs$9 = ['actionFailure', 'created', 'dataBound', 'dataSourceChanged', 'destroyed', 'drawNode', 'keyPress', 'nodeChecked', 'nodeChecking', 'nodeClicked', 'nodeCollapsed', 'nodeCollapsing', 'nodeDragStart', 'nodeDragStop', 'nodeDragging', 'nodeDropped', 'nodeEdited', 'nodeEditing', 'nodeExpanded', 'nodeExpanding', 'nodeSelected', 'nodeSelecting'];
+const twoWays$5 = [''];
 /**
  * TreeView component is used to represent the hierarchical data in tree like structure with advanced functions to perform edit, drag and drop, selection with check-box and more.
  * ```html
@@ -839,8 +1050,8 @@ let TreeViewComponent = class TreeViewComponent extends TreeView {
         this.injector = injector;
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$7);
-        this.addTwoWay.call(this, twoWays$4);
+        this.registerEvents(outputs$9);
+        this.addTwoWay.call(this, twoWays$5);
         setValue('currentInstance', this, this.viewContainerRef);
         this.context = new ComponentBase();
     }
@@ -872,8 +1083,8 @@ let TreeViewComponent = class TreeViewComponent extends TreeView {
 TreeViewComponent.decorators = [
     { type: Component, args: [{
                 selector: 'ejs-treeview',
-                inputs: inputs$4,
-                outputs: outputs$7,
+                inputs: inputs$5,
+                outputs: outputs$9,
                 template: '',
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 queries: {}
@@ -891,13 +1102,13 @@ TreeViewComponent.ctorParameters = () => [
 TreeViewComponent.propDecorators = {
     'nodeTemplate': [{ type: ContentChild, args: ['nodeTemplate',] },],
 };
-__decorate$7([
+__decorate$8([
     Template(),
-    __metadata$7("design:type", Object)
+    __metadata$8("design:type", Object)
 ], TreeViewComponent.prototype, "nodeTemplate", void 0);
-TreeViewComponent = __decorate$7([
+TreeViewComponent = __decorate$8([
     ComponentMixins([ComponentBase]),
-    __metadata$7("design:paramtypes", [ElementRef,
+    __metadata$8("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
         Injector])
@@ -943,18 +1154,18 @@ TreeViewAllModule.decorators = [
  */
 TreeViewAllModule.ctorParameters = () => [];
 
-var __decorate$8 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$8 = (this && this.__metadata) || function (k, v) {
+var __metadata$9 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-const inputs$5 = ['animate', 'closeOnDocumentClick', 'dockSize', 'enableDock', 'enableGestures', 'enablePersistence', 'enableRtl', 'height', 'isOpen', 'locale', 'mediaQuery', 'position', 'showBackdrop', 'target', 'type', 'width', 'zIndex'];
-const outputs$8 = ['change', 'close', 'created', 'destroyed', 'open', 'isOpenChange'];
-const twoWays$5 = ['isOpen'];
+const inputs$6 = ['animate', 'closeOnDocumentClick', 'dockSize', 'enableDock', 'enableGestures', 'enablePersistence', 'enableRtl', 'height', 'isOpen', 'locale', 'mediaQuery', 'position', 'showBackdrop', 'target', 'type', 'width', 'zIndex'];
+const outputs$10 = ['change', 'close', 'created', 'destroyed', 'open', 'isOpenChange'];
+const twoWays$6 = ['isOpen'];
 /**
  * Represents the Essential JS 2 Angular Sidebar Component.
  * ```html
@@ -976,8 +1187,8 @@ let SidebarComponent = class SidebarComponent extends Sidebar {
         this.injector = injector;
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$8);
-        this.addTwoWay.call(this, twoWays$5);
+        this.registerEvents(outputs$10);
+        this.addTwoWay.call(this, twoWays$6);
         setValue('currentInstance', this, this.viewContainerRef);
         this.containerContext = new ComponentBase();
     }
@@ -1009,8 +1220,8 @@ let SidebarComponent = class SidebarComponent extends Sidebar {
 SidebarComponent.decorators = [
     { type: Component, args: [{
                 selector: 'ejs-sidebar',
-                inputs: inputs$5,
-                outputs: outputs$8,
+                inputs: inputs$6,
+                outputs: outputs$10,
                 template: `<ng-content ></ng-content>`,
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 queries: {}
@@ -1025,9 +1236,9 @@ SidebarComponent.ctorParameters = () => [
     { type: ViewContainerRef, },
     { type: Injector, },
 ];
-SidebarComponent = __decorate$8([
+SidebarComponent = __decorate$9([
     ComponentMixins([ComponentBase]),
-    __metadata$8("design:paramtypes", [ElementRef,
+    __metadata$9("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
         Injector])
@@ -1073,8 +1284,8 @@ SidebarAllModule.decorators = [
  */
 SidebarAllModule.ctorParameters = () => [];
 
-let input$3 = ['iconCss', 'id', 'items', 'separator', 'text', 'url'];
-let outputs$9 = [];
+let input$4 = ['iconCss', 'id', 'items', 'separator', 'text', 'url'];
+let outputs$11 = [];
 class MenuItemDirective extends ComplexBase {
     /**
      * @param {?} viewContainerRef
@@ -1083,15 +1294,15 @@ class MenuItemDirective extends ComplexBase {
         super();
         this.viewContainerRef = viewContainerRef;
         setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$9);
-        this.directivePropList = input$3;
+        this.registerEvents(outputs$11);
+        this.directivePropList = input$4;
     }
 }
 MenuItemDirective.decorators = [
     { type: Directive, args: [{
                 selector: 'ejs-menu>e-menu-items>e-menu-item>',
-                inputs: input$3,
-                outputs: outputs$9,
+                inputs: input$4,
+                outputs: outputs$11,
                 queries: {}
             },] },
 ];
@@ -1122,18 +1333,18 @@ MenuItemsDirective.decorators = [
  */
 MenuItemsDirective.ctorParameters = () => [];
 
-var __decorate$9 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$10 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$9 = (this && this.__metadata) || function (k, v) {
+var __metadata$10 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-const inputs$6 = ['animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hamburgerMode', 'hoverDelay', 'items', 'locale', 'orientation', 'showItemOnClick', 'target', 'template', 'title'];
-const outputs$10 = ['beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
-const twoWays$6 = [''];
+const inputs$7 = ['animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hamburgerMode', 'hoverDelay', 'items', 'locale', 'orientation', 'showItemOnClick', 'target', 'template', 'title'];
+const outputs$12 = ['beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
+const twoWays$7 = [''];
 /**
  * Represents the EJ2 Angular Menu Component.
  * ```html
@@ -1156,8 +1367,8 @@ let MenuComponent = class MenuComponent extends Menu {
         this.tags = ['items'];
         this.element = this.ngEle.nativeElement;
         this.injectedModules = this.injectedModules || [];
-        this.registerEvents(outputs$10);
-        this.addTwoWay.call(this, twoWays$6);
+        this.registerEvents(outputs$12);
+        this.addTwoWay.call(this, twoWays$7);
         setValue('currentInstance', this, this.viewContainerRef);
         this.context = new ComponentBase();
     }
@@ -1190,8 +1401,8 @@ let MenuComponent = class MenuComponent extends Menu {
 MenuComponent.decorators = [
     { type: Component, args: [{
                 selector: 'ejs-menu',
-                inputs: inputs$6,
-                outputs: outputs$10,
+                inputs: inputs$7,
+                outputs: outputs$12,
                 template: '',
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 queries: {
@@ -1211,13 +1422,13 @@ MenuComponent.ctorParameters = () => [
 MenuComponent.propDecorators = {
     'template': [{ type: ContentChild, args: ['template',] },],
 };
-__decorate$9([
+__decorate$10([
     Template(),
-    __metadata$9("design:type", Object)
+    __metadata$10("design:type", Object)
 ], MenuComponent.prototype, "template", void 0);
-MenuComponent = __decorate$9([
+MenuComponent = __decorate$10([
     ComponentMixins([ComponentBase]),
-    __metadata$9("design:paramtypes", [ElementRef,
+    __metadata$10("design:paramtypes", [ElementRef,
         Renderer2,
         ViewContainerRef,
         Injector])
@@ -1271,6 +1482,6 @@ MenuAllModule.ctorParameters = () => [];
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionItemDirective, AccordionItemsDirective, AccordionComponent, AccordionModule, AccordionAllModule, ItemDirective, ItemsDirective, ToolbarComponent, ToolbarModule, ToolbarAllModule, ContextMenuComponent, ContextMenuModule, ContextMenuAllModule, TabItemDirective, TabItemsDirective, TabComponent, TabModule, TabAllModule, TreeViewComponent, TreeViewModule, TreeViewAllModule, SidebarComponent, SidebarModule, SidebarAllModule, MenuItemDirective, MenuItemsDirective, MenuComponent, MenuModule, MenuAllModule, inputs as ɵa, outputs$1 as ɵb, inputs$2 as ɵe, outputs$4 as ɵf, inputs$6 as ɵm, outputs$10 as ɵn, inputs$5 as ɵk, outputs$8 as ɵl, inputs$3 as ɵg, outputs$6 as ɵh, inputs$1 as ɵc, outputs$3 as ɵd, inputs$4 as ɵi, outputs$7 as ɵj };
-export { MenuAnimationSettings, MenuItem, HScroll, VScroll, addScrolling, destroyScroll, Item, Toolbar, AccordionActionSettings, AccordionAnimationSettings, AccordionItem, Accordion, ContextMenu, Menu, TabActionSettings, TabAnimationSettings, Header, TabItem, Tab, FieldsSettings, ActionSettings, NodeAnimationSettings, TreeView, Sidebar } from '@syncfusion/ej2-navigations';
+export { AccordionItemDirective, AccordionItemsDirective, AccordionComponent, AccordionModule, AccordionAllModule, ItemDirective, ItemsDirective, ToolbarComponent, ToolbarModule, ToolbarAllModule, ContextMenuComponent, ContextMenuModule, ContextMenuAllModule, BreadcrumbItemDirective, BreadcrumbItemsDirective, BreadcrumbComponent, BreadcrumbModule, BreadcrumbAllModule, TabItemDirective, TabItemsDirective, TabComponent, TabModule, TabAllModule, TreeViewComponent, TreeViewModule, TreeViewAllModule, SidebarComponent, SidebarModule, SidebarAllModule, MenuItemDirective, MenuItemsDirective, MenuComponent, MenuModule, MenuAllModule, inputs as ɵa, outputs$1 as ɵb, inputs$3 as ɵg, outputs$6 as ɵh, inputs$2 as ɵe, outputs$4 as ɵf, inputs$7 as ɵo, outputs$12 as ɵp, inputs$6 as ɵm, outputs$10 as ɵn, inputs$4 as ɵi, outputs$8 as ɵj, inputs$1 as ɵc, outputs$3 as ɵd, inputs$5 as ɵk, outputs$9 as ɵl };
+export { MenuAnimationSettings, MenuItem, HScroll, VScroll, addScrolling, destroyScroll, Item, Toolbar, AccordionActionSettings, AccordionAnimationSettings, AccordionItem, Accordion, ContextMenu, Menu, TabActionSettings, TabAnimationSettings, Header, TabItem, Tab, FieldsSettings, ActionSettings, NodeAnimationSettings, TreeView, Sidebar, BreadcrumbItem, Breadcrumb } from '@syncfusion/ej2-navigations';
 //# sourceMappingURL=ej2-angular-navigations.js.map