@syncfusion/ej2-angular-navigations 24.1.41 → 24.1.46-ngcc

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

@@ -0,0 +1,2247 @@
+var __extends = (this && this.__extends) || (function () {
+    var 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 function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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, AppBar, Breadcrumb, Carousel, ContextMenu, Menu, Sidebar, Stepper, Tab, Toolbar, TreeView } from '@syncfusion/ej2-navigations';
+import { CommonModule } from '@angular/common';
+var __decorate = (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 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var input = ['content', 'cssClass', 'disabled', 'expanded', 'header', 'iconCss', 'id', 'visible'];
+var outputs = [];
+/**
+ * 'e-accordionitem' directive represent a item of the Angular Accordion.
+ * It must be contained in a Accordion component(`ejs-accordion`).
+ * ```html
+ * <ejs-accordion>
+ *   <e-accordionitems>
+ *    <e-accordionitem header='Header1'></e-accordionitem>
+ *    <e-accordionitem header='Header2' content='Content2'></e-accordionitem>
+ *   </e-accordionitems>
+ * </ejs-accordion>
+ * ```
+ */
+var AccordionItemDirective = /** @class */ (function (_super) {
+    __extends(AccordionItemDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function AccordionItemDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs);
+        _this.directivePropList = input;
+        return _this;
+    }
+    return AccordionItemDirective;
+}(ComplexBase));
+AccordionItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-accordionitems>e-accordionitem',
+                inputs: input,
+                outputs: outputs,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AccordionItemDirective.ctorParameters = function () { return [
+    { type: ViewContainerRef, },
+]; };
+AccordionItemDirective.propDecorators = {
+    'header': [{ type: ContentChild, args: ['header',] },],
+    'content': [{ type: ContentChild, args: ['content',] },],
+};
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], AccordionItemDirective.prototype, "header", void 0);
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], AccordionItemDirective.prototype, "content", void 0);
+/**
+ * AccordionItem Array Directive
+ */
+var AccordionItemsDirective = /** @class */ (function (_super) {
+    __extends(AccordionItemsDirective, _super);
+    function AccordionItemsDirective() {
+        return _super.call(this, 'items') || this;
+    }
+    return AccordionItemsDirective;
+}(ArrayBase));
+AccordionItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-accordion>e-accordionitems',
+                queries: {
+                    children: new ContentChildren(AccordionItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AccordionItemsDirective.ctorParameters = function () { return []; };
+var __decorate$1 = (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$1 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs = ['animation', 'dataSource', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandMode', 'expandedIndices', 'headerTemplate', 'height', 'itemTemplate', 'items', 'locale', 'width'];
+var outputs$1 = ['clicked', 'created', 'destroyed', 'expanded', 'expanding', 'expandedIndicesChange'];
+var twoWays = ['expandedIndices'];
+/**
+ * Represents the Angular Accordion Component.
+ * ```html
+ * <ejs-accordion></ejs-accordion>
+ * ```
+ */
+var AccordionComponent = /** @class */ (function (_super) {
+    __extends(AccordionComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function AccordionComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _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$1);
+        _this.addTwoWay.call(_this, twoWays);
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.containerContext = new ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    AccordionComponent.prototype.ngOnInit = function () {
+        this.containerContext.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    AccordionComponent.prototype.ngAfterViewInit = function () {
+        this.containerContext.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    AccordionComponent.prototype.ngOnDestroy = function () {
+        this.containerContext.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    AccordionComponent.prototype.ngAfterContentChecked = function () {
+        this.tagObjects[0].instance = this.childItems;
+        this.containerContext.ngAfterContentChecked(this);
+    };
+    return AccordionComponent;
+}(Accordion));
+AccordionComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-accordion',
+                inputs: inputs,
+                outputs: outputs$1,
+                template: "<ng-content select='div'></ng-content>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childItems: new ContentChild(AccordionItemsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AccordionComponent.ctorParameters = function () { return [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+]; };
+AccordionComponent.propDecorators = {
+    'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
+    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
+};
+__decorate$1([
+    Template(),
+    __metadata$1("design:type", Object)
+], AccordionComponent.prototype, "headerTemplate", void 0);
+__decorate$1([
+    Template(),
+    __metadata$1("design:type", Object)
+], AccordionComponent.prototype, "itemTemplate", void 0);
+AccordionComponent = __decorate$1([
+    ComponentMixins([ComponentBase]),
+    __metadata$1("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
+], AccordionComponent);
+/**
+ * NgModule definition for the Accordion component.
+ */
+var AccordionModule = /** @class */ (function () {
+    function AccordionModule() {
+    }
+    return AccordionModule;
+}());
+AccordionModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    AccordionComponent,
+                    AccordionItemDirective,
+                    AccordionItemsDirective
+                ],
+                exports: [
+                    AccordionComponent,
+                    AccordionItemDirective,
+                    AccordionItemsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AccordionModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the Accordion component with providers.
+ */
+var AccordionAllModule = /** @class */ (function () {
+    function AccordionAllModule() {
+    }
+    return AccordionAllModule;
+}());
+AccordionAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, AccordionModule],
+                exports: [
+                    AccordionModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AccordionAllModule.ctorParameters = function () { return []; };
+var __decorate$2 = (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$2 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var input$1 = ['align', 'cssClass', 'disabled', 'htmlAttributes', 'id', 'overflow', 'prefixIcon', 'showAlwaysInPopup', 'showTextOn', 'suffixIcon', 'tabIndex', 'template', 'text', 'tooltipText', 'type', 'visible', 'width'];
+var outputs$2 = ['click'];
+/**
+ * 'e-item' directive represent a item of the Angular Toolbar.
+ * It must be contained in a Toolbar component(`ejs-toolbar`).
+ * ```html
+ * <ejs-toolbar>
+ *   <e-items>
+ *    <e-item text='Cut'></e-item>
+ *    <e-item text='Copy'></e-item>
+ *   </e-items>
+ * </ejs-toolbar>
+ * ```
+ */
+var ItemDirective = /** @class */ (function (_super) {
+    __extends(ItemDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function ItemDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$2);
+        _this.directivePropList = input$1;
+        return _this;
+    }
+    return ItemDirective;
+}(ComplexBase));
+ItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-items>e-item',
+                inputs: input$1,
+                outputs: outputs$2,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ItemDirective.ctorParameters = function () { return [
+    { type: ViewContainerRef, },
+]; };
+ItemDirective.propDecorators = {
+    'template': [{ type: ContentChild, args: ['template',] },],
+};
+__decorate$2([
+    Template(),
+    __metadata$2("design:type", Object)
+], ItemDirective.prototype, "template", void 0);
+/**
+ * Item Array Directive
+ */
+var ItemsDirective = /** @class */ (function (_super) {
+    __extends(ItemsDirective, _super);
+    function ItemsDirective() {
+        return _super.call(this, 'items') || this;
+    }
+    return ItemsDirective;
+}(ArrayBase));
+ItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-toolbar>e-items',
+                queries: {
+                    children: new ContentChildren(ItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ItemsDirective.ctorParameters = function () { return []; };
+var __decorate$3 = (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$3 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs$1 = ['allowKeyboard', 'cssClass', 'enableCollision', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'height', 'items', 'locale', 'overflowMode', 'scrollStep', 'width'];
+var outputs$3 = ['beforeCreate', 'clicked', 'created', 'destroyed'];
+var twoWays$1 = [''];
+/**
+ * Represents the Angular Toolbar Component.
+ * ```html
+ * <ejs-toolbar></ejs-toolbar>
+ * ```
+ */
+var ToolbarComponent = /** @class */ (function (_super) {
+    __extends(ToolbarComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function ToolbarComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _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$3);
+        _this.addTwoWay.call(_this, twoWays$1);
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.containerContext = new ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    ToolbarComponent.prototype.ngOnInit = function () {
+        this.containerContext.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    ToolbarComponent.prototype.ngAfterViewInit = function () {
+        this.containerContext.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    ToolbarComponent.prototype.ngOnDestroy = function () {
+        this.containerContext.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    ToolbarComponent.prototype.ngAfterContentChecked = function () {
+        this.tagObjects[0].instance = this.childItems;
+        this.containerContext.ngAfterContentChecked(this);
+    };
+    return ToolbarComponent;
+}(Toolbar));
+ToolbarComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-toolbar',
+                inputs: inputs$1,
+                outputs: outputs$3,
+                template: "<ng-content select='div'></ng-content>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childItems: new ContentChild(ItemsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ToolbarComponent.ctorParameters = function () { return [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+]; };
+ToolbarComponent = __decorate$3([
+    ComponentMixins([ComponentBase]),
+    __metadata$3("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
+], ToolbarComponent);
+/**
+ * NgModule definition for the Toolbar component.
+ */
+var ToolbarModule = /** @class */ (function () {
+    function ToolbarModule() {
+    }
+    return ToolbarModule;
+}());
+ToolbarModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    ToolbarComponent,
+                    ItemDirective,
+                    ItemsDirective
+                ],
+                exports: [
+                    ToolbarComponent,
+                    ItemDirective,
+                    ItemsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ToolbarModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the Toolbar component with providers.
+ */
+var ToolbarAllModule = /** @class */ (function () {
+    function ToolbarAllModule() {
+    }
+    return ToolbarAllModule;
+}());
+ToolbarAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, ToolbarModule],
+                exports: [
+                    ToolbarModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ToolbarAllModule.ctorParameters = function () { return []; };
+var __decorate$4 = (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$4 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs$2 = ['animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hoverDelay', 'items', 'locale', 'showItemOnClick', 'target', 'template'];
+var outputs$4 = ['beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
+var twoWays$2 = [''];
+/**
+ * Represents the EJ2 Angular ContextMenu Component.
+ * ```html
+ * <div id='target'>Right click / Touch hold to open the ContextMenu</div>
+ * <ejs-contextmenu target='#target' [items]='menuItems'></ejs-contextmenu>
+ * ```
+ */
+var ContextMenuComponent = /** @class */ (function (_super) {
+    __extends(ContextMenuComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function ContextMenuComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _this.ngEle = ngEle;
+        _this.srenderer = srenderer;
+        _this.viewContainerRef = viewContainerRef;
+        _this.injector = injector;
+        _this.element = _this.ngEle.nativeElement;
+        _this.injectedModules = _this.injectedModules || [];
+        _this.registerEvents(outputs$4);
+        _this.addTwoWay.call(_this, twoWays$2);
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.context = new ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    ContextMenuComponent.prototype.ngOnInit = function () {
+        this.context.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    ContextMenuComponent.prototype.ngAfterViewInit = function () {
+        this.context.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    ContextMenuComponent.prototype.ngOnDestroy = function () {
+        this.context.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    ContextMenuComponent.prototype.ngAfterContentChecked = function () {
+        this.context.ngAfterContentChecked(this);
+    };
+    return ContextMenuComponent;
+}(ContextMenu));
+ContextMenuComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-contextmenu',
+                inputs: inputs$2,
+                outputs: outputs$4,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ContextMenuComponent.ctorParameters = function () { return [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+]; };
+ContextMenuComponent = __decorate$4([
+    ComponentMixins([ComponentBase]),
+    __metadata$4("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
+], ContextMenuComponent);
+/**
+ * NgModule definition for the ContextMenu component.
+ */
+var ContextMenuModule = /** @class */ (function () {
+    function ContextMenuModule() {
+    }
+    return ContextMenuModule;
+}());
+ContextMenuModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    ContextMenuComponent
+                ],
+                exports: [
+                    ContextMenuComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ContextMenuModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the ContextMenu component with providers.
+ */
+var ContextMenuAllModule = /** @class */ (function () {
+    function ContextMenuAllModule() {
+    }
+    return ContextMenuAllModule;
+}());
+ContextMenuAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, ContextMenuModule],
+                exports: [
+                    ContextMenuModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ContextMenuAllModule.ctorParameters = function () { return []; };
+var input$2 = ['disabled', 'iconCss', 'text', 'url'];
+var 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>
+ * ```
+ */
+var BreadcrumbItemDirective = /** @class */ (function (_super) {
+    __extends(BreadcrumbItemDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function BreadcrumbItemDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$5);
+        _this.directivePropList = input$2;
+        return _this;
+    }
+    return BreadcrumbItemDirective;
+}(ComplexBase));
+BreadcrumbItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-breadcrumb>e-breadcrumb-items>e-breadcrumb-item',
+                inputs: input$2,
+                outputs: outputs$5,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+BreadcrumbItemDirective.ctorParameters = function () { return [
+    { type: ViewContainerRef, },
+]; };
+/**
+ * BreadcrumbItem Array Directive
+ */
+var BreadcrumbItemsDirective = /** @class */ (function (_super) {
+    __extends(BreadcrumbItemsDirective, _super);
+    function BreadcrumbItemsDirective() {
+        return _super.call(this, 'items') || this;
+    }
+    return BreadcrumbItemsDirective;
+}(ArrayBase));
+BreadcrumbItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-breadcrumb>e-breadcrumb-items',
+                queries: {
+                    children: new ContentChildren(BreadcrumbItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+BreadcrumbItemsDirective.ctorParameters = function () { return []; };
+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);
+    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$5 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs$3 = ['activeItem', 'cssClass', 'disabled', 'enableActiveItemNavigation', 'enableNavigation', 'enablePersistence', 'enableRtl', 'itemTemplate', 'items', 'locale', 'maxItems', 'overflowMode', 'separatorTemplate', 'url'];
+var outputs$6 = ['beforeItemRender', 'created', 'itemClick', 'activeItemChange'];
+var twoWays$3 = ['activeItem'];
+/**
+ * Represents the EJ2 Angular Breadcrumb Component.
+ * ```html
+ * <ejs-breadcrumb [items]='breadcrumbItems'></ejs-breadcrumb>
+ * ```
+ */
+var BreadcrumbComponent = /** @class */ (function (_super) {
+    __extends(BreadcrumbComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function BreadcrumbComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _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 _this;
+    }
+    /**
+     * @return {?}
+     */
+    BreadcrumbComponent.prototype.ngOnInit = function () {
+        this.context.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    BreadcrumbComponent.prototype.ngAfterViewInit = function () {
+        this.context.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    BreadcrumbComponent.prototype.ngOnDestroy = function () {
+        this.context.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    BreadcrumbComponent.prototype.ngAfterContentChecked = function () {
+        this.tagObjects[0].instance = this.childItems;
+        this.context.ngAfterContentChecked(this);
+    };
+    return BreadcrumbComponent;
+}(Breadcrumb));
+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 = function () { return [
+    { 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.
+ */
+var BreadcrumbModule = /** @class */ (function () {
+    function BreadcrumbModule() {
+    }
+    return BreadcrumbModule;
+}());
+BreadcrumbModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    BreadcrumbComponent,
+                    BreadcrumbItemDirective,
+                    BreadcrumbItemsDirective
+                ],
+                exports: [
+                    BreadcrumbComponent,
+                    BreadcrumbItemDirective,
+                    BreadcrumbItemsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+BreadcrumbModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the Breadcrumb component with providers.
+ */
+var BreadcrumbAllModule = /** @class */ (function () {
+    function BreadcrumbAllModule() {
+    }
+    return BreadcrumbAllModule;
+}());
+BreadcrumbAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, BreadcrumbModule],
+                exports: [
+                    BreadcrumbModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+BreadcrumbAllModule.ctorParameters = function () { return []; };
+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);
+};
+var input$3 = ['cssClass', 'htmlAttributes', 'interval', 'template'];
+var outputs$7 = [];
+/**
+ * `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>
+ * ```
+ */
+var CarouselItemDirective = /** @class */ (function (_super) {
+    __extends(CarouselItemDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function CarouselItemDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$7);
+        _this.directivePropList = input$3;
+        return _this;
+    }
+    return CarouselItemDirective;
+}(ComplexBase));
+CarouselItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-carousel>e-carousel-items>e-carousel-item',
+                inputs: input$3,
+                outputs: outputs$7,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+CarouselItemDirective.ctorParameters = function () { return [
+    { type: ViewContainerRef, },
+]; };
+CarouselItemDirective.propDecorators = {
+    'template': [{ type: ContentChild, args: ['template',] },],
+};
+__decorate$6([
+    Template(),
+    __metadata$6("design:type", Object)
+], CarouselItemDirective.prototype, "template", void 0);
+/**
+ * CarouselItem Array Directive
+ */
+var CarouselItemsDirective = /** @class */ (function (_super) {
+    __extends(CarouselItemsDirective, _super);
+    function CarouselItemsDirective() {
+        return _super.call(this, 'items') || this;
+    }
+    return CarouselItemsDirective;
+}(ArrayBase));
+CarouselItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-carousel>e-carousel-items',
+                queries: {
+                    children: new ContentChildren(CarouselItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+CarouselItemsDirective.ctorParameters = function () { return []; };
+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$7 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs$4 = ['animationEffect', 'autoPlay', 'buttonsVisibility', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enableTouchSwipe', 'height', 'htmlAttributes', 'indicatorsTemplate', 'indicatorsType', 'interval', 'itemTemplate', 'items', 'locale', 'loop', 'nextButtonTemplate', 'partialVisible', 'pauseOnHover', 'playButtonTemplate', 'previousButtonTemplate', 'selectedIndex', 'showIndicators', 'showPlayButton', 'swipeMode', 'width'];
+var outputs$8 = ['slideChanged', 'slideChanging', 'selectedIndexChange'];
+var twoWays$4 = ['selectedIndex'];
+/**
+ * Represents the EJ2 Angular Carousel Component.
+ * ```html
+ * <ejs-carousel [items]='carouselItems'></ejs-carousel>
+ * ```
+ */
+var CarouselComponent = /** @class */ (function (_super) {
+    __extends(CarouselComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function CarouselComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _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$8);
+        _this.addTwoWay.call(_this, twoWays$4);
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.context = new ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    CarouselComponent.prototype.ngOnInit = function () {
+        this.context.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    CarouselComponent.prototype.ngAfterViewInit = function () {
+        this.context.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    CarouselComponent.prototype.ngOnDestroy = function () {
+        this.context.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    CarouselComponent.prototype.ngAfterContentChecked = function () {
+        this.tagObjects[0].instance = this.childItems;
+        this.context.ngAfterContentChecked(this);
+    };
+    return CarouselComponent;
+}(Carousel));
+CarouselComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-carousel',
+                inputs: inputs$4,
+                outputs: outputs$8,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childItems: new ContentChild(CarouselItemsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+CarouselComponent.ctorParameters = function () { return [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+]; };
+CarouselComponent.propDecorators = {
+    'indicatorsTemplate': [{ type: ContentChild, args: ['indicatorsTemplate',] },],
+    'nextButtonTemplate': [{ type: ContentChild, args: ['nextButtonTemplate',] },],
+    'previousButtonTemplate': [{ type: ContentChild, args: ['previousButtonTemplate',] },],
+    'playButtonTemplate': [{ type: ContentChild, args: ['playButtonTemplate',] },],
+    'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
+};
+__decorate$7([
+    Template(),
+    __metadata$7("design:type", Object)
+], CarouselComponent.prototype, "indicatorsTemplate", void 0);
+__decorate$7([
+    Template(),
+    __metadata$7("design:type", Object)
+], CarouselComponent.prototype, "nextButtonTemplate", void 0);
+__decorate$7([
+    Template(),
+    __metadata$7("design:type", Object)
+], CarouselComponent.prototype, "previousButtonTemplate", void 0);
+__decorate$7([
+    Template(),
+    __metadata$7("design:type", Object)
+], CarouselComponent.prototype, "playButtonTemplate", void 0);
+__decorate$7([
+    Template(),
+    __metadata$7("design:type", Object)
+], CarouselComponent.prototype, "itemTemplate", void 0);
+CarouselComponent = __decorate$7([
+    ComponentMixins([ComponentBase]),
+    __metadata$7("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
+], CarouselComponent);
+/**
+ * NgModule definition for the Carousel component.
+ */
+var CarouselModule = /** @class */ (function () {
+    function CarouselModule() {
+    }
+    return CarouselModule;
+}());
+CarouselModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    CarouselComponent,
+                    CarouselItemDirective,
+                    CarouselItemsDirective
+                ],
+                exports: [
+                    CarouselComponent,
+                    CarouselItemDirective,
+                    CarouselItemsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+CarouselModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the Carousel component with providers.
+ */
+var CarouselAllModule = /** @class */ (function () {
+    function CarouselAllModule() {
+    }
+    return CarouselAllModule;
+}());
+CarouselAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, CarouselModule],
+                exports: [
+                    CarouselModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+CarouselAllModule.ctorParameters = function () { return []; };
+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$8 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var input$4 = ['content', 'cssClass', 'disabled', 'header', 'headerTemplate', 'id', 'tabIndex', 'visible'];
+var outputs$9 = [];
+/**
+ * 'e-tabitem' directive represent a item of the Angular Tab.
+ * It must be contained in a Tab component(`ejs-tab`).
+ * ```html
+ * <ejs-tab>
+ *  <e-tabitems>
+ *   <e-tabitem [header]='Header 1' [content]='Content 1'></e-tabitem>
+ *   <e-tabitem [header]='Header 2' [content]='Content 2'></e-tabitem>
+ *  <e-tabitems>
+ * </ejs-tab>
+ * ```
+ */
+var TabItemDirective = /** @class */ (function (_super) {
+    __extends(TabItemDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function TabItemDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$9);
+        _this.directivePropList = input$4;
+        return _this;
+    }
+    return TabItemDirective;
+}(ComplexBase));
+TabItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-tabitems>e-tabitem',
+                inputs: input$4,
+                outputs: outputs$9,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TabItemDirective.ctorParameters = function () { return [
+    { type: ViewContainerRef, },
+]; };
+TabItemDirective.propDecorators = {
+    'content': [{ type: ContentChild, args: ['content',] },],
+    'header_text': [{ type: ContentChild, args: ['headerText',] },],
+    'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
+};
+__decorate$8([
+    Template(),
+    __metadata$8("design:type", Object)
+], TabItemDirective.prototype, "content", void 0);
+__decorate$8([
+    Template(),
+    __metadata$8("design:type", Object)
+], TabItemDirective.prototype, "header_text", void 0);
+__decorate$8([
+    Template(),
+    __metadata$8("design:type", Object)
+], TabItemDirective.prototype, "headerTemplate", void 0);
+/**
+ * TabItem Array Directive
+ */
+var TabItemsDirective = /** @class */ (function (_super) {
+    __extends(TabItemsDirective, _super);
+    function TabItemsDirective() {
+        return _super.call(this, 'items') || this;
+    }
+    return TabItemsDirective;
+}(ArrayBase));
+TabItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-tab>e-tabitems',
+                queries: {
+                    children: new ContentChildren(TabItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TabItemsDirective.ctorParameters = function () { return []; };
+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$9 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs$5 = ['allowDragAndDrop', 'animation', 'clearTemplates', 'cssClass', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'headerPlacement', 'height', 'heightAdjustMode', 'items', 'loadOn', 'locale', 'overflowMode', 'reorderActiveTab', 'scrollStep', 'selectedItem', 'showCloseButton', 'width'];
+var outputs$10 = ['added', 'adding', 'created', 'destroyed', 'dragged', 'dragging', 'onDragStart', 'removed', 'removing', 'selected', 'selecting'];
+var twoWays$5 = [''];
+/**
+ * Represents the Angular Tab Component.
+ * ```html
+ * <ejs-tab></ejs-tab>
+ * ```
+ */
+var TabComponent = /** @class */ (function (_super) {
+    __extends(TabComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function TabComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _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$10);
+        _this.addTwoWay.call(_this, twoWays$5);
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.containerContext = new ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    TabComponent.prototype.ngOnInit = function () {
+        this.containerContext.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    TabComponent.prototype.ngAfterViewInit = function () {
+        this.containerContext.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    TabComponent.prototype.ngOnDestroy = function () {
+        this.containerContext.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    TabComponent.prototype.ngAfterContentChecked = function () {
+        this.tagObjects[0].instance = this.childItems;
+        this.containerContext.ngAfterContentChecked(this);
+    };
+    return TabComponent;
+}(Tab));
+TabComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-tab',
+                inputs: inputs$5,
+                outputs: outputs$10,
+                template: "<ng-content select='div'></ng-content>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childItems: new ContentChild(TabItemsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TabComponent.ctorParameters = function () { return [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+]; };
+TabComponent = __decorate$9([
+    ComponentMixins([ComponentBase]),
+    __metadata$9("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
+], TabComponent);
+/**
+ * NgModule definition for the Tab component.
+ */
+var TabModule = /** @class */ (function () {
+    function TabModule() {
+    }
+    return TabModule;
+}());
+TabModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    TabComponent,
+                    TabItemDirective,
+                    TabItemsDirective
+                ],
+                exports: [
+                    TabComponent,
+                    TabItemDirective,
+                    TabItemsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TabModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the Tab component with providers.
+ */
+var TabAllModule = /** @class */ (function () {
+    function TabAllModule() {
+    }
+    return TabAllModule;
+}());
+TabAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, TabModule],
+                exports: [
+                    TabModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TabAllModule.ctorParameters = function () { return []; };
+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$10 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs$6 = ['allowDragAndDrop', 'allowEditing', 'allowMultiSelection', 'allowTextWrap', 'animation', 'autoCheck', 'checkedNodes', 'cssClass', 'disabled', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandOn', 'expandedNodes', 'fields', 'fullRowNavigable', 'fullRowSelect', 'loadOnDemand', 'locale', 'nodeTemplate', 'selectedNodes', 'showCheckBox', 'sortOrder'];
+var outputs$11 = ['actionFailure', 'created', 'dataBound', 'dataSourceChanged', 'destroyed', 'drawNode', 'keyPress', 'nodeChecked', 'nodeChecking', 'nodeClicked', 'nodeCollapsed', 'nodeCollapsing', 'nodeDragStart', 'nodeDragStop', 'nodeDragging', 'nodeDropped', 'nodeEdited', 'nodeEditing', 'nodeExpanded', 'nodeExpanding', 'nodeSelected', 'nodeSelecting'];
+var twoWays$6 = [''];
+/**
+ * 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
+ * <ej-treeview allowDragAndDrop='true'></ej-treeview>
+ * ```
+ */
+var TreeViewComponent = /** @class */ (function (_super) {
+    __extends(TreeViewComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function TreeViewComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _this.ngEle = ngEle;
+        _this.srenderer = srenderer;
+        _this.viewContainerRef = viewContainerRef;
+        _this.injector = injector;
+        _this.element = _this.ngEle.nativeElement;
+        _this.injectedModules = _this.injectedModules || [];
+        _this.registerEvents(outputs$11);
+        _this.addTwoWay.call(_this, twoWays$6);
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.context = new ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    TreeViewComponent.prototype.ngOnInit = function () {
+        this.context.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    TreeViewComponent.prototype.ngAfterViewInit = function () {
+        this.context.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    TreeViewComponent.prototype.ngOnDestroy = function () {
+        this.context.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    TreeViewComponent.prototype.ngAfterContentChecked = function () {
+        this.context.ngAfterContentChecked(this);
+    };
+    return TreeViewComponent;
+}(TreeView));
+TreeViewComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-treeview',
+                inputs: inputs$6,
+                outputs: outputs$11,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TreeViewComponent.ctorParameters = function () { return [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+]; };
+TreeViewComponent.propDecorators = {
+    'nodeTemplate': [{ type: ContentChild, args: ['nodeTemplate',] },],
+};
+__decorate$10([
+    Template(),
+    __metadata$10("design:type", Object)
+], TreeViewComponent.prototype, "nodeTemplate", void 0);
+TreeViewComponent = __decorate$10([
+    ComponentMixins([ComponentBase]),
+    __metadata$10("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
+], TreeViewComponent);
+/**
+ * NgModule definition for the TreeView component.
+ */
+var TreeViewModule = /** @class */ (function () {
+    function TreeViewModule() {
+    }
+    return TreeViewModule;
+}());
+TreeViewModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    TreeViewComponent
+                ],
+                exports: [
+                    TreeViewComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TreeViewModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the TreeView component with providers.
+ */
+var TreeViewAllModule = /** @class */ (function () {
+    function TreeViewAllModule() {
+    }
+    return TreeViewAllModule;
+}());
+TreeViewAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, TreeViewModule],
+                exports: [
+                    TreeViewModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TreeViewAllModule.ctorParameters = function () { return []; };
+var __decorate$11 = (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$11 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs$7 = ['animate', 'closeOnDocumentClick', 'dockSize', 'enableDock', 'enableGestures', 'enablePersistence', 'enableRtl', 'height', 'isOpen', 'locale', 'mediaQuery', 'position', 'showBackdrop', 'target', 'type', 'width', 'zIndex'];
+var outputs$12 = ['change', 'close', 'created', 'destroyed', 'open', 'isOpenChange'];
+var twoWays$7 = ['isOpen'];
+/**
+ * Represents the Essential JS 2 Angular Sidebar Component.
+ * ```html
+ * <ejs-sidebar></ejs-sidebar>
+ * ```
+ */
+var SidebarComponent = /** @class */ (function (_super) {
+    __extends(SidebarComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function SidebarComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _this.ngEle = ngEle;
+        _this.srenderer = srenderer;
+        _this.viewContainerRef = viewContainerRef;
+        _this.injector = injector;
+        _this.element = _this.ngEle.nativeElement;
+        _this.injectedModules = _this.injectedModules || [];
+        _this.registerEvents(outputs$12);
+        _this.addTwoWay.call(_this, twoWays$7);
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.containerContext = new ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    SidebarComponent.prototype.ngOnInit = function () {
+        this.containerContext.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    SidebarComponent.prototype.ngAfterViewInit = function () {
+        this.containerContext.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    SidebarComponent.prototype.ngOnDestroy = function () {
+        this.containerContext.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    SidebarComponent.prototype.ngAfterContentChecked = function () {
+        this.containerContext.ngAfterContentChecked(this);
+    };
+    return SidebarComponent;
+}(Sidebar));
+SidebarComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-sidebar',
+                inputs: inputs$7,
+                outputs: outputs$12,
+                template: "<ng-content ></ng-content>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+SidebarComponent.ctorParameters = function () { return [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+]; };
+SidebarComponent = __decorate$11([
+    ComponentMixins([ComponentBase]),
+    __metadata$11("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
+], SidebarComponent);
+/**
+ * NgModule definition for the Sidebar component.
+ */
+var SidebarModule = /** @class */ (function () {
+    function SidebarModule() {
+    }
+    return SidebarModule;
+}());
+SidebarModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    SidebarComponent
+                ],
+                exports: [
+                    SidebarComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+SidebarModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the Sidebar component with providers.
+ */
+var SidebarAllModule = /** @class */ (function () {
+    function SidebarAllModule() {
+    }
+    return SidebarAllModule;
+}());
+SidebarAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, SidebarModule],
+                exports: [
+                    SidebarModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+SidebarAllModule.ctorParameters = function () { return []; };
+var input$5 = ['iconCss', 'id', 'items', 'separator', 'text', 'url'];
+var outputs$13 = [];
+var MenuItemDirective = /** @class */ (function (_super) {
+    __extends(MenuItemDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function MenuItemDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$13);
+        _this.directivePropList = input$5;
+        return _this;
+    }
+    return MenuItemDirective;
+}(ComplexBase));
+MenuItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-menu>e-menu-items>e-menu-item>',
+                inputs: input$5,
+                outputs: outputs$13,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MenuItemDirective.ctorParameters = function () { return [
+    { type: ViewContainerRef, },
+]; };
+/**
+ * MenuItem Array Directive
+ */
+var MenuItemsDirective = /** @class */ (function (_super) {
+    __extends(MenuItemsDirective, _super);
+    function MenuItemsDirective() {
+        return _super.call(this, 'items') || this;
+    }
+    return MenuItemsDirective;
+}(ArrayBase));
+MenuItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-menu>e-menu-items',
+                queries: {
+                    children: new ContentChildren(MenuItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MenuItemsDirective.ctorParameters = function () { return []; };
+var __decorate$12 = (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$12 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs$8 = ['animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hamburgerMode', 'hoverDelay', 'items', 'locale', 'orientation', 'showItemOnClick', 'target', 'template', 'title'];
+var outputs$14 = ['beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
+var twoWays$8 = [''];
+/**
+ * Represents the EJ2 Angular Menu Component.
+ * ```html
+ * <ejs-menu [items]='menuItems'></ejs-menu>
+ * ```
+ */
+var MenuComponent = /** @class */ (function (_super) {
+    __extends(MenuComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function MenuComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _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$14);
+        _this.addTwoWay.call(_this, twoWays$8);
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.context = new ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    MenuComponent.prototype.ngOnInit = function () {
+        this.context.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    MenuComponent.prototype.ngAfterViewInit = function () {
+        this.context.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    MenuComponent.prototype.ngOnDestroy = function () {
+        this.context.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    MenuComponent.prototype.ngAfterContentChecked = function () {
+        this.tagObjects[0].instance = this.childItems;
+        this.context.ngAfterContentChecked(this);
+    };
+    return MenuComponent;
+}(Menu));
+MenuComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-menu',
+                inputs: inputs$8,
+                outputs: outputs$14,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childItems: new ContentChild(MenuItemsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MenuComponent.ctorParameters = function () { return [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+]; };
+MenuComponent.propDecorators = {
+    'template': [{ type: ContentChild, args: ['template',] },],
+};
+__decorate$12([
+    Template(),
+    __metadata$12("design:type", Object)
+], MenuComponent.prototype, "template", void 0);
+MenuComponent = __decorate$12([
+    ComponentMixins([ComponentBase]),
+    __metadata$12("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
+], MenuComponent);
+/**
+ * NgModule definition for the Menu component.
+ */
+var MenuModule = /** @class */ (function () {
+    function MenuModule() {
+    }
+    return MenuModule;
+}());
+MenuModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    MenuComponent,
+                    MenuItemDirective,
+                    MenuItemsDirective
+                ],
+                exports: [
+                    MenuComponent,
+                    MenuItemDirective,
+                    MenuItemsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MenuModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the Menu component with providers.
+ */
+var MenuAllModule = /** @class */ (function () {
+    function MenuAllModule() {
+    }
+    return MenuAllModule;
+}());
+MenuAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, MenuModule],
+                exports: [
+                    MenuModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MenuAllModule.ctorParameters = function () { return []; };
+var __decorate$13 = (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$13 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs$9 = ['colorMode', 'cssClass', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'isSticky', 'locale', 'mode', 'position'];
+var outputs$15 = ['created', 'destroyed'];
+var twoWays$9 = [''];
+/**
+ * Represents the Essential JS 2 Angular AppBar Component.
+ * ```html
+ * <ejs-appbar></ejs-appbar>
+ * ```
+ */
+var AppBarComponent = /** @class */ (function (_super) {
+    __extends(AppBarComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function AppBarComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _this.ngEle = ngEle;
+        _this.srenderer = srenderer;
+        _this.viewContainerRef = viewContainerRef;
+        _this.injector = injector;
+        _this.element = _this.ngEle.nativeElement;
+        _this.injectedModules = _this.injectedModules || [];
+        _this.registerEvents(outputs$15);
+        _this.addTwoWay.call(_this, twoWays$9);
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.containerContext = new ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    AppBarComponent.prototype.ngOnInit = function () {
+        this.containerContext.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    AppBarComponent.prototype.ngAfterViewInit = function () {
+        this.containerContext.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    AppBarComponent.prototype.ngOnDestroy = function () {
+        this.containerContext.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    AppBarComponent.prototype.ngAfterContentChecked = function () {
+        this.containerContext.ngAfterContentChecked(this);
+    };
+    return AppBarComponent;
+}(AppBar));
+AppBarComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-appbar',
+                inputs: inputs$9,
+                outputs: outputs$15,
+                template: "<ng-content ></ng-content>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AppBarComponent.ctorParameters = function () { return [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+]; };
+AppBarComponent = __decorate$13([
+    ComponentMixins([ComponentBase]),
+    __metadata$13("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
+], AppBarComponent);
+/**
+ * NgModule definition for the AppBar component.
+ */
+var AppBarModule = /** @class */ (function () {
+    function AppBarModule() {
+    }
+    return AppBarModule;
+}());
+AppBarModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    AppBarComponent
+                ],
+                exports: [
+                    AppBarComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AppBarModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the AppBar component with providers.
+ */
+var AppBarAllModule = /** @class */ (function () {
+    function AppBarAllModule() {
+    }
+    return AppBarAllModule;
+}());
+AppBarAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, AppBarModule],
+                exports: [
+                    AppBarModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AppBarAllModule.ctorParameters = function () { return []; };
+var input$6 = ['cssClass', 'disabled', 'iconCss', 'isValid', 'label', 'optional', 'status', 'text'];
+var outputs$16 = [];
+/**
+ * 'e-step' directive represents a step of the Angular Stepper.
+ * It must be contained in a Stepper component(`ejs-stepper`).
+ * ```html
+ * <ejs-stepper>
+ *  <e-steps>
+ *   <e-step [iconCss]='e-icons e-folder' [text]='Step 1' />
+ *   <e-step [iconCss]='e-icons e-folder' [text]='Step 2' />
+ *  </e-steps>
+ * </ejs-stepper>
+ * ```
+ */
+var StepDirective = /** @class */ (function (_super) {
+    __extends(StepDirective, _super);
+    /**
+     * @param {?} viewContainerRef
+     */
+    function StepDirective(viewContainerRef) {
+        var _this = _super.call(this) || this;
+        _this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.registerEvents(outputs$16);
+        _this.directivePropList = input$6;
+        return _this;
+    }
+    return StepDirective;
+}(ComplexBase));
+StepDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-stepper>e-steps>e-step',
+                inputs: input$6,
+                outputs: outputs$16,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+StepDirective.ctorParameters = function () { return [
+    { type: ViewContainerRef, },
+]; };
+/**
+ * Step Array Directive
+ */
+var StepsDirective = /** @class */ (function (_super) {
+    __extends(StepsDirective, _super);
+    function StepsDirective() {
+        return _super.call(this, 'steps') || this;
+    }
+    return StepsDirective;
+}(ArrayBase));
+StepsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-stepper>e-steps',
+                queries: {
+                    children: new ContentChildren(StepDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+StepsDirective.ctorParameters = function () { return []; };
+var __decorate$14 = (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$14 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+var inputs$10 = ['activeStep', 'animation', 'cssClass', 'enablePersistence', 'enableRtl', 'labelPosition', 'linear', 'locale', 'orientation', 'readOnly', 'showTooltip', 'stepType', 'steps', 'template', 'tooltipTemplate'];
+var outputs$17 = ['beforeStepRender', 'created', 'stepChanged', 'stepChanging', 'stepClick', 'activeStepChange'];
+var twoWays$10 = ['activeStep'];
+/**
+ * Represents the EJ2 Angular Stepper Component.
+ * ```html
+ * <nav ejs-stepper [steps]='stepItems'></nav>
+ * ```
+ */
+var StepperComponent = /** @class */ (function (_super) {
+    __extends(StepperComponent, _super);
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    function StepperComponent(ngEle, srenderer, viewContainerRef, injector) {
+        var _this = _super.call(this) || this;
+        _this.ngEle = ngEle;
+        _this.srenderer = srenderer;
+        _this.viewContainerRef = viewContainerRef;
+        _this.injector = injector;
+        _this.tags = ['steps'];
+        _this.element = _this.ngEle.nativeElement;
+        _this.injectedModules = _this.injectedModules || [];
+        _this.registerEvents(outputs$17);
+        _this.addTwoWay.call(_this, twoWays$10);
+        setValue('currentInstance', _this, _this.viewContainerRef);
+        _this.containerContext = new ComponentBase();
+        return _this;
+    }
+    /**
+     * @return {?}
+     */
+    StepperComponent.prototype.ngOnInit = function () {
+        this.containerContext.ngOnInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    StepperComponent.prototype.ngAfterViewInit = function () {
+        this.containerContext.ngAfterViewInit(this);
+    };
+    /**
+     * @return {?}
+     */
+    StepperComponent.prototype.ngOnDestroy = function () {
+        this.containerContext.ngOnDestroy(this);
+    };
+    /**
+     * @return {?}
+     */
+    StepperComponent.prototype.ngAfterContentChecked = function () {
+        this.tagObjects[0].instance = this.childSteps;
+        this.containerContext.ngAfterContentChecked(this);
+    };
+    return StepperComponent;
+}(Stepper));
+StepperComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-stepper',
+                inputs: inputs$10,
+                outputs: outputs$17,
+                template: "<ng-content select='nav'></ng-content>",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childSteps: new ContentChild(StepsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+StepperComponent.ctorParameters = function () { return [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+]; };
+StepperComponent.propDecorators = {
+    'template': [{ type: ContentChild, args: ['template',] },],
+    'tooltipTemplate': [{ type: ContentChild, args: ['tooltipTemplate',] },],
+};
+__decorate$14([
+    Template(),
+    __metadata$14("design:type", Object)
+], StepperComponent.prototype, "template", void 0);
+__decorate$14([
+    Template(),
+    __metadata$14("design:type", Object)
+], StepperComponent.prototype, "tooltipTemplate", void 0);
+StepperComponent = __decorate$14([
+    ComponentMixins([ComponentBase]),
+    __metadata$14("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
+], StepperComponent);
+/**
+ * NgModule definition for the Stepper component.
+ */
+var StepperModule = /** @class */ (function () {
+    function StepperModule() {
+    }
+    return StepperModule;
+}());
+StepperModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    StepperComponent,
+                    StepDirective,
+                    StepsDirective
+                ],
+                exports: [
+                    StepperComponent,
+                    StepDirective,
+                    StepsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+StepperModule.ctorParameters = function () { return []; };
+/**
+ * NgModule definition for the Stepper component with providers.
+ */
+var StepperAllModule = /** @class */ (function () {
+    function StepperAllModule() {
+    }
+    return StepperAllModule;
+}());
+StepperAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, StepperModule],
+                exports: [
+                    StepperModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
+StepperAllModule.ctorParameters = function () { return []; };
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { AccordionItemDirective, AccordionItemsDirective, AccordionComponent, AccordionModule, AccordionAllModule, ItemDirective, ItemsDirective, ToolbarComponent, ToolbarModule, ToolbarAllModule, ContextMenuComponent, ContextMenuModule, ContextMenuAllModule, BreadcrumbItemDirective, BreadcrumbItemsDirective, BreadcrumbComponent, BreadcrumbModule, BreadcrumbAllModule, CarouselItemDirective, CarouselItemsDirective, CarouselComponent, CarouselModule, CarouselAllModule, TabItemDirective, TabItemsDirective, TabComponent, TabModule, TabAllModule, TreeViewComponent, TreeViewModule, TreeViewAllModule, SidebarComponent, SidebarModule, SidebarAllModule, MenuItemDirective, MenuItemsDirective, MenuComponent, MenuModule, MenuAllModule, AppBarComponent, AppBarModule, AppBarAllModule, StepDirective, StepsDirective, StepperComponent, StepperModule, StepperAllModule, inputs as ɵa, outputs$1 as ɵb, inputs$9 as ɵs, outputs$15 as ɵt, inputs$3 as ɵg, outputs$6 as ɵh, inputs$4 as ɵi, outputs$8 as ɵj, inputs$2 as ɵe, outputs$4 as ɵf, inputs$8 as ɵq, outputs$14 as ɵr, inputs$7 as ɵo, outputs$12 as ɵp, inputs$10 as ɵu, outputs$17 as ɵv, inputs$5 as ɵk, outputs$10 as ɵl, inputs$1 as ɵc, outputs$3 as ɵd, inputs$6 as ɵm, outputs$11 as ɵn };
+export { MenuAnimationSettings, MenuItem, FieldSettings, HScroll, VScroll, addScrolling, destroyScroll, Item, Toolbar, AccordionActionSettings, AccordionAnimationSettings, AccordionItem, Accordion, ContextMenu, Menu, TabActionSettings, TabAnimationSettings, Header, TabItem, Tab, FieldsSettings, ActionSettings, NodeAnimationSettings, TreeView, Sidebar, BreadcrumbOverflowMode, BreadcrumbItem, Breadcrumb, CarouselSwipeMode, CarouselItem, Carousel, AppBar, StepStatus, Step, StepperOrientation, StepperBase, StepperAnimationSettings, StepLabelPosition, StepType, Stepper } from '@syncfusion/ej2-navigations';
+//# sourceMappingURL=ej2-angular-navigations.es5.js.map