@syncfusion/ej2-angular-navigations 29.2.8-ngcc → 30.1.37-ngcc

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

@@ -3,2066 +3,2066 @@ import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, Template, setVa
 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);
-};
-let input = ['content', 'cssClass', 'disabled', 'expanded', 'header', 'iconCss', 'id', 'visible'];
-let 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>
- * ```
- */
-class AccordionItemDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs);
-        this.directivePropList = input;
-    }
-}
-AccordionItemDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-accordionitems>e-accordionitem',
-                inputs: input,
-                outputs: outputs,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-AccordionItemDirective.ctorParameters = () => [
-    { 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
- */
-class AccordionItemsDirective extends ArrayBase {
-    constructor() {
-        super('items');
-    }
-}
-AccordionItemsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-accordion>e-accordionitems',
-                queries: {
-                    children: new ContentChildren(AccordionItemDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+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);
+};
+let input = ['content', 'cssClass', 'disabled', 'expanded', 'header', 'iconCss', 'id', 'visible'];
+let 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>
+ * ```
+ */
+class AccordionItemDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs);
+        this.directivePropList = input;
+    }
+}
+AccordionItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-accordionitems>e-accordionitem',
+                inputs: input,
+                outputs: outputs,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+AccordionItemDirective.ctorParameters = () => [
+    { 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
+ */
+class AccordionItemsDirective extends ArrayBase {
+    constructor() {
+        super('items');
+    }
+}
+AccordionItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-accordion>e-accordionitems',
+                queries: {
+                    children: new ContentChildren(AccordionItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 AccordionItemsDirective.ctorParameters = () => [];
 
-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);
-};
-const inputs = ['animation', 'dataSource', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandMode', 'expandedIndices', 'headerTemplate', 'height', 'itemTemplate', 'items', 'locale', 'width'];
-const outputs$1 = ['clicked', 'created', 'destroyed', 'expanded', 'expanding', 'expandedIndicesChange'];
-const twoWays = ['expandedIndices'];
-/**
- * Represents the Angular Accordion Component.
- * ```html
- * <ejs-accordion></ejs-accordion>
- * ```
- */
-let AccordionComponent = class AccordionComponent extends Accordion {
-    /**
-     * @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$1);
-        this.addTwoWay.call(this, twoWays);
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.containerContext = new ComponentBase();
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.containerContext.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.containerContext.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.containerContext.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.tagObjects[0].instance = this.childItems;
-        this.containerContext.ngAfterContentChecked(this);
-    }
-};
-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 = () => [
-    { 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])
+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);
+};
+const inputs = ['animation', 'dataSource', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandMode', 'expandedIndices', 'headerTemplate', 'height', 'itemTemplate', 'items', 'locale', 'width'];
+const outputs$1 = ['clicked', 'created', 'destroyed', 'expanded', 'expanding', 'expandedIndicesChange'];
+const twoWays = ['expandedIndices'];
+/**
+ * Represents the Angular Accordion Component.
+ * ```html
+ * <ejs-accordion></ejs-accordion>
+ * ```
+ */
+let AccordionComponent = class AccordionComponent extends Accordion {
+    /**
+     * @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$1);
+        this.addTwoWay.call(this, twoWays);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.containerContext = new ComponentBase();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.containerContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.containerContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.containerContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.tagObjects[0].instance = this.childItems;
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+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 = () => [
+    { 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.
- */
-class AccordionModule {
-}
-AccordionModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    AccordionComponent,
-                    AccordionItemDirective,
-                    AccordionItemsDirective
-                ],
-                exports: [
-                    AccordionComponent,
-                    AccordionItemDirective,
-                    AccordionItemsDirective
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Accordion component.
+ */
+class AccordionModule {
+}
+AccordionModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    AccordionComponent,
+                    AccordionItemDirective,
+                    AccordionItemsDirective
+                ],
+                exports: [
+                    AccordionComponent,
+                    AccordionItemDirective,
+                    AccordionItemsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 AccordionModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the Accordion component with providers.
- */
-class AccordionAllModule {
-}
-AccordionAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, AccordionModule],
-                exports: [
-                    AccordionModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Accordion component with providers.
+ */
+class AccordionAllModule {
+}
+AccordionAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, AccordionModule],
+                exports: [
+                    AccordionModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 AccordionAllModule.ctorParameters = () => [];
 
-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);
-};
-let input$1 = ['align', 'cssClass', 'disabled', 'htmlAttributes', 'id', 'overflow', 'prefixIcon', 'showAlwaysInPopup', 'showTextOn', 'suffixIcon', 'tabIndex', 'template', 'text', 'tooltipText', 'type', 'visible', 'width'];
-let 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>
- * ```
- */
-class ItemDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$2);
-        this.directivePropList = input$1;
-    }
-}
-ItemDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-items>e-item',
-                inputs: input$1,
-                outputs: outputs$2,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-ItemDirective.ctorParameters = () => [
-    { 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
- */
-class ItemsDirective extends ArrayBase {
-    constructor() {
-        super('items');
-    }
-}
-ItemsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-toolbar>e-items',
-                queries: {
-                    children: new ContentChildren(ItemDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+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);
+};
+let input$1 = ['align', 'cssClass', 'disabled', 'htmlAttributes', 'id', 'overflow', 'prefixIcon', 'showAlwaysInPopup', 'showTextOn', 'suffixIcon', 'tabIndex', 'template', 'text', 'tooltipText', 'type', 'visible', 'width'];
+let 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>
+ * ```
+ */
+class ItemDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$2);
+        this.directivePropList = input$1;
+    }
+}
+ItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-items>e-item',
+                inputs: input$1,
+                outputs: outputs$2,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ItemDirective.ctorParameters = () => [
+    { 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
+ */
+class ItemsDirective extends ArrayBase {
+    constructor() {
+        super('items');
+    }
+}
+ItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-toolbar>e-items',
+                queries: {
+                    children: new ContentChildren(ItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ItemsDirective.ctorParameters = () => [];
 
-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);
-};
-const inputs$1 = ['allowKeyboard', 'cssClass', 'enableCollision', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'height', 'items', 'locale', 'overflowMode', 'scrollStep', 'width'];
-const outputs$3 = ['beforeCreate', 'clicked', 'created', 'destroyed'];
-const twoWays$1 = [''];
-/**
- * Represents the Angular Toolbar Component.
- * ```html
- * <ejs-toolbar></ejs-toolbar>
- * ```
- */
-let ToolbarComponent = class ToolbarComponent extends Toolbar {
-    /**
-     * @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$3);
-        this.addTwoWay.call(this, twoWays$1);
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.containerContext = new ComponentBase();
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.containerContext.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.containerContext.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.containerContext.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.tagObjects[0].instance = this.childItems;
-        this.containerContext.ngAfterContentChecked(this);
-    }
-};
-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 = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-];
-ToolbarComponent = __decorate$3([
-    ComponentMixins([ComponentBase]),
-    __metadata$3("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector])
+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);
+};
+const inputs$1 = ['allowKeyboard', 'cssClass', 'enableCollision', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'height', 'items', 'locale', 'overflowMode', 'scrollStep', 'width'];
+const outputs$3 = ['beforeCreate', 'clicked', 'created', 'destroyed', 'keyDown'];
+const twoWays$1 = [''];
+/**
+ * Represents the Angular Toolbar Component.
+ * ```html
+ * <ejs-toolbar></ejs-toolbar>
+ * ```
+ */
+let ToolbarComponent = class ToolbarComponent extends Toolbar {
+    /**
+     * @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$3);
+        this.addTwoWay.call(this, twoWays$1);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.containerContext = new ComponentBase();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.containerContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.containerContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.containerContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.tagObjects[0].instance = this.childItems;
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+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 = () => [
+    { 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.
- */
-class ToolbarModule {
-}
-ToolbarModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    ToolbarComponent,
-                    ItemDirective,
-                    ItemsDirective
-                ],
-                exports: [
-                    ToolbarComponent,
-                    ItemDirective,
-                    ItemsDirective
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Toolbar component.
+ */
+class ToolbarModule {
+}
+ToolbarModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    ToolbarComponent,
+                    ItemDirective,
+                    ItemsDirective
+                ],
+                exports: [
+                    ToolbarComponent,
+                    ItemDirective,
+                    ItemsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ToolbarModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the Toolbar component with providers.
- */
-class ToolbarAllModule {
-}
-ToolbarAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, ToolbarModule],
-                exports: [
-                    ToolbarModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Toolbar component with providers.
+ */
+class ToolbarAllModule {
+}
+ToolbarAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, ToolbarModule],
+                exports: [
+                    ToolbarModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ToolbarAllModule.ctorParameters = () => [];
 
-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);
-};
-const inputs$2 = ['animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hoverDelay', 'itemTemplate', 'items', 'locale', 'showItemOnClick', 'target', 'template'];
-const outputs$4 = ['beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
-const 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>
- * ```
- */
-let ContextMenuComponent = class ContextMenuComponent extends ContextMenu {
-    /**
-     * @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.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 {?}
-     */
-    ngOnInit() {
-        this.context.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.context.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.context.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.context.ngAfterContentChecked(this);
-    }
-};
-ContextMenuComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-contextmenu',
-                inputs: inputs$2,
-                outputs: outputs$4,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-ContextMenuComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-];
-ContextMenuComponent = __decorate$4([
-    ComponentMixins([ComponentBase]),
-    __metadata$4("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector])
+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);
+};
+const inputs$2 = ['animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hoverDelay', 'itemTemplate', 'items', 'locale', 'showItemOnClick', 'target', 'template'];
+const outputs$4 = ['beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
+const 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>
+ * ```
+ */
+let ContextMenuComponent = class ContextMenuComponent extends ContextMenu {
+    /**
+     * @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.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 {?}
+     */
+    ngOnInit() {
+        this.context.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.context.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.context.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.context.ngAfterContentChecked(this);
+    }
+};
+ContextMenuComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-contextmenu',
+                inputs: inputs$2,
+                outputs: outputs$4,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ContextMenuComponent.ctorParameters = () => [
+    { 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.
- */
-class ContextMenuModule {
-}
-ContextMenuModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    ContextMenuComponent
-                ],
-                exports: [
-                    ContextMenuComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the ContextMenu component.
+ */
+class ContextMenuModule {
+}
+ContextMenuModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    ContextMenuComponent
+                ],
+                exports: [
+                    ContextMenuComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ContextMenuModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the ContextMenu component with providers.
- */
-class ContextMenuAllModule {
-}
-ContextMenuAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, ContextMenuModule],
-                exports: [
-                    ContextMenuModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the ContextMenu component with providers.
+ */
+class ContextMenuAllModule {
+}
+ContextMenuAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, ContextMenuModule],
+                exports: [
+                    ContextMenuModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ContextMenuAllModule.ctorParameters = () => [];
 
-let input$2 = ['disabled', 'iconCss', 'id', '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
- */
+let input$2 = ['disabled', 'iconCss', 'id', '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);
-    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);
-};
-const inputs$3 = ['activeItem', 'cssClass', 'disabled', 'enableActiveItemNavigation', 'enableNavigation', 'enablePersistence', 'enableRtl', 'itemTemplate', 'items', 'locale', 'maxItems', 'overflowMode', 'separatorTemplate', 'url'];
-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])
+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);
+};
+const inputs$3 = ['activeItem', 'cssClass', 'disabled', 'enableActiveItemNavigation', 'enableNavigation', 'enablePersistence', 'enableRtl', 'itemTemplate', 'items', 'locale', 'maxItems', 'overflowMode', 'separatorTemplate', 'url'];
+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
- */
+/**
+ * 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
- */
+/**
+ * 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 = ['cssClass', 'htmlAttributes', 'interval', 'template'];
-let 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>
- * ```
- */
-class CarouselItemDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$7);
-        this.directivePropList = input$3;
-    }
-}
-CarouselItemDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-carousel>e-carousel-items>e-carousel-item',
-                inputs: input$3,
-                outputs: outputs$7,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-CarouselItemDirective.ctorParameters = () => [
-    { 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
- */
-class CarouselItemsDirective extends ArrayBase {
-    constructor() {
-        super('items');
-    }
-}
-CarouselItemsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-carousel>e-carousel-items',
-                queries: {
-                    children: new ContentChildren(CarouselItemDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+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 = ['cssClass', 'htmlAttributes', 'interval', 'template'];
+let 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>
+ * ```
+ */
+class CarouselItemDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$7);
+        this.directivePropList = input$3;
+    }
+}
+CarouselItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-carousel>e-carousel-items>e-carousel-item',
+                inputs: input$3,
+                outputs: outputs$7,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+CarouselItemDirective.ctorParameters = () => [
+    { 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
+ */
+class CarouselItemsDirective extends ArrayBase {
+    constructor() {
+        super('items');
+    }
+}
+CarouselItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-carousel>e-carousel-items',
+                queries: {
+                    children: new ContentChildren(CarouselItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 CarouselItemsDirective.ctorParameters = () => [];
 
-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);
-};
-const inputs$4 = ['allowKeyboardInteraction', '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'];
-const outputs$8 = ['slideChanged', 'slideChanging', 'selectedIndexChange'];
-const twoWays$4 = ['selectedIndex'];
-/**
- * Represents the EJ2 Angular Carousel Component.
- * ```html
- * <ejs-carousel [items]='carouselItems'></ejs-carousel>
- * ```
- */
-let CarouselComponent = class CarouselComponent extends Carousel {
-    /**
-     * @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$8);
-        this.addTwoWay.call(this, twoWays$4);
-        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);
-    }
-};
-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 = () => [
-    { 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])
+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);
+};
+const inputs$4 = ['allowKeyboardInteraction', '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'];
+const outputs$8 = ['slideChanged', 'slideChanging', 'selectedIndexChange'];
+const twoWays$4 = ['selectedIndex'];
+/**
+ * Represents the EJ2 Angular Carousel Component.
+ * ```html
+ * <ejs-carousel [items]='carouselItems'></ejs-carousel>
+ * ```
+ */
+let CarouselComponent = class CarouselComponent extends Carousel {
+    /**
+     * @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$8);
+        this.addTwoWay.call(this, twoWays$4);
+        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);
+    }
+};
+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 = () => [
+    { 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.
- */
-class CarouselModule {
-}
-CarouselModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    CarouselComponent,
-                    CarouselItemDirective,
-                    CarouselItemsDirective
-                ],
-                exports: [
-                    CarouselComponent,
-                    CarouselItemDirective,
-                    CarouselItemsDirective
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Carousel component.
+ */
+class CarouselModule {
+}
+CarouselModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    CarouselComponent,
+                    CarouselItemDirective,
+                    CarouselItemsDirective
+                ],
+                exports: [
+                    CarouselComponent,
+                    CarouselItemDirective,
+                    CarouselItemsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 CarouselModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the Carousel component with providers.
- */
-class CarouselAllModule {
-}
-CarouselAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, CarouselModule],
-                exports: [
-                    CarouselModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Carousel component with providers.
+ */
+class CarouselAllModule {
+}
+CarouselAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, CarouselModule],
+                exports: [
+                    CarouselModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 CarouselAllModule.ctorParameters = () => [];
 
-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);
-};
-let input$4 = ['content', 'cssClass', 'disabled', 'header', 'headerTemplate', 'id', 'tabIndex', 'visible'];
-let 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>
- * ```
- */
-class TabItemDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$9);
-        this.directivePropList = input$4;
-    }
-}
-TabItemDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-tabitems>e-tabitem',
-                inputs: input$4,
-                outputs: outputs$9,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-TabItemDirective.ctorParameters = () => [
-    { 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
- */
-class TabItemsDirective extends ArrayBase {
-    constructor() {
-        super('items');
-    }
-}
-TabItemsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-tab>e-tabitems',
-                queries: {
-                    children: new ContentChildren(TabItemDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+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);
+};
+let input$4 = ['content', 'cssClass', 'disabled', 'header', 'headerTemplate', 'id', 'tabIndex', 'visible'];
+let 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>
+ * ```
+ */
+class TabItemDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$9);
+        this.directivePropList = input$4;
+    }
+}
+TabItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-tabitems>e-tabitem',
+                inputs: input$4,
+                outputs: outputs$9,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TabItemDirective.ctorParameters = () => [
+    { 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
+ */
+class TabItemsDirective extends ArrayBase {
+    constructor() {
+        super('items');
+    }
+}
+TabItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-tab>e-tabitems',
+                queries: {
+                    children: new ContentChildren(TabItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 TabItemsDirective.ctorParameters = () => [];
 
-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);
-};
-const inputs$5 = ['allowDragAndDrop', 'animation', 'clearTemplates', 'cssClass', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'headerPlacement', 'height', 'heightAdjustMode', 'items', 'loadOn', 'locale', 'overflowMode', 'reorderActiveTab', 'scrollStep', 'selectedItem', 'showCloseButton', 'swipeMode', 'width'];
-const outputs$10 = ['added', 'adding', 'created', 'destroyed', 'dragged', 'dragging', 'onDragStart', 'removed', 'removing', 'selected', 'selecting'];
-const twoWays$5 = [''];
-/**
- * Represents the Angular Tab Component.
- * ```html
- * <ejs-tab></ejs-tab>
- * ```
- */
-let TabComponent = class TabComponent extends Tab {
-    /**
-     * @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$10);
-        this.addTwoWay.call(this, twoWays$5);
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.containerContext = new ComponentBase();
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.containerContext.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.containerContext.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.containerContext.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.tagObjects[0].instance = this.childItems;
-        this.containerContext.ngAfterContentChecked(this);
-    }
-};
-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 = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-];
-TabComponent = __decorate$9([
-    ComponentMixins([ComponentBase]),
-    __metadata$9("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector])
+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);
+};
+const inputs$5 = ['allowDragAndDrop', 'animation', 'clearTemplates', 'cssClass', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'headerPlacement', 'height', 'heightAdjustMode', 'items', 'loadOn', 'locale', 'overflowMode', 'reorderActiveTab', 'scrollStep', 'selectedItem', 'showCloseButton', 'swipeMode', 'width'];
+const outputs$10 = ['added', 'adding', 'created', 'destroyed', 'dragged', 'dragging', 'onDragStart', 'removed', 'removing', 'selected', 'selecting'];
+const twoWays$5 = [''];
+/**
+ * Represents the Angular Tab Component.
+ * ```html
+ * <ejs-tab></ejs-tab>
+ * ```
+ */
+let TabComponent = class TabComponent extends Tab {
+    /**
+     * @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$10);
+        this.addTwoWay.call(this, twoWays$5);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.containerContext = new ComponentBase();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.containerContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.containerContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.containerContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.tagObjects[0].instance = this.childItems;
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+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 = () => [
+    { 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.
- */
-class TabModule {
-}
-TabModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    TabComponent,
-                    TabItemDirective,
-                    TabItemsDirective
-                ],
-                exports: [
-                    TabComponent,
-                    TabItemDirective,
-                    TabItemsDirective
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Tab component.
+ */
+class TabModule {
+}
+TabModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    TabComponent,
+                    TabItemDirective,
+                    TabItemsDirective
+                ],
+                exports: [
+                    TabComponent,
+                    TabItemDirective,
+                    TabItemsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 TabModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the Tab component with providers.
- */
-class TabAllModule {
-}
-TabAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, TabModule],
-                exports: [
-                    TabModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Tab component with providers.
+ */
+class TabAllModule {
+}
+TabAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, TabModule],
+                exports: [
+                    TabModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 TabAllModule.ctorParameters = () => [];
 
-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);
-};
-const inputs$6 = ['allowDragAndDrop', 'allowEditing', 'allowMultiSelection', 'allowTextWrap', 'animation', 'autoCheck', 'checkDisabledChildren', 'checkOnClick', 'checkedNodes', 'cssClass', 'disabled', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandOn', 'expandedNodes', 'fields', 'fullRowNavigable', 'fullRowSelect', 'loadOnDemand', 'locale', 'nodeTemplate', 'selectedNodes', 'showCheckBox', 'sortOrder'];
-const outputs$11 = ['actionFailure', 'created', 'dataBound', 'dataSourceChanged', 'destroyed', 'drawNode', 'keyPress', 'nodeChecked', 'nodeChecking', 'nodeClicked', 'nodeCollapsed', 'nodeCollapsing', 'nodeDragStart', 'nodeDragStop', 'nodeDragging', 'nodeDropped', 'nodeEdited', 'nodeEditing', 'nodeExpanded', 'nodeExpanding', 'nodeSelected', 'nodeSelecting'];
-const 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>
- * ```
- */
-let TreeViewComponent = class TreeViewComponent extends TreeView {
-    /**
-     * @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.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 {?}
-     */
-    ngOnInit() {
-        this.context.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.context.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.context.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.context.ngAfterContentChecked(this);
-    }
-};
-TreeViewComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-treeview',
-                inputs: inputs$6,
-                outputs: outputs$11,
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-TreeViewComponent.ctorParameters = () => [
-    { 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])
+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);
+};
+const inputs$6 = ['allowDragAndDrop', 'allowEditing', 'allowMultiSelection', 'allowTextWrap', 'animation', 'autoCheck', 'checkDisabledChildren', 'checkOnClick', 'checkedNodes', 'cssClass', 'disabled', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandOn', 'expandedNodes', 'fields', 'fullRowNavigable', 'fullRowSelect', 'loadOnDemand', 'locale', 'nodeTemplate', 'selectedNodes', 'showCheckBox', 'sortOrder'];
+const outputs$11 = ['actionFailure', 'created', 'dataBound', 'dataSourceChanged', 'destroyed', 'drawNode', 'keyPress', 'nodeChecked', 'nodeChecking', 'nodeClicked', 'nodeCollapsed', 'nodeCollapsing', 'nodeDragStart', 'nodeDragStop', 'nodeDragging', 'nodeDropped', 'nodeEdited', 'nodeEditing', 'nodeExpanded', 'nodeExpanding', 'nodeSelected', 'nodeSelecting'];
+const 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>
+ * ```
+ */
+let TreeViewComponent = class TreeViewComponent extends TreeView {
+    /**
+     * @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.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 {?}
+     */
+    ngOnInit() {
+        this.context.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.context.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.context.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.context.ngAfterContentChecked(this);
+    }
+};
+TreeViewComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-treeview',
+                inputs: inputs$6,
+                outputs: outputs$11,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TreeViewComponent.ctorParameters = () => [
+    { 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.
- */
-class TreeViewModule {
-}
-TreeViewModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    TreeViewComponent
-                ],
-                exports: [
-                    TreeViewComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the TreeView component.
+ */
+class TreeViewModule {
+}
+TreeViewModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    TreeViewComponent
+                ],
+                exports: [
+                    TreeViewComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 TreeViewModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the TreeView component with providers.
- */
-class TreeViewAllModule {
-}
-TreeViewAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, TreeViewModule],
-                exports: [
-                    TreeViewModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the TreeView component with providers.
+ */
+class TreeViewAllModule {
+}
+TreeViewAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, TreeViewModule],
+                exports: [
+                    TreeViewModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 TreeViewAllModule.ctorParameters = () => [];
 
-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);
-};
-const inputs$7 = ['animate', 'closeOnDocumentClick', 'dockSize', 'enableDock', 'enableGestures', 'enablePersistence', 'enableRtl', 'height', 'isOpen', 'locale', 'mediaQuery', 'position', 'showBackdrop', 'target', 'type', 'width', 'zIndex'];
-const outputs$12 = ['change', 'close', 'created', 'destroyed', 'open', 'isOpenChange'];
-const twoWays$7 = ['isOpen'];
-/**
- * Represents the Essential JS 2 Angular Sidebar Component.
- * ```html
- * <ejs-sidebar></ejs-sidebar>
- * ```
- */
-let SidebarComponent = class SidebarComponent extends Sidebar {
-    /**
-     * @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.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 {?}
-     */
-    ngOnInit() {
-        this.containerContext.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.containerContext.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.containerContext.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.containerContext.ngAfterContentChecked(this);
-    }
-};
-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 = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-];
-SidebarComponent = __decorate$11([
-    ComponentMixins([ComponentBase]),
-    __metadata$11("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector])
+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);
+};
+const inputs$7 = ['animate', 'closeOnDocumentClick', 'dockSize', 'enableDock', 'enableGestures', 'enablePersistence', 'enableRtl', 'height', 'isOpen', 'locale', 'mediaQuery', 'position', 'showBackdrop', 'target', 'type', 'width', 'zIndex'];
+const outputs$12 = ['change', 'close', 'created', 'destroyed', 'open', 'isOpenChange'];
+const twoWays$7 = ['isOpen'];
+/**
+ * Represents the Essential JS 2 Angular Sidebar Component.
+ * ```html
+ * <ejs-sidebar></ejs-sidebar>
+ * ```
+ */
+let SidebarComponent = class SidebarComponent extends Sidebar {
+    /**
+     * @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.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 {?}
+     */
+    ngOnInit() {
+        this.containerContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.containerContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.containerContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+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 = () => [
+    { 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.
- */
-class SidebarModule {
-}
-SidebarModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    SidebarComponent
-                ],
-                exports: [
-                    SidebarComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Sidebar component.
+ */
+class SidebarModule {
+}
+SidebarModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    SidebarComponent
+                ],
+                exports: [
+                    SidebarComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 SidebarModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the Sidebar component with providers.
- */
-class SidebarAllModule {
-}
-SidebarAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, SidebarModule],
-                exports: [
-                    SidebarModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Sidebar component with providers.
+ */
+class SidebarAllModule {
+}
+SidebarAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, SidebarModule],
+                exports: [
+                    SidebarModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 SidebarAllModule.ctorParameters = () => [];
 
-let input$5 = ['htmlAttributes', 'iconCss', 'id', 'items', 'separator', 'text', 'url'];
-let outputs$13 = [];
-class MenuItemDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$13);
-        this.directivePropList = input$5;
-    }
-}
-MenuItemDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-menu>e-menu-items>e-menu-item>',
-                inputs: input$5,
-                outputs: outputs$13,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-MenuItemDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-/**
- * MenuItem Array Directive
- */
-class MenuItemsDirective extends ArrayBase {
-    constructor() {
-        super('items');
-    }
-}
-MenuItemsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-menu>e-menu-items',
-                queries: {
-                    children: new ContentChildren(MenuItemDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+let input$5 = ['htmlAttributes', 'iconCss', 'id', 'items', 'separator', 'text', 'url'];
+let outputs$13 = [];
+class MenuItemDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$13);
+        this.directivePropList = input$5;
+    }
+}
+MenuItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-menu>e-menu-items>e-menu-item>',
+                inputs: input$5,
+                outputs: outputs$13,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MenuItemDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+/**
+ * MenuItem Array Directive
+ */
+class MenuItemsDirective extends ArrayBase {
+    constructor() {
+        super('items');
+    }
+}
+MenuItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-menu>e-menu-items',
+                queries: {
+                    children: new ContentChildren(MenuItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 MenuItemsDirective.ctorParameters = () => [];
 
-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);
-};
-const inputs$8 = ['animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hamburgerMode', 'hoverDelay', 'items', 'locale', 'orientation', 'showItemOnClick', 'target', 'template', 'title'];
-const outputs$14 = ['beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
-const twoWays$8 = [''];
-/**
- * Represents the EJ2 Angular Menu Component.
- * ```html
- * <ejs-menu [items]='menuItems'></ejs-menu>
- * ```
- */
-let MenuComponent = class MenuComponent extends Menu {
-    /**
-     * @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$14);
-        this.addTwoWay.call(this, twoWays$8);
-        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);
-    }
-};
-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 = () => [
-    { 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])
+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);
+};
+const inputs$8 = ['animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hamburgerMode', 'hoverDelay', 'items', 'locale', 'orientation', 'showItemOnClick', 'target', 'template', 'title'];
+const outputs$14 = ['beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
+const twoWays$8 = [''];
+/**
+ * Represents the EJ2 Angular Menu Component.
+ * ```html
+ * <ejs-menu [items]='menuItems'></ejs-menu>
+ * ```
+ */
+let MenuComponent = class MenuComponent extends Menu {
+    /**
+     * @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$14);
+        this.addTwoWay.call(this, twoWays$8);
+        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);
+    }
+};
+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 = () => [
+    { 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.
- */
-class MenuModule {
-}
-MenuModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    MenuComponent,
-                    MenuItemDirective,
-                    MenuItemsDirective
-                ],
-                exports: [
-                    MenuComponent,
-                    MenuItemDirective,
-                    MenuItemsDirective
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Menu component.
+ */
+class MenuModule {
+}
+MenuModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    MenuComponent,
+                    MenuItemDirective,
+                    MenuItemsDirective
+                ],
+                exports: [
+                    MenuComponent,
+                    MenuItemDirective,
+                    MenuItemsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 MenuModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the Menu component with providers.
- */
-class MenuAllModule {
-}
-MenuAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, MenuModule],
-                exports: [
-                    MenuModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Menu component with providers.
+ */
+class MenuAllModule {
+}
+MenuAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, MenuModule],
+                exports: [
+                    MenuModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 MenuAllModule.ctorParameters = () => [];
 
-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);
-};
-const inputs$9 = ['colorMode', 'cssClass', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'isSticky', 'locale', 'mode', 'position'];
-const outputs$15 = ['created', 'destroyed'];
-const twoWays$9 = [''];
-/**
- * Represents the Essential JS 2 Angular AppBar Component.
- * ```html
- * <ejs-appbar></ejs-appbar>
- * ```
- */
-let AppBarComponent = class AppBarComponent extends AppBar {
-    /**
-     * @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.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 {?}
-     */
-    ngOnInit() {
-        this.containerContext.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.containerContext.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.containerContext.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.containerContext.ngAfterContentChecked(this);
-    }
-};
-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 = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-];
-AppBarComponent = __decorate$13([
-    ComponentMixins([ComponentBase]),
-    __metadata$13("design:paramtypes", [ElementRef,
-        Renderer2,
-        ViewContainerRef,
-        Injector])
+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);
+};
+const inputs$9 = ['colorMode', 'cssClass', 'enablePersistence', 'enableRtl', 'htmlAttributes', 'isSticky', 'locale', 'mode', 'position'];
+const outputs$15 = ['created', 'destroyed'];
+const twoWays$9 = [''];
+/**
+ * Represents the Essential JS 2 Angular AppBar Component.
+ * ```html
+ * <ejs-appbar></ejs-appbar>
+ * ```
+ */
+let AppBarComponent = class AppBarComponent extends AppBar {
+    /**
+     * @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.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 {?}
+     */
+    ngOnInit() {
+        this.containerContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.containerContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.containerContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+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 = () => [
+    { 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.
- */
-class AppBarModule {
-}
-AppBarModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    AppBarComponent
-                ],
-                exports: [
-                    AppBarComponent
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the AppBar component.
+ */
+class AppBarModule {
+}
+AppBarModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    AppBarComponent
+                ],
+                exports: [
+                    AppBarComponent
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 AppBarModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the AppBar component with providers.
- */
-class AppBarAllModule {
-}
-AppBarAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, AppBarModule],
-                exports: [
-                    AppBarModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the AppBar component with providers.
+ */
+class AppBarAllModule {
+}
+AppBarAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, AppBarModule],
+                exports: [
+                    AppBarModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 AppBarAllModule.ctorParameters = () => [];
 
-let input$6 = ['cssClass', 'disabled', 'iconCss', 'isValid', 'label', 'optional', 'status', 'text'];
-let 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>
- * ```
- */
-class StepDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$16);
-        this.directivePropList = input$6;
-    }
-}
-StepDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-stepper>e-steps>e-step',
-                inputs: input$6,
-                outputs: outputs$16,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-StepDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-/**
- * Step Array Directive
- */
-class StepsDirective extends ArrayBase {
-    constructor() {
-        super('steps');
-    }
-}
-StepsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-stepper>e-steps',
-                queries: {
-                    children: new ContentChildren(StepDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+let input$6 = ['cssClass', 'disabled', 'iconCss', 'isValid', 'label', 'optional', 'status', 'text'];
+let 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>
+ * ```
+ */
+class StepDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$16);
+        this.directivePropList = input$6;
+    }
+}
+StepDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-stepper>e-steps>e-step',
+                inputs: input$6,
+                outputs: outputs$16,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+StepDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+/**
+ * Step Array Directive
+ */
+class StepsDirective extends ArrayBase {
+    constructor() {
+        super('steps');
+    }
+}
+StepsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-stepper>e-steps',
+                queries: {
+                    children: new ContentChildren(StepDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 StepsDirective.ctorParameters = () => [];
 
-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);
-};
-const inputs$10 = ['activeStep', 'animation', 'cssClass', 'enablePersistence', 'enableRtl', 'labelPosition', 'linear', 'locale', 'orientation', 'readOnly', 'showTooltip', 'stepType', 'steps', 'template', 'tooltipTemplate'];
-const outputs$17 = ['beforeStepRender', 'created', 'stepChanged', 'stepChanging', 'stepClick', 'activeStepChange'];
-const twoWays$10 = ['activeStep'];
-/**
- * Represents the EJ2 Angular Stepper Component.
- * ```html
- * <nav ejs-stepper [steps]='stepItems'></nav>
- * ```
- */
-let StepperComponent = class StepperComponent extends Stepper {
-    /**
-     * @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 = ['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 {?}
-     */
-    ngOnInit() {
-        this.containerContext.ngOnInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        this.containerContext.ngAfterViewInit(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.containerContext.ngOnDestroy(this);
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentChecked() {
-        this.tagObjects[0].instance = this.childSteps;
-        this.containerContext.ngAfterContentChecked(this);
-    }
-};
-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 = () => [
-    { 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])
+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);
+};
+const inputs$10 = ['activeStep', 'animation', 'cssClass', 'enablePersistence', 'enableRtl', 'labelPosition', 'linear', 'locale', 'orientation', 'readOnly', 'showTooltip', 'stepType', 'steps', 'template', 'tooltipTemplate'];
+const outputs$17 = ['beforeStepRender', 'created', 'stepChanged', 'stepChanging', 'stepClick', 'activeStepChange'];
+const twoWays$10 = ['activeStep'];
+/**
+ * Represents the EJ2 Angular Stepper Component.
+ * ```html
+ * <nav ejs-stepper [steps]='stepItems'></nav>
+ * ```
+ */
+let StepperComponent = class StepperComponent extends Stepper {
+    /**
+     * @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 = ['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 {?}
+     */
+    ngOnInit() {
+        this.containerContext.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.containerContext.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.containerContext.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.tagObjects[0].instance = this.childSteps;
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+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 = () => [
+    { 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.
- */
-class StepperModule {
-}
-StepperModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    StepperComponent,
-                    StepDirective,
-                    StepsDirective
-                ],
-                exports: [
-                    StepperComponent,
-                    StepDirective,
-                    StepsDirective
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Stepper component.
+ */
+class StepperModule {
+}
+StepperModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    StepperComponent,
+                    StepDirective,
+                    StepsDirective
+                ],
+                exports: [
+                    StepperComponent,
+                    StepDirective,
+                    StepsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 StepperModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the Stepper component with providers.
- */
-class StepperAllModule {
-}
-StepperAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, StepperModule],
-                exports: [
-                    StepperModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Stepper component with providers.
+ */
+class StepperAllModule {
+}
+StepperAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, StepperModule],
+                exports: [
+                    StepperModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 StepperAllModule.ctorParameters = () => [];
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * 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 };