@syncfusion/ej2-angular-layouts 29.2.4-ngcc → 30.1.37-ngcc

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

@@ -3,659 +3,659 @@ import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, Template, setVa
 import { DashboardLayout, Splitter, Timeline } from '@syncfusion/ej2-layouts';
 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 = ['collapsed', 'collapsible', 'content', 'cssClass', 'max', 'min', 'resizable', 'size'];
-let outputs = [];
-/**
- * 'e-panesettings' directive represent a panes of angular splitter
- * It must be contained in a Splitter component(`ejs-splitter`).
- * ```html
- * <ejs-splitter id='splitter' >
- *   <e-panes>
- *    <e-pane size ='150px'></e-pane>
- *    <e-pane size = '20%'></e-pane>
- *   </e-panes>
- * </ejs-splitter>
- * ```
- */
-class PaneDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs);
-        this.directivePropList = input;
-    }
-}
-PaneDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-panes>e-pane',
-                inputs: input,
-                outputs: outputs,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-PaneDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-PaneDirective.propDecorators = {
-    'content': [{ type: ContentChild, args: ['content',] },],
-};
-__decorate([
-    Template(),
-    __metadata("design:type", Object)
-], PaneDirective.prototype, "content", void 0);
-/**
- * Pane Array Directive
- */
-class PanesDirective extends ArrayBase {
-    constructor() {
-        super('panesettings');
-    }
-}
-PanesDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-splitter>e-panes',
-                queries: {
-                    children: new ContentChildren(PaneDirective)
-                },
-            },] },
-];
-/**
- * @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 = ['collapsed', 'collapsible', 'content', 'cssClass', 'max', 'min', 'resizable', 'size'];
+let outputs = [];
+/**
+ * 'e-panesettings' directive represent a panes of angular splitter
+ * It must be contained in a Splitter component(`ejs-splitter`).
+ * ```html
+ * <ejs-splitter id='splitter' >
+ *   <e-panes>
+ *    <e-pane size ='150px'></e-pane>
+ *    <e-pane size = '20%'></e-pane>
+ *   </e-panes>
+ * </ejs-splitter>
+ * ```
+ */
+class PaneDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs);
+        this.directivePropList = input;
+    }
+}
+PaneDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-panes>e-pane',
+                inputs: input,
+                outputs: outputs,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+PaneDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+PaneDirective.propDecorators = {
+    'content': [{ type: ContentChild, args: ['content',] },],
+};
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], PaneDirective.prototype, "content", void 0);
+/**
+ * Pane Array Directive
+ */
+class PanesDirective extends ArrayBase {
+    constructor() {
+        super('panesettings');
+    }
+}
+PanesDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-splitter>e-panes',
+                queries: {
+                    children: new ContentChildren(PaneDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 PanesDirective.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 = ['cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableReversePanes', 'enableRtl', 'enabled', 'height', 'locale', 'orientation', 'paneSettings', 'separatorSize', 'width'];
-const outputs$1 = ['beforeCollapse', 'beforeExpand', 'beforeSanitizeHtml', 'collapsed', 'created', 'expanded', 'resizeStart', 'resizeStop', 'resizing'];
-const twoWays = [''];
-/**
- * Represents the Angular Splitter Component
- * ```html
- * <ejs-splitter></ejs-splitter>
- * ```
- */
-let SplitterComponent = class SplitterComponent extends Splitter {
-    /**
-     * @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 = ['paneSettings'];
-        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.childPaneSettings;
-        this.containerContext.ngAfterContentChecked(this);
-    }
-};
-SplitterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-splitter',
-                inputs: inputs,
-                outputs: outputs$1,
-                template: `<ng-content select='div'></ng-content>`,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                queries: {
-                    childPaneSettings: new ContentChild(PanesDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-SplitterComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-];
-SplitterComponent = __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 = ['cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableReversePanes', 'enableRtl', 'enabled', 'height', 'locale', 'orientation', 'paneSettings', 'separatorSize', 'width'];
+const outputs$1 = ['beforeCollapse', 'beforeExpand', 'beforeSanitizeHtml', 'collapsed', 'created', 'expanded', 'resizeStart', 'resizeStop', 'resizing'];
+const twoWays = [''];
+/**
+ * Represents the Angular Splitter Component
+ * ```html
+ * <ejs-splitter></ejs-splitter>
+ * ```
+ */
+let SplitterComponent = class SplitterComponent extends Splitter {
+    /**
+     * @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 = ['paneSettings'];
+        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.childPaneSettings;
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+SplitterComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-splitter',
+                inputs: inputs,
+                outputs: outputs$1,
+                template: `<ng-content select='div'></ng-content>`,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childPaneSettings: new ContentChild(PanesDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+SplitterComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+];
+SplitterComponent = __decorate$1([
+    ComponentMixins([ComponentBase]),
+    __metadata$1("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
 ], SplitterComponent);
 
-/**
- * NgModule definition for the Splitter component.
- */
-class SplitterModule {
-}
-SplitterModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    SplitterComponent,
-                    PaneDirective,
-                    PanesDirective
-                ],
-                exports: [
-                    SplitterComponent,
-                    PaneDirective,
-                    PanesDirective
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Splitter component.
+ */
+class SplitterModule {
+}
+SplitterModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    SplitterComponent,
+                    PaneDirective,
+                    PanesDirective
+                ],
+                exports: [
+                    SplitterComponent,
+                    PaneDirective,
+                    PanesDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 SplitterModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the Splitter component with providers.
- */
-class SplitterAllModule {
-}
-SplitterAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, SplitterModule],
-                exports: [
-                    SplitterModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Splitter component with providers.
+ */
+class SplitterAllModule {
+}
+SplitterAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, SplitterModule],
+                exports: [
+                    SplitterModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 SplitterAllModule.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 = ['col', 'content', 'cssClass', 'enabled', 'header', 'id', 'maxSizeX', 'maxSizeY', 'minSizeX', 'minSizeY', 'row', 'sizeX', 'sizeY', 'zIndex'];
-let outputs$2 = [];
-/**
- * 'e-panels' directive represent a panels of angular dashboardlayout
- * It must be contained in a dashboardlayout component(`ej-dashboardlayout`).
- * ```html
- * <ejs-dashboardlayout>
- *   <e-panels>
- *    <e-panel></e-panel>
- *    <e-panel></e-panel>
- *   </e-panels>
- * </ejs-dashboardlayout>
- * ```
- */
-class PanelDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$2);
-        this.directivePropList = input$1;
-    }
-}
-PanelDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'e-panels>e-panel',
-                inputs: input$1,
-                outputs: outputs$2,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-PanelDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-PanelDirective.propDecorators = {
-    'header': [{ type: ContentChild, args: ['header',] },],
-    'content': [{ type: ContentChild, args: ['content',] },],
-};
-__decorate$2([
-    Template(),
-    __metadata$2("design:type", Object)
-], PanelDirective.prototype, "header", void 0);
-__decorate$2([
-    Template(),
-    __metadata$2("design:type", Object)
-], PanelDirective.prototype, "content", void 0);
-/**
- * Panel Array Directive
- */
-class PanelsDirective extends ArrayBase {
-    constructor() {
-        super('panels');
-    }
-}
-PanelsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-dashboardlayout>e-panels',
-                queries: {
-                    children: new ContentChildren(PanelDirective)
-                },
-            },] },
-];
-/**
- * @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 = ['col', 'content', 'cssClass', 'enabled', 'header', 'id', 'maxSizeX', 'maxSizeY', 'minSizeX', 'minSizeY', 'row', 'sizeX', 'sizeY', 'zIndex'];
+let outputs$2 = [];
+/**
+ * 'e-panels' directive represent a panels of angular dashboardlayout
+ * It must be contained in a dashboardlayout component(`ej-dashboardlayout`).
+ * ```html
+ * <ejs-dashboardlayout>
+ *   <e-panels>
+ *    <e-panel></e-panel>
+ *    <e-panel></e-panel>
+ *   </e-panels>
+ * </ejs-dashboardlayout>
+ * ```
+ */
+class PanelDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$2);
+        this.directivePropList = input$1;
+    }
+}
+PanelDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-panels>e-panel',
+                inputs: input$1,
+                outputs: outputs$2,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+PanelDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+PanelDirective.propDecorators = {
+    'header': [{ type: ContentChild, args: ['header',] },],
+    'content': [{ type: ContentChild, args: ['content',] },],
+};
+__decorate$2([
+    Template(),
+    __metadata$2("design:type", Object)
+], PanelDirective.prototype, "header", void 0);
+__decorate$2([
+    Template(),
+    __metadata$2("design:type", Object)
+], PanelDirective.prototype, "content", void 0);
+/**
+ * Panel Array Directive
+ */
+class PanelsDirective extends ArrayBase {
+    constructor() {
+        super('panels');
+    }
+}
+PanelsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-dashboardlayout>e-panels',
+                queries: {
+                    children: new ContentChildren(PanelDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 PanelsDirective.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 = ['allowDragging', 'allowFloating', 'allowPushing', 'allowResizing', 'cellAspectRatio', 'cellSpacing', 'columns', 'draggableHandle', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mediaQuery', 'panels', 'resizableHandles', 'showGridLines'];
-const outputs$3 = ['change', 'created', 'destroyed', 'drag', 'dragStart', 'dragStop', 'resize', 'resizeStart', 'resizeStop'];
-const twoWays$1 = [''];
-/**
- * Represents the Essential JS 2 Angular DashboardLayout Component.
- * ```html
- * <ejs-dashboardlayout></ejs-dashboardlayout>
- * ```
- */
-let DashboardLayoutComponent = class DashboardLayoutComponent extends DashboardLayout {
-    /**
-     * @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 = ['panels'];
-        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.childPanels;
-        this.containerContext.ngAfterContentChecked(this);
-    }
-};
-DashboardLayoutComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-dashboardlayout',
-                inputs: inputs$1,
-                outputs: outputs$3,
-                template: `<ng-content select='div'></ng-content>`,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                queries: {
-                    childPanels: new ContentChild(PanelsDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-DashboardLayoutComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-];
-DashboardLayoutComponent = __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 = ['allowDragging', 'allowFloating', 'allowPushing', 'allowResizing', 'cellAspectRatio', 'cellSpacing', 'columns', 'draggableHandle', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mediaQuery', 'panels', 'resizableHandles', 'showGridLines'];
+const outputs$3 = ['change', 'created', 'destroyed', 'drag', 'dragStart', 'dragStop', 'resize', 'resizeStart', 'resizeStop'];
+const twoWays$1 = [''];
+/**
+ * Represents the Essential JS 2 Angular DashboardLayout Component.
+ * ```html
+ * <ejs-dashboardlayout></ejs-dashboardlayout>
+ * ```
+ */
+let DashboardLayoutComponent = class DashboardLayoutComponent extends DashboardLayout {
+    /**
+     * @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 = ['panels'];
+        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.childPanels;
+        this.containerContext.ngAfterContentChecked(this);
+    }
+};
+DashboardLayoutComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-dashboardlayout',
+                inputs: inputs$1,
+                outputs: outputs$3,
+                template: `<ng-content select='div'></ng-content>`,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childPanels: new ContentChild(PanelsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+DashboardLayoutComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+];
+DashboardLayoutComponent = __decorate$3([
+    ComponentMixins([ComponentBase]),
+    __metadata$3("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
 ], DashboardLayoutComponent);
 
-/**
- * NgModule definition for the DashboardLayout component.
- */
-class DashboardLayoutModule {
-}
-DashboardLayoutModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    DashboardLayoutComponent,
-                    PanelDirective,
-                    PanelsDirective
-                ],
-                exports: [
-                    DashboardLayoutComponent,
-                    PanelDirective,
-                    PanelsDirective
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the DashboardLayout component.
+ */
+class DashboardLayoutModule {
+}
+DashboardLayoutModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    DashboardLayoutComponent,
+                    PanelDirective,
+                    PanelsDirective
+                ],
+                exports: [
+                    DashboardLayoutComponent,
+                    PanelDirective,
+                    PanelsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 DashboardLayoutModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the DashboardLayout component with providers.
- */
-class DashboardLayoutAllModule {
-}
-DashboardLayoutAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, DashboardLayoutModule],
-                exports: [
-                    DashboardLayoutModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the DashboardLayout component with providers.
+ */
+class DashboardLayoutAllModule {
+}
+DashboardLayoutAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, DashboardLayoutModule],
+                exports: [
+                    DashboardLayoutModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 DashboardLayoutAllModule.ctorParameters = () => [];
 
-let input$2 = ['content', 'cssClass', 'disabled', 'dotCss', 'oppositeContent'];
-let outputs$4 = [];
-/**
- * 'e-timelineItem' directive represents a item of the Angular Timeline.
- * It must be contained in a Timeline component(`ejs-timeline`).
- * ```html
- * <ejs-timeline>
- *  <e-items>
- *   <e-item [dotCss]='e-icons e-folder' [content]='Item 1' />
- *   <e-item [dotCss]='e-icons e-folder' [content]='Item 2' />
- *  </e-items>
- * </ejs-timeline>
- * ```
- */
-class ItemDirective extends ComplexBase {
-    /**
-     * @param {?} viewContainerRef
-     */
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs$4);
-        this.directivePropList = input$2;
-    }
-}
-ItemDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-timeline>e-items>e-item',
-                inputs: input$2,
-                outputs: outputs$4,
-                queries: {}
-            },] },
-];
-/**
- * @nocollapse
- */
-ItemDirective.ctorParameters = () => [
-    { type: ViewContainerRef, },
-];
-/**
- * Item Array Directive
- */
-class ItemsDirective extends ArrayBase {
-    constructor() {
-        super('items');
-    }
-}
-ItemsDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'ejs-timeline>e-items',
-                queries: {
-                    children: new ContentChildren(ItemDirective)
-                },
-            },] },
-];
-/**
- * @nocollapse
- */
+let input$2 = ['content', 'cssClass', 'disabled', 'dotCss', 'oppositeContent'];
+let outputs$4 = [];
+/**
+ * 'e-timelineItem' directive represents a item of the Angular Timeline.
+ * It must be contained in a Timeline component(`ejs-timeline`).
+ * ```html
+ * <ejs-timeline>
+ *  <e-items>
+ *   <e-item [dotCss]='e-icons e-folder' [content]='Item 1' />
+ *   <e-item [dotCss]='e-icons e-folder' [content]='Item 2' />
+ *  </e-items>
+ * </ejs-timeline>
+ * ```
+ */
+class ItemDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$4);
+        this.directivePropList = input$2;
+    }
+}
+ItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-timeline>e-items>e-item',
+                inputs: input$2,
+                outputs: outputs$4,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ItemDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+/**
+ * Item Array Directive
+ */
+class ItemsDirective extends ArrayBase {
+    constructor() {
+        super('items');
+    }
+}
+ItemsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-timeline>e-items',
+                queries: {
+                    children: new ContentChildren(ItemDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
 ItemsDirective.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 = ['align', 'cssClass', 'enablePersistence', 'enableRtl', 'items', 'locale', 'orientation', 'reverse', 'template'];
-const outputs$5 = ['beforeItemRender', 'created'];
-const twoWays$2 = [];
-/**
- * Represents the EJ2 Angular Timeline Component.
- * ```html
- * <div ejs-timeline [items]='timelineItems'></div>
- * ```
- */
-let TimelineComponent = class TimelineComponent extends Timeline {
-    /**
-     * @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$5);
-        this.addTwoWay.call(this, twoWays$2);
-        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);
-    }
-};
-TimelineComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ejs-timeline',
-                inputs: inputs$2,
-                outputs: outputs$5,
-                template: `<ng-content select='div'></ng-content>`,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                queries: {
-                    childItems: new ContentChild(ItemsDirective)
-                }
-            },] },
-];
-/**
- * @nocollapse
- */
-TimelineComponent.ctorParameters = () => [
-    { type: ElementRef, },
-    { type: Renderer2, },
-    { type: ViewContainerRef, },
-    { type: Injector, },
-];
-TimelineComponent.propDecorators = {
-    'template': [{ type: ContentChild, args: ['template',] },],
-    'content': [{ type: ContentChild, args: ['content',] },],
-    'oppositeContent': [{ type: ContentChild, args: ['oppositeContent',] },],
-};
-__decorate$4([
-    Template(),
-    __metadata$4("design:type", Object)
-], TimelineComponent.prototype, "template", void 0);
-__decorate$4([
-    Template(),
-    __metadata$4("design:type", Object)
-], TimelineComponent.prototype, "content", void 0);
-__decorate$4([
-    Template(),
-    __metadata$4("design:type", Object)
-], TimelineComponent.prototype, "oppositeContent", void 0);
-TimelineComponent = __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 = ['align', 'cssClass', 'enablePersistence', 'enableRtl', 'items', 'locale', 'orientation', 'reverse', 'template'];
+const outputs$5 = ['beforeItemRender', 'created'];
+const twoWays$2 = [];
+/**
+ * Represents the EJ2 Angular Timeline Component.
+ * ```html
+ * <div ejs-timeline [items]='timelineItems'></div>
+ * ```
+ */
+let TimelineComponent = class TimelineComponent extends Timeline {
+    /**
+     * @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$5);
+        this.addTwoWay.call(this, twoWays$2);
+        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);
+    }
+};
+TimelineComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-timeline',
+                inputs: inputs$2,
+                outputs: outputs$5,
+                template: `<ng-content select='div'></ng-content>`,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childItems: new ContentChild(ItemsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+TimelineComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+];
+TimelineComponent.propDecorators = {
+    'template': [{ type: ContentChild, args: ['template',] },],
+    'content': [{ type: ContentChild, args: ['content',] },],
+    'oppositeContent': [{ type: ContentChild, args: ['oppositeContent',] },],
+};
+__decorate$4([
+    Template(),
+    __metadata$4("design:type", Object)
+], TimelineComponent.prototype, "template", void 0);
+__decorate$4([
+    Template(),
+    __metadata$4("design:type", Object)
+], TimelineComponent.prototype, "content", void 0);
+__decorate$4([
+    Template(),
+    __metadata$4("design:type", Object)
+], TimelineComponent.prototype, "oppositeContent", void 0);
+TimelineComponent = __decorate$4([
+    ComponentMixins([ComponentBase]),
+    __metadata$4("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
 ], TimelineComponent);
 
-/**
- * NgModule definition for the Timeline component.
- */
-class TimelineModule {
-}
-TimelineModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    TimelineComponent,
-                    ItemDirective,
-                    ItemsDirective
-                ],
-                exports: [
-                    TimelineComponent,
-                    ItemDirective,
-                    ItemsDirective
-                ]
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Timeline component.
+ */
+class TimelineModule {
+}
+TimelineModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    TimelineComponent,
+                    ItemDirective,
+                    ItemsDirective
+                ],
+                exports: [
+                    TimelineComponent,
+                    ItemDirective,
+                    ItemsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
 TimelineModule.ctorParameters = () => [];
 
-/**
- * NgModule definition for the Timeline component with providers.
- */
-class TimelineAllModule {
-}
-TimelineAllModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, TimelineModule],
-                exports: [
-                    TimelineModule
-                ],
-                providers: []
-            },] },
-];
-/**
- * @nocollapse
- */
+/**
+ * NgModule definition for the Timeline component with providers.
+ */
+class TimelineAllModule {
+}
+TimelineAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, TimelineModule],
+                exports: [
+                    TimelineModule
+                ],
+                providers: []
+            },] },
+];
+/**
+ * @nocollapse
+ */
 TimelineAllModule.ctorParameters = () => [];
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { PaneDirective, PanesDirective, SplitterComponent, SplitterModule, SplitterAllModule, PanelDirective, PanelsDirective, DashboardLayoutComponent, DashboardLayoutModule, DashboardLayoutAllModule, ItemDirective, ItemsDirective, TimelineComponent, TimelineModule, TimelineAllModule, inputs$1 as ɵc, outputs$3 as ɵd, inputs as ɵa, outputs$1 as ɵb, inputs$2 as ɵe, outputs$5 as ɵf };