@syncfusion/ej2-react-layouts 24.2.4 → 25.1.35

package/CHANGELOG.md

@@ -2,11 +2,28 @@
 
 ## [Unreleased]
 
-### Dashboard Layout
+### Timeline
 
-#### Bug Fixes
+The Timeline control enables users to display a series of data in chronological order, providing a visually compelling and user-friendly experience. This showcases user activities, tracking progress, narrating historical timelines, and more.
+
+
+The Timeline component enables users to display a series of data in chronological order, providing a visually compelling and user-friendly experience. This showcases user activities, tracking progress, narrating historical timelines, and more.
+
+
+#### Key features
+
+- **Orientation** - Display items in a horizontal or vertical orientation.
+- **Opposite content** - Display additional information opposite to the item content.
+- **Items alignment** - Items' content and opposite content can be aligned - before, after, alternate, or alternate reverse.
+- **Reverse timeline** - Shows the timeline items in the reverse order.
+- **Templates** - Customize the default appearance, including styling the dot item, templated content, and more.
+
+- **Orientation** - Display items in a horizontal or vertical orientation.
+- **Opposite content** - Display additional information opposite to the item content.
+- **Items alignment** - Items' content and opposite content can be aligned - before, after, alternate, or alternate reverse.
+- **Reverse timeline** - Shows the timeline items in the reverse order.
+- **Templates** - Customize the default appearance, including styling the dot item, templated content, and more.
 
-- `#FB49154` - The console error in the Dashboard Layout component when resizing the browser window has been resolved.
 
 ## 20.4.48 (2023-02-01)
 

package/diConfig.json

@@ -2,16 +2,16 @@
     "name": "Layouts",
     "description": "Layout Components",
     "keywords": {
-        "common": ["splitter", "split-panes", "split-layout", "split-view", "split-area", "resizable-splitter", "split-container","dashboardlayout","panels"],
-        "angular": ["angular-splitter", "ng-splitter", "angular-split-panes", "ng-split-panes", "angular-split-area", "angular-split-layout", "angular-split-view","angular-dashboardlayout"],
-        "react": ["react-splitter", "react-split-panes", "react-split-area", "react-split-view", "react-split-layout","react-dashboardlayout"],
-        "vue": ["vue-splitter", "vue-split-panes", "vue-split-area", "vue-split-view", "vue-split-layout", "vue-dashboardlayout"]
+        "common": ["splitter", "split-panes", "split-layout", "split-view", "split-area", "resizable-splitter", "split-container","dashboardlayout","panels", "timeline", "ej2-timeline"],
+        "angular": ["angular-splitter", "ng-splitter", "angular-split-panes", "ng-split-panes", "angular-split-area", "angular-split-layout", "angular-split-view","angular-dashboardlayout", "angular timeline", "ng-timeline"],
+        "react": ["react-splitter", "react-split-panes", "react-split-area", "react-split-view", "react-split-layout","react-dashboardlayout", "react-timeline"],
+        "vue": ["vue-splitter", "vue-split-panes", "vue-split-area", "vue-split-view", "vue-split-layout", "vue-dashboardlayout", "vue-timeline"]
     },
     "repository": {
         "type": "git",
         "url": "https://github.com/syncfusion/ej2-angular-layouts"
   },
-  "eventInterfaces": ["CreatedEventArgs", "ResizeEventArgs", "ResizingEventArgs", "BeforeExpandEventArgs", "ExpandedEventArgs", "ChangeEventArgs", "DragStartArgs", "DraggedEventArgs", "DragStopArgs", "ResizeArgs"],
+  "eventInterfaces": ["CreatedEventArgs", "ResizeEventArgs", "ResizingEventArgs", "BeforeExpandEventArgs", "ExpandedEventArgs", "ChangeEventArgs", "DragStartArgs", "DraggedEventArgs", "DragStopArgs", "ResizeArgs", "TimelineRenderingEventArgs"],
     "components": [ {
             "baseClass": "Splitter",
             "directoryName": "splitter",
@@ -208,6 +208,100 @@
                 }
             ],
             "blazorType": "hybrid"
+        },
+        {
+            "baseClass": "Timeline",
+            "directoryName": "timeline",
+            "type": "container",
+            "defaultTag": "<div id='ej2Timeline'></div>",
+            "removeDuplicateClassName": true,
+            "preferredTag": "div",
+            "contentSelect": "div",
+            "blazorType": "native",
+            "blazorPlaceholder": "timeline",
+            "templateProperties": ["template", "content", "oppositeContent"],
+            "blazorTemplates":["template", "content", "oppositeContent"],
+            "comment": [
+                "/**",
+                " * Represents the EJ2 Angular Timeline Component.",
+                " * ```html",
+                " * <div ejs-timeline [items]='timelineItems'></div>",
+                " * ```",
+                " */"
+            ],
+            "reactComment": [
+                "/**",
+                " * `TimelineComponent` represents the react Timeline Component.",
+                " * ```ts",
+                " * <TimelineComponent items={timelineItems} />",
+                " * ```",
+                " */"
+            ],
+            "vueComment": [
+                "/**",
+                " * Represents the Essential JS 2 VueJS Timeline Component.",
+                " * ```html",
+                " * <ejs-timeline :items='timelineItems'></ejs-timeline>",
+                " * ```",
+                " */"
+             ],
+             "tagDirective": [
+                {
+                    "arrayDirectiveClassName": "items",
+                    "directiveClassName": "item",
+                    "propertyName": "items",
+                    "baseClass": "TimelineItem",
+                    "arrayDirectiveSelector": "ejs-timeline>e-items",
+                    "directiveSelector": "ejs-timeline>e-items>e-item",
+                    "directoryName": "timeline",
+                    "aspArrayClassName": "TimelineItem",
+                    "aspCollectionClassName": "Items",
+                    "aspDirectiveSelector": "e-timeline-item",
+                    "aspArrayDirectiveSelector": "e-timeline-items",
+                    "comment": [
+                        "/**",
+                        " * '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>",
+                        " * ```",
+                        " */"
+                    ],
+                    "reactComment": [
+                        "/**",
+                        " * `ItemDirective` represents a item of the React Timeline. ",
+                        " * It must be contained in a Timeline component(`TimelineComponent`). ",
+                        " * ```tsx",
+                        " * <TimelineComponent>",
+                        " *  <ItemsDirective>",
+                        " *   <ItemDirective dotCss= { 'e-icons e-folder' } content= { 'Item 1' } />",
+                        " *   <ItemDirective dotCss= { 'e-icons e-folder' } content= { 'Item 2' } />",
+                        " *  </ItemsDirective>",
+                        " * </TimelineComponent>",
+                        " * ```",
+                        " */"
+                    ],
+                    "vueComment": [
+                        "/**",
+                        " * 'e-timelineItem' directive represents a item of the Vue 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>",
+                        " * ```",
+                        " */"
+                    ]
+                }
+            ]
         }
     ]
 }

package/dist/ej2-react-layouts.min.js

@@ -1,10 +1,10 @@
 /*!
 *  filename: ej2-react-layouts.min.js
-*  version : 24.2.4
+*  version : 25.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("SyncfusionLayouts"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionLayouts","React"],e):"object"==typeof exports?exports.SyncfusionReactLayouts=e(require("SyncfusionReactBase"),require("SyncfusionLayouts"),require("React")):t.SyncfusionReactLayouts=e(t.SyncfusionReactBase,t.SyncfusionLayouts,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=7)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e){t.exports=n},function(t,e,n){"use strict";var r=n(6);n.d(e,"a",function(){return r.a}),n.d(e,"b",function(){return r.b});var o=n(5);n.d(e,"c",function(){return o.a})},function(t,e,n){"use strict";var r=n(8);n.d(e,"a",function(){return r.a}),n.d(e,"b",function(){return r.b});var o=n(9);n.d(e,"c",function(){return o.a})},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(1)),i=(n.n(o),n(0)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={panels:"panel"},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.DashboardLayout);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return u});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="panel",e.complexTemplate={"panels.header":"panels.header","panels.content":"panels.content"},e}(r.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="panels",e.moduleName="panels",e}(r.ComplexBase)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(4);n.d(e,"PaneDirective",function(){return r.a}),n.d(e,"PanesDirective",function(){return r.b}),n.d(e,"SplitterComponent",function(){return r.c});var o=n(3);n.d(e,"PanelDirective",function(){return o.a}),n.d(e,"PanelsDirective",function(){return o.b}),n.d(e,"DashboardLayoutComponent",function(){return o.c});var i=n(1);n.n(i);for(var u in i)["PaneDirective","PanesDirective","SplitterComponent","PanelDirective","PanelsDirective","DashboardLayoutComponent","default"].indexOf(u)<0&&function(t){n.d(e,t,function(){return i[t]})}(u)},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return u});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="pane",e}(r.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="paneSettings",e.moduleName="panes",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(1)),i=(n.n(o),n(0)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={panes:"pane"},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Splitter);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])}])});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("SyncfusionLayouts"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionLayouts","React"],e):"object"==typeof exports?exports.SyncfusionReactLayouts=e(require("SyncfusionReactBase"),require("SyncfusionLayouts"),require("React")):t.SyncfusionReactLayouts=e(t.SyncfusionReactBase,t.SyncfusionLayouts,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=8)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e){t.exports=n},function(t,e,n){"use strict";var r=n(7);n.d(e,"a",function(){return r.a}),n.d(e,"b",function(){return r.b});var o=n(6);n.d(e,"c",function(){return o.a})},function(t,e,n){"use strict";var r=n(9);n.d(e,"a",function(){return r.a}),n.d(e,"b",function(){return r.b});var o=n(10);n.d(e,"c",function(){return o.a})},function(t,e,n){"use strict";var r=n(11);n.d(e,"a",function(){return r.a}),n.d(e,"b",function(){return r.b});var o=n(12);n.d(e,"c",function(){return o.a})},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(1)),i=(n.n(o),n(0)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={panels:"panel"},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.DashboardLayout);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return u});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="panel",e.complexTemplate={"panels.header":"panels.header","panels.content":"panels.content"},e}(r.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="panels",e.moduleName="panels",e}(r.ComplexBase)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(4);n.d(e,"PaneDirective",function(){return r.a}),n.d(e,"PanesDirective",function(){return r.b}),n.d(e,"SplitterComponent",function(){return r.c});var o=n(3);n.d(e,"PanelDirective",function(){return o.a}),n.d(e,"PanelsDirective",function(){return o.b}),n.d(e,"DashboardLayoutComponent",function(){return o.c});var i=n(5);n.d(e,"ItemDirective",function(){return i.a}),n.d(e,"ItemsDirective",function(){return i.b}),n.d(e,"TimelineComponent",function(){return i.c});var u=n(1);n.n(u);for(var c in u)["PaneDirective","PanesDirective","SplitterComponent","PanelDirective","PanelsDirective","DashboardLayoutComponent","ItemDirective","ItemsDirective","TimelineComponent","default"].indexOf(c)<0&&function(t){n.d(e,t,function(){return u[t]})}(c)},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return u});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="pane",e}(r.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="paneSettings",e.moduleName="panes",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(1)),i=(n.n(o),n(0)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={panes:"pane"},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Splitter);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return u});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="item",e}(r.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="items",e.moduleName="items",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(1)),i=(n.n(o),n(0)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={items:"item"},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Timeline);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])}])});

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

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-react-layouts.umd.min.js
-*  version : 24.2.4
+*  version : 25.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-layouts")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-layouts"],t):t(e.ej={},e.ej2ReactBase,e.React,e.ej2Layouts)}(this,function(e,t,n,r){"use strict";var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.moduleName="pane",t}(t.ComplexBase),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propertyName="paneSettings",t.moduleName="panes",t}(t.ComplexBase),s=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),p=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={panes:"pane"},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return s(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(r.Splitter);t.applyMixins(p,[t.ComponentBase,n.Component]);var c=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return c(t,e),t.moduleName="panel",t.complexTemplate={"panels.header":"panels.header","panels.content":"panels.content"},t}(t.ComplexBase),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return c(t,e),t.propertyName="panels",t.moduleName="panels",t}(t.ComplexBase),f=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),y=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={panels:"panel"},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return f(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(r.DashboardLayout);t.applyMixins(y,[t.ComponentBase,n.Component]),e.PaneDirective=i,e.PanesDirective=a,e.SplitterComponent=p,e.PanelDirective=u,e.PanelsDirective=l,e.DashboardLayoutComponent=y,Object.keys(r).forEach(function(t){e[t]=r[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-layouts")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-layouts"],e):e(t.ej={},t.ej2ReactBase,t.React,t.ej2Layouts)}(this,function(t,e,n,r){"use strict";var o=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="pane",e}(e.ComplexBase),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="paneSettings",e.moduleName="panes",e}(e.ComplexBase),p=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),a=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={panes:"pane"},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return p(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Splitter);e.applyMixins(a,[e.ComponentBase,n.Component]);var c=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.moduleName="panel",e.complexTemplate={"panels.header":"panels.header","panels.content":"panels.content"},e}(e.ComplexBase),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.propertyName="panels",e.moduleName="panels",e}(e.ComplexBase),f=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),h=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={panels:"panel"},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return f(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.DashboardLayout);e.applyMixins(h,[e.ComponentBase,n.Component]);var y=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),e.moduleName="item",e}(e.ComplexBase),m=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),e.propertyName="items",e.moduleName="items",e}(e.ComplexBase),_=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),v=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={items:"item"},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return _(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Timeline);e.applyMixins(v,[e.ComponentBase,n.Component]),t.PaneDirective=i,t.PanesDirective=s,t.SplitterComponent=a,t.PanelDirective=u,t.PanelsDirective=l,t.DashboardLayoutComponent=h,t.ItemDirective=d,t.ItemsDirective=m,t.TimelineComponent=v,Object.keys(r).forEach(function(e){t[e]=r[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-layouts.umd.min.js.map

package/dist/ej2-react-layouts.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-layouts.umd.min.js","sources":["../src/splitter/panesettings-directive.js","../src/splitter/splitter.component.js","../src/dashboard-layout/panels-directive.js","../src/dashboard-layout/dashboardlayout.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * PanesDirective` represent a panes of the react splitter.\n * It must be contained in a Splitter component(`SplitterComponent`).\n * ```tsx\n * <SplitterComponent>\n *   <PaneSettingsDirective>\n *     <PaneDirective size={this.Pane1Size}></PaneDirective>\n *     <PaneDirective size={this.Pane2Size}></PaneDirective>\n *   <PaneSettingsDirective>\n * </SplitterComponent>\n * ```\n */\nvar PaneDirective = /** @class */ (function (_super) {\n    __extends(PaneDirective, _super);\n    function PaneDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    PaneDirective.moduleName = 'pane';\n    return PaneDirective;\n}(ComplexBase));\nexport { PaneDirective };\nvar PanesDirective = /** @class */ (function (_super) {\n    __extends(PanesDirective, _super);\n    function PanesDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    PanesDirective.propertyName = 'paneSettings';\n    PanesDirective.moduleName = 'panes';\n    return PanesDirective;\n}(ComplexBase));\nexport { PanesDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { Splitter } from '@syncfusion/ej2-layouts';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Splitter Component\n * ```html\n * <Splitter></Splitter>\n * ```\n */\nvar SplitterComponent = /** @class */ (function (_super) {\n    __extends(SplitterComponent, _super);\n    function SplitterComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.directivekeys = { 'panes': 'pane' };\n        _this.statelessTemplateProps = null;\n        _this.templateProps = null;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    SplitterComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return SplitterComponent;\n}(Splitter));\nexport { SplitterComponent };\napplyMixins(SplitterComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `PanelsDirective` represent a presets of the react dashboardlayout.\n * It must be contained in a dashboardlayout component(`DashBoardLayoutComponent`).\n * ```tsx\n * <DashBoardLayoutComponent>\n * <PanelsDirective>\n * <PanelDirective></PanelDirective>\n * <PanelDirective></PanelDirective>\n * </PanelsDirective>\n * </DashBoardLayoutComponent>\n * ```\n */\nvar PanelDirective = /** @class */ (function (_super) {\n    __extends(PanelDirective, _super);\n    function PanelDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    PanelDirective.moduleName = 'panel';\n    PanelDirective.complexTemplate = { 'panels.header': 'panels.header', 'panels.content': 'panels.content' };\n    return PanelDirective;\n}(ComplexBase));\nexport { PanelDirective };\nvar PanelsDirective = /** @class */ (function (_super) {\n    __extends(PanelsDirective, _super);\n    function PanelsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    PanelsDirective.propertyName = 'panels';\n    PanelsDirective.moduleName = 'panels';\n    return PanelsDirective;\n}(ComplexBase));\nexport { PanelsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { DashboardLayout } from '@syncfusion/ej2-layouts';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the Essential JS 2 React DashboardLayout Component.\n * ```ts\n * <DashBoardLayoutComponent></DashBoardLayoutComponent>\n * ```\n */\nvar DashboardLayoutComponent = /** @class */ (function (_super) {\n    __extends(DashboardLayoutComponent, _super);\n    function DashboardLayoutComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.directivekeys = { 'panels': 'panel' };\n        _this.statelessTemplateProps = null;\n        _this.templateProps = null;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    DashboardLayoutComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return DashboardLayoutComponent;\n}(DashboardLayout));\nexport { DashboardLayoutComponent };\napplyMixins(DashboardLayoutComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","PaneDirective","_super","apply","arguments","moduleName","ComplexBase","PanesDirective","propertyName","SplitterComponent","props","_this","call","initRenderCalled","checkInjectedModules","directivekeys","panes","statelessTemplateProps","templateProps","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","Splitter","ej2ReactBase","ComponentBase","React.Component","PanelDirective","complexTemplate","panels.header","panels.content","PanelsDirective","DashboardLayoutComponent","panels","DashboardLayout"],"mappings":"wXAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GA0BxCK,EAA+B,SAAUC,GAEzC,SAASD,IACL,OAAkB,OAAXC,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAG/D,OALAX,EAAUe,EAAeC,GAIzBD,EAAcI,WAAa,OACpBJ,GACTK,eAEEC,EAAgC,SAAUL,GAE1C,SAASK,IACL,OAAkB,OAAXL,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAI/D,OANAX,EAAUqB,EAAgBL,GAI1BK,EAAeC,aAAe,eAC9BD,EAAeF,WAAa,QACrBE,GACTD,eC3CEpB,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCa,EAAmC,SAAUP,GAE7C,SAASO,EAAkBC,GACvB,IAAIC,EAAQT,EAAOU,KAAKf,KAAMa,IAAUb,KAQxC,OAPAc,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,eAAkBC,MAAS,QACjCL,EAAMM,uBAAyB,KAC/BN,EAAMO,cAAgB,KACtBP,EAAMQ,iBAAkB,EACxBR,EAAMS,WACCT,EAWX,OArBAzB,EAAUuB,EAAmBP,GAY7BO,EAAkBV,UAAUsB,OAAS,WACjC,KAAMxB,KAAKyB,UAAYzB,KAAKgB,kBAAqBhB,KAAK0B,aAAgB1B,KAAK2B,oBAKvE,OAAOC,gBAAoB,MAAO5B,KAAK6B,0BAA2BC,OAAO9B,KAAKa,MAAMkB,SAAU/B,KAAKuB,UAJnGlB,EAAOH,UAAUsB,OAAOT,KAAKf,MAC7BA,KAAKgB,kBAAmB,GAMzBJ,GACToB,YACFC,cACYrB,GAAoBsB,gBAAeC,cC/C/C,IAAI9C,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GA0BxCqC,EAAgC,SAAU/B,GAE1C,SAAS+B,IACL,OAAkB,OAAX/B,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAI/D,OANAX,EAAU+C,EAAgB/B,GAI1B+B,EAAe5B,WAAa,QAC5B4B,EAAeC,iBAAoBC,gBAAiB,gBAAiBC,iBAAkB,kBAChFH,GACT3B,eAEE+B,EAAiC,SAAUnC,GAE3C,SAASmC,IACL,OAAkB,OAAXnC,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAI/D,OANAX,EAAUmD,EAAiBnC,GAI3BmC,EAAgB7B,aAAe,SAC/B6B,EAAgBhC,WAAa,SACtBgC,GACT/B,eC5CEpB,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxC0C,EAA0C,SAAUpC,GAEpD,SAASoC,EAAyB5B,GAC9B,IAAIC,EAAQT,EAAOU,KAAKf,KAAMa,IAAUb,KAQxC,OAPAc,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,eAAkBwB,OAAU,SAClC5B,EAAMM,uBAAyB,KAC/BN,EAAMO,cAAgB,KACtBP,EAAMQ,iBAAkB,EACxBR,EAAMS,WACCT,EAWX,OArBAzB,EAAUoD,EAA0BpC,GAYpCoC,EAAyBvC,UAAUsB,OAAS,WACxC,KAAMxB,KAAKyB,UAAYzB,KAAKgB,kBAAqBhB,KAAK0B,aAAgB1B,KAAK2B,oBAKvE,OAAOC,gBAAoB,MAAO5B,KAAK6B,0BAA2BC,OAAO9B,KAAKa,MAAMkB,SAAU/B,KAAKuB,UAJnGlB,EAAOH,UAAUsB,OAAOT,KAAKf,MAC7BA,KAAKgB,kBAAmB,GAMzByB,GACTE,mBACFV,cACYQ,GAA2BP,gBAAeC"}
+{"version":3,"file":"ej2-react-layouts.umd.min.js","sources":["../src/splitter/panesettings-directive.js","../src/splitter/splitter.component.js","../src/dashboard-layout/panels-directive.js","../src/dashboard-layout/dashboardlayout.component.js","../src/timeline/items-directive.js","../src/timeline/timeline.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * PanesDirective` represent a panes of the react splitter.\n * It must be contained in a Splitter component(`SplitterComponent`).\n * ```tsx\n * <SplitterComponent>\n *   <PaneSettingsDirective>\n *     <PaneDirective size={this.Pane1Size}></PaneDirective>\n *     <PaneDirective size={this.Pane2Size}></PaneDirective>\n *   <PaneSettingsDirective>\n * </SplitterComponent>\n * ```\n */\nvar PaneDirective = /** @class */ (function (_super) {\n    __extends(PaneDirective, _super);\n    function PaneDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    PaneDirective.moduleName = 'pane';\n    return PaneDirective;\n}(ComplexBase));\nexport { PaneDirective };\nvar PanesDirective = /** @class */ (function (_super) {\n    __extends(PanesDirective, _super);\n    function PanesDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    PanesDirective.propertyName = 'paneSettings';\n    PanesDirective.moduleName = 'panes';\n    return PanesDirective;\n}(ComplexBase));\nexport { PanesDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { Splitter } from '@syncfusion/ej2-layouts';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Splitter Component\n * ```html\n * <Splitter></Splitter>\n * ```\n */\nvar SplitterComponent = /** @class */ (function (_super) {\n    __extends(SplitterComponent, _super);\n    function SplitterComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.directivekeys = { 'panes': 'pane' };\n        _this.statelessTemplateProps = null;\n        _this.templateProps = null;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    SplitterComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return SplitterComponent;\n}(Splitter));\nexport { SplitterComponent };\napplyMixins(SplitterComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `PanelsDirective` represent a presets of the react dashboardlayout.\n * It must be contained in a dashboardlayout component(`DashBoardLayoutComponent`).\n * ```tsx\n * <DashBoardLayoutComponent>\n * <PanelsDirective>\n * <PanelDirective></PanelDirective>\n * <PanelDirective></PanelDirective>\n * </PanelsDirective>\n * </DashBoardLayoutComponent>\n * ```\n */\nvar PanelDirective = /** @class */ (function (_super) {\n    __extends(PanelDirective, _super);\n    function PanelDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    PanelDirective.moduleName = 'panel';\n    PanelDirective.complexTemplate = { 'panels.header': 'panels.header', 'panels.content': 'panels.content' };\n    return PanelDirective;\n}(ComplexBase));\nexport { PanelDirective };\nvar PanelsDirective = /** @class */ (function (_super) {\n    __extends(PanelsDirective, _super);\n    function PanelsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    PanelsDirective.propertyName = 'panels';\n    PanelsDirective.moduleName = 'panels';\n    return PanelsDirective;\n}(ComplexBase));\nexport { PanelsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { DashboardLayout } from '@syncfusion/ej2-layouts';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the Essential JS 2 React DashboardLayout Component.\n * ```ts\n * <DashBoardLayoutComponent></DashBoardLayoutComponent>\n * ```\n */\nvar DashboardLayoutComponent = /** @class */ (function (_super) {\n    __extends(DashboardLayoutComponent, _super);\n    function DashboardLayoutComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.directivekeys = { 'panels': 'panel' };\n        _this.statelessTemplateProps = null;\n        _this.templateProps = null;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    DashboardLayoutComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return DashboardLayoutComponent;\n}(DashboardLayout));\nexport { DashboardLayoutComponent };\napplyMixins(DashboardLayoutComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ItemDirective` represents a item of the React Timeline.\n * It must be contained in a Timeline component(`TimelineComponent`).\n * ```tsx\n * <TimelineComponent>\n *  <ItemsDirective>\n *   <ItemDirective dotCss= { 'e-icons e-folder' } content= { 'Item 1' } />\n *   <ItemDirective dotCss= { 'e-icons e-folder' } content= { 'Item 2' } />\n *  </ItemsDirective>\n * </TimelineComponent>\n * ```\n */\nvar ItemDirective = /** @class */ (function (_super) {\n    __extends(ItemDirective, _super);\n    function ItemDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ItemDirective.moduleName = 'item';\n    return ItemDirective;\n}(ComplexBase));\nexport { ItemDirective };\nvar ItemsDirective = /** @class */ (function (_super) {\n    __extends(ItemsDirective, _super);\n    function ItemsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ItemsDirective.propertyName = 'items';\n    ItemsDirective.moduleName = 'items';\n    return ItemsDirective;\n}(ComplexBase));\nexport { ItemsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { Timeline } from '@syncfusion/ej2-layouts';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `TimelineComponent` represents the react Timeline Component.\n * ```ts\n * <TimelineComponent items={timelineItems} />\n * ```\n */\nvar TimelineComponent = /** @class */ (function (_super) {\n    __extends(TimelineComponent, _super);\n    function TimelineComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.directivekeys = { 'items': 'item' };\n        _this.statelessTemplateProps = null;\n        _this.templateProps = null;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    TimelineComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return TimelineComponent;\n}(Timeline));\nexport { TimelineComponent };\napplyMixins(TimelineComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","PaneDirective","_super","apply","arguments","moduleName","ComplexBase","PanesDirective","propertyName","SplitterComponent","props","_this","call","initRenderCalled","checkInjectedModules","directivekeys","panes","statelessTemplateProps","templateProps","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","Splitter","ej2ReactBase","ComponentBase","React.Component","PanelDirective","complexTemplate","panels.header","panels.content","PanelsDirective","DashboardLayoutComponent","panels","DashboardLayout","ItemDirective","ItemsDirective","TimelineComponent","items","Timeline"],"mappings":"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"}

package/dist/es6/ej2-react-layouts.es2015.js

@@ -1,6 +1,6 @@
 import { ComplexBase, ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
 import { Component, createElement } from 'react';
-import { DashboardLayout, Splitter } from '@syncfusion/ej2-layouts';
+import { DashboardLayout, Splitter, Timeline } from '@syncfusion/ej2-layouts';
 
 /**
  * PanesDirective` represent a panes of the react splitter.
@@ -101,6 +101,55 @@ class DashboardLayoutComponent extends DashboardLayout {
 }
 applyMixins(DashboardLayoutComponent, [ComponentBase, Component]);
 
-export { PaneDirective, PanesDirective, SplitterComponent, PanelDirective, PanelsDirective, DashboardLayoutComponent };
+/**
+ * `ItemDirective` represents a item of the React Timeline.
+ * It must be contained in a Timeline component(`TimelineComponent`).
+ * ```tsx
+ * <TimelineComponent>
+ *  <ItemsDirective>
+ *   <ItemDirective dotCss= { 'e-icons e-folder' } content= { 'Item 1' } />
+ *   <ItemDirective dotCss= { 'e-icons e-folder' } content= { 'Item 2' } />
+ *  </ItemsDirective>
+ * </TimelineComponent>
+ * ```
+ */
+class ItemDirective extends ComplexBase {
+}
+ItemDirective.moduleName = 'item';
+class ItemsDirective extends ComplexBase {
+}
+ItemsDirective.propertyName = 'items';
+ItemsDirective.moduleName = 'items';
+
+/**
+ * `TimelineComponent` represents the react Timeline Component.
+ * ```ts
+ * <TimelineComponent items={timelineItems} />
+ * ```
+ */
+class TimelineComponent extends Timeline {
+    constructor(props) {
+        super(props);
+        this.initRenderCalled = false;
+        this.checkInjectedModules = false;
+        this.directivekeys = { 'items': 'item' };
+        this.statelessTemplateProps = null;
+        this.templateProps = null;
+        this.immediateRender = false;
+        this.portals = [];
+    }
+    render() {
+        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
+            super.render();
+            this.initRenderCalled = true;
+        }
+        else {
+            return createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));
+        }
+    }
+}
+applyMixins(TimelineComponent, [ComponentBase, Component]);
+
+export { PaneDirective, PanesDirective, SplitterComponent, PanelDirective, PanelsDirective, DashboardLayoutComponent, ItemDirective, ItemsDirective, TimelineComponent };
 export * from '@syncfusion/ej2-layouts';
 //# sourceMappingURL=ej2-react-layouts.es2015.js.map

package/dist/es6/ej2-react-layouts.es2015.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-layouts.es2015.js","sources":["../src/es6/splitter/panesettings-directive.js","../src/es6/splitter/splitter.component.js","../src/es6/dashboard-layout/panels-directive.js","../src/es6/dashboard-layout/dashboardlayout.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * PanesDirective` represent a panes of the react splitter.\n * It must be contained in a Splitter component(`SplitterComponent`).\n * ```tsx\n * <SplitterComponent>\n *   <PaneSettingsDirective>\n *     <PaneDirective size={this.Pane1Size}></PaneDirective>\n *     <PaneDirective size={this.Pane2Size}></PaneDirective>\n *   <PaneSettingsDirective>\n * </SplitterComponent>\n * ```\n */\nexport class PaneDirective extends ComplexBase {\n}\nPaneDirective.moduleName = 'pane';\nexport class PanesDirective extends ComplexBase {\n}\nPanesDirective.propertyName = 'paneSettings';\nPanesDirective.moduleName = 'panes';\n","import * as React from 'react';\nimport { Splitter } from '@syncfusion/ej2-layouts';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Splitter Component\n * ```html\n * <Splitter></Splitter>\n * ```\n */\nexport class SplitterComponent extends Splitter {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'panes': 'pane' };\n        this.statelessTemplateProps = null;\n        this.templateProps = null;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(SplitterComponent, [ComponentBase, React.Component]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `PanelsDirective` represent a presets of the react dashboardlayout.\n * It must be contained in a dashboardlayout component(`DashBoardLayoutComponent`).\n * ```tsx\n * <DashBoardLayoutComponent>\n * <PanelsDirective>\n * <PanelDirective></PanelDirective>\n * <PanelDirective></PanelDirective>\n * </PanelsDirective>\n * </DashBoardLayoutComponent>\n * ```\n */\nexport class PanelDirective extends ComplexBase {\n}\nPanelDirective.moduleName = 'panel';\nPanelDirective.complexTemplate = { 'panels.header': 'panels.header', 'panels.content': 'panels.content' };\nexport class PanelsDirective extends ComplexBase {\n}\nPanelsDirective.propertyName = 'panels';\nPanelsDirective.moduleName = 'panels';\n","import * as React from 'react';\nimport { DashboardLayout } from '@syncfusion/ej2-layouts';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the Essential JS 2 React DashboardLayout Component.\n * ```ts\n * <DashBoardLayoutComponent></DashBoardLayoutComponent>\n * ```\n */\nexport class DashboardLayoutComponent extends DashboardLayout {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'panels': 'panel' };\n        this.statelessTemplateProps = null;\n        this.templateProps = null;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(DashboardLayoutComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":"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"}
+{"version":3,"file":"ej2-react-layouts.es2015.js","sources":["../src/es6/splitter/panesettings-directive.js","../src/es6/splitter/splitter.component.js","../src/es6/dashboard-layout/panels-directive.js","../src/es6/dashboard-layout/dashboardlayout.component.js","../src/es6/timeline/items-directive.js","../src/es6/timeline/timeline.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * PanesDirective` represent a panes of the react splitter.\n * It must be contained in a Splitter component(`SplitterComponent`).\n * ```tsx\n * <SplitterComponent>\n *   <PaneSettingsDirective>\n *     <PaneDirective size={this.Pane1Size}></PaneDirective>\n *     <PaneDirective size={this.Pane2Size}></PaneDirective>\n *   <PaneSettingsDirective>\n * </SplitterComponent>\n * ```\n */\nexport class PaneDirective extends ComplexBase {\n}\nPaneDirective.moduleName = 'pane';\nexport class PanesDirective extends ComplexBase {\n}\nPanesDirective.propertyName = 'paneSettings';\nPanesDirective.moduleName = 'panes';\n","import * as React from 'react';\nimport { Splitter } from '@syncfusion/ej2-layouts';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Splitter Component\n * ```html\n * <Splitter></Splitter>\n * ```\n */\nexport class SplitterComponent extends Splitter {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'panes': 'pane' };\n        this.statelessTemplateProps = null;\n        this.templateProps = null;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(SplitterComponent, [ComponentBase, React.Component]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `PanelsDirective` represent a presets of the react dashboardlayout.\n * It must be contained in a dashboardlayout component(`DashBoardLayoutComponent`).\n * ```tsx\n * <DashBoardLayoutComponent>\n * <PanelsDirective>\n * <PanelDirective></PanelDirective>\n * <PanelDirective></PanelDirective>\n * </PanelsDirective>\n * </DashBoardLayoutComponent>\n * ```\n */\nexport class PanelDirective extends ComplexBase {\n}\nPanelDirective.moduleName = 'panel';\nPanelDirective.complexTemplate = { 'panels.header': 'panels.header', 'panels.content': 'panels.content' };\nexport class PanelsDirective extends ComplexBase {\n}\nPanelsDirective.propertyName = 'panels';\nPanelsDirective.moduleName = 'panels';\n","import * as React from 'react';\nimport { DashboardLayout } from '@syncfusion/ej2-layouts';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the Essential JS 2 React DashboardLayout Component.\n * ```ts\n * <DashBoardLayoutComponent></DashBoardLayoutComponent>\n * ```\n */\nexport class DashboardLayoutComponent extends DashboardLayout {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'panels': 'panel' };\n        this.statelessTemplateProps = null;\n        this.templateProps = null;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(DashboardLayoutComponent, [ComponentBase, React.Component]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ItemDirective` represents a item of the React Timeline.\n * It must be contained in a Timeline component(`TimelineComponent`).\n * ```tsx\n * <TimelineComponent>\n *  <ItemsDirective>\n *   <ItemDirective dotCss= { 'e-icons e-folder' } content= { 'Item 1' } />\n *   <ItemDirective dotCss= { 'e-icons e-folder' } content= { 'Item 2' } />\n *  </ItemsDirective>\n * </TimelineComponent>\n * ```\n */\nexport class ItemDirective extends ComplexBase {\n}\nItemDirective.moduleName = 'item';\nexport class ItemsDirective extends ComplexBase {\n}\nItemsDirective.propertyName = 'items';\nItemsDirective.moduleName = 'items';\n","import * as React from 'react';\nimport { Timeline } from '@syncfusion/ej2-layouts';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `TimelineComponent` represents the react Timeline Component.\n * ```ts\n * <TimelineComponent items={timelineItems} />\n * ```\n */\nexport class TimelineComponent extends Timeline {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'items': 'item' };\n        this.statelessTemplateProps = null;\n        this.templateProps = null;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(TimelineComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":"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"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-layouts@*",
-  "_id": "@syncfusion/ej2-react-layouts@24.2.3",
+  "_id": "@syncfusion/ej2-react-layouts@21.4.6",
   "_inBundle": false,
-  "_integrity": "sha512-PAwmT9ouZcdoCcstFf9P6iOdestVYPY5MvVtkrJmfBG/a4rI9NRRjGo7gBpzCAhmGUBI8Kk9XPKX3rrNzn3EkQ==",
+  "_integrity": "sha512-vV0+SBCNQt2WULlBV1ByuBs3bHYCNjCoSyX7ZFxAsIzAtF/QtyXhZolmmycOEVNZt8G0/UNknXht66xXfKu0Pw==",
   "_location": "/@syncfusion/ej2-react-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-24.2.3.tgz",
-  "_shasum": "84c069f9e06ab950bc770d1bc6c5faa7f240309e",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-21.4.6.tgz",
+  "_shasum": "1a5cfa6afc1f9a65cc031beafb1b3f9164fa489f",
   "_spec": "@syncfusion/ej2-react-layouts@*",
-  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,11 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.3",
-    "@syncfusion/ej2-layouts": "24.2.4",
-    "@syncfusion/ej2-react-base": "~24.2.3",
-    "awesome-typescript-loader": "^3.1.3",
-    "source-map-loader": "^0.2.1"
+    "@syncfusion/ej2-base": "~25.1.35",
+    "@syncfusion/ej2-layouts": "25.1.35",
+    "@syncfusion/ej2-react-base": "~25.1.35"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person. for React",
@@ -53,8 +51,8 @@
   "name": "@syncfusion/ej2-react-layouts",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-react-layouts.git"
+    "url": "https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "24.2.4",
+  "version": "25.1.35",
   "sideEffects": false
 }

package/src/index.d.ts

@@ -1,3 +1,4 @@
 export * from './splitter';
 export * from './dashboard-layout';
+export * from './timeline';
 export * from '@syncfusion/ej2-layouts';

package/src/index.js

@@ -1,3 +1,4 @@
 export * from './splitter';
 export * from './dashboard-layout';
+export * from './timeline';
 export * from '@syncfusion/ej2-layouts';

package/src/timeline/index.d.ts

@@ -0,0 +1,2 @@
+export * from './items-directive';
+export * from './timeline.component';

package/src/timeline/index.js

@@ -0,0 +1,2 @@
+export * from './items-directive';
+export * from './timeline.component';

package/src/timeline/items-directive.d.ts

@@ -0,0 +1,23 @@
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+import { TimelineItemModel } from '@syncfusion/ej2-layouts';
+/**
+ * `ItemDirective` represents a item of the React Timeline.
+ * It must be contained in a Timeline component(`TimelineComponent`).
+ * ```tsx
+ * <TimelineComponent>
+ *  <ItemsDirective>
+ *   <ItemDirective dotCss= { 'e-icons e-folder' } content= { 'Item 1' } />
+ *   <ItemDirective dotCss= { 'e-icons e-folder' } content= { 'Item 2' } />
+ *  </ItemsDirective>
+ * </TimelineComponent>
+ * ```
+ */
+export declare class ItemDirective extends ComplexBase<TimelineItemModel & {
+    children?: React.ReactNode;
+}, TimelineItemModel> {
+    static moduleName: string;
+}
+export declare class ItemsDirective extends ComplexBase<{}, {}> {
+    static propertyName: string;
+    static moduleName: string;
+}

package/src/timeline/items-directive.js

@@ -0,0 +1,45 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+/**
+ * `ItemDirective` represents a item of the React Timeline.
+ * It must be contained in a Timeline component(`TimelineComponent`).
+ * ```tsx
+ * <TimelineComponent>
+ *  <ItemsDirective>
+ *   <ItemDirective dotCss= { 'e-icons e-folder' } content= { 'Item 1' } />
+ *   <ItemDirective dotCss= { 'e-icons e-folder' } content= { 'Item 2' } />
+ *  </ItemsDirective>
+ * </TimelineComponent>
+ * ```
+ */
+var ItemDirective = /** @class */ (function (_super) {
+    __extends(ItemDirective, _super);
+    function ItemDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ItemDirective.moduleName = 'item';
+    return ItemDirective;
+}(ComplexBase));
+export { ItemDirective };
+var ItemsDirective = /** @class */ (function (_super) {
+    __extends(ItemsDirective, _super);
+    function ItemsDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ItemsDirective.propertyName = 'items';
+    ItemsDirective.moduleName = 'items';
+    return ItemsDirective;
+}(ComplexBase));
+export { ItemsDirective };

package/src/timeline/timeline.component.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { Timeline, TimelineModel } from '@syncfusion/ej2-layouts';
+import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+export interface TimelineTypecast {
+    template?: string | Function | any;
+    content?: string | Function | any;
+    oppositeContent?: string | Function | any;
+}
+/**
+ * `TimelineComponent` represents the react Timeline Component.
+ * ```ts
+ * <TimelineComponent items={timelineItems} />
+ * ```
+ */
+export declare class TimelineComponent extends Timeline {
+    state: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<TimelineModel | DefaultHtmlAttributes | TimelineTypecast>;
+    setState: any;
+    private getDefaultAttributes;
+    initRenderCalled: boolean;
+    private checkInjectedModules;
+    directivekeys: {
+        [key: string]: Object;
+    };
+    private statelessTemplateProps;
+    private templateProps;
+    private immediateRender;
+    props: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<TimelineModel | DefaultHtmlAttributes | TimelineTypecast>;
+    forceUpdate: (callBack?: () => any) => void;
+    context: Object;
+    portals: any;
+    isReactComponent: Object;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    constructor(props: any);
+    render(): any;
+}

package/src/timeline/timeline.component.js

@@ -0,0 +1,48 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import * as React from 'react';
+import { Timeline } from '@syncfusion/ej2-layouts';
+import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
+/**
+ * `TimelineComponent` represents the react Timeline Component.
+ * ```ts
+ * <TimelineComponent items={timelineItems} />
+ * ```
+ */
+var TimelineComponent = /** @class */ (function (_super) {
+    __extends(TimelineComponent, _super);
+    function TimelineComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.initRenderCalled = false;
+        _this.checkInjectedModules = false;
+        _this.directivekeys = { 'items': 'item' };
+        _this.statelessTemplateProps = null;
+        _this.templateProps = null;
+        _this.immediateRender = false;
+        _this.portals = [];
+        return _this;
+    }
+    TimelineComponent.prototype.render = function () {
+        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
+            _super.prototype.render.call(this);
+            this.initRenderCalled = true;
+        }
+        else {
+            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));
+        }
+    };
+    return TimelineComponent;
+}(Timeline));
+export { TimelineComponent };
+applyMixins(TimelineComponent, [ComponentBase, React.Component]);

package/styles/bootstrap-dark.scss

@@ -2,3 +2,4 @@
 @import 'card/bootstrap-dark.scss';
 @import 'splitter/bootstrap-dark.scss';
 @import 'dashboard-layout/bootstrap-dark.scss';
+@import 'timeline/bootstrap-dark.scss';

package/styles/bootstrap.scss

@@ -2,3 +2,4 @@
 @import 'card/bootstrap.scss';
 @import 'splitter/bootstrap.scss';
 @import 'dashboard-layout/bootstrap.scss';
+@import 'timeline/bootstrap.scss';

package/styles/bootstrap4.scss

@@ -2,3 +2,4 @@
 @import 'card/bootstrap4.scss';
 @import 'splitter/bootstrap4.scss';
 @import 'dashboard-layout/bootstrap4.scss';
+@import 'timeline/bootstrap4.scss';

package/styles/bootstrap5-dark.scss

@@ -2,3 +2,4 @@
 @import 'card/bootstrap5-dark.scss';
 @import 'splitter/bootstrap5-dark.scss';
 @import 'dashboard-layout/bootstrap5-dark.scss';
+@import 'timeline/bootstrap5-dark.scss';

package/styles/bootstrap5.scss

@@ -2,3 +2,4 @@
 @import 'card/bootstrap5.scss';
 @import 'splitter/bootstrap5.scss';
 @import 'dashboard-layout/bootstrap5.scss';
+@import 'timeline/bootstrap5.scss';

package/styles/fabric-dark.scss

@@ -2,3 +2,4 @@
 @import 'card/fabric-dark.scss';
 @import 'splitter/fabric-dark.scss';
 @import 'dashboard-layout/fabric-dark.scss';
+@import 'timeline/fabric-dark.scss';

package/styles/fabric.scss

@@ -2,3 +2,4 @@
 @import 'card/fabric.scss';
 @import 'splitter/fabric.scss';
 @import 'dashboard-layout/fabric.scss';
+@import 'timeline/fabric.scss';

package/styles/fluent-dark.scss

@@ -2,3 +2,4 @@
 @import 'card/fluent-dark.scss';
 @import 'splitter/fluent-dark.scss';
 @import 'dashboard-layout/fluent-dark.scss';
+@import 'timeline/fluent-dark.scss';

package/styles/fluent.scss

@@ -2,3 +2,4 @@
 @import 'card/fluent.scss';
 @import 'splitter/fluent.scss';
 @import 'dashboard-layout/fluent.scss';
+@import 'timeline/fluent.scss';

package/styles/highcontrast-light.scss

@@ -2,3 +2,4 @@
 @import 'card/highcontrast-light.scss';
 @import 'splitter/highcontrast-light.scss';
 @import 'dashboard-layout/highcontrast-light.scss';
+@import 'timeline/highcontrast-light.scss';

package/styles/highcontrast.scss

@@ -2,3 +2,4 @@
 @import 'card/highcontrast.scss';
 @import 'splitter/highcontrast.scss';
 @import 'dashboard-layout/highcontrast.scss';
+@import 'timeline/highcontrast.scss';

package/styles/material-dark.scss

@@ -2,3 +2,4 @@
 @import 'card/material-dark.scss';
 @import 'splitter/material-dark.scss';
 @import 'dashboard-layout/material-dark.scss';
+@import 'timeline/material-dark.scss';

package/styles/material.scss

@@ -2,3 +2,4 @@
 @import 'card/material.scss';
 @import 'splitter/material.scss';
 @import 'dashboard-layout/material.scss';
+@import 'timeline/material.scss';

package/styles/material3-dark.scss

@@ -3,3 +3,4 @@
 @import 'card/material3-dark.scss';
 @import 'splitter/material3-dark.scss';
 @import 'dashboard-layout/material3-dark.scss';
+@import 'timeline/material3-dark.scss';

package/styles/material3.scss

@@ -3,3 +3,4 @@
 @import 'card/material3.scss';
 @import 'splitter/material3.scss';
 @import 'dashboard-layout/material3.scss';
+@import 'timeline/material3.scss';

package/styles/tailwind-dark.scss

@@ -2,3 +2,4 @@
 @import 'card/tailwind-dark.scss';
 @import 'splitter/tailwind-dark.scss';
 @import 'dashboard-layout/tailwind-dark.scss';
+@import 'timeline/tailwind-dark.scss';

package/styles/tailwind.scss

@@ -2,3 +2,4 @@
 @import 'card/tailwind.scss';
 @import 'splitter/tailwind.scss';
 @import 'dashboard-layout/tailwind.scss';
+@import 'timeline/tailwind.scss';

package/styles/timeline/bootstrap-dark.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/bootstrap-dark.css';

package/styles/timeline/bootstrap-dark.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/bootstrap-dark.scss';

package/styles/timeline/bootstrap.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/bootstrap.css';

package/styles/timeline/bootstrap.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/bootstrap.scss';

package/styles/timeline/bootstrap4.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/bootstrap4.css';

package/styles/timeline/bootstrap4.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/bootstrap4.scss';

package/styles/timeline/bootstrap5-dark.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/bootstrap5-dark.css';

package/styles/timeline/bootstrap5-dark.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/bootstrap5-dark.scss';

package/styles/timeline/bootstrap5.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/bootstrap5.css';

package/styles/timeline/bootstrap5.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/bootstrap5.scss';

package/styles/timeline/fabric-dark.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/fabric-dark.css';

package/styles/timeline/fabric-dark.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/fabric-dark.scss';

package/styles/timeline/fabric.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/fabric.css';

package/styles/timeline/fabric.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/fabric.scss';

package/styles/timeline/fluent-dark.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/fluent-dark.css';

package/styles/timeline/fluent-dark.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/fluent-dark.scss';

package/styles/timeline/fluent.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/fluent.css';

package/styles/timeline/fluent.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/fluent.scss';

package/styles/timeline/highcontrast-light.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/highcontrast-light.css';

package/styles/timeline/highcontrast-light.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/highcontrast-light.scss';

package/styles/timeline/highcontrast.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/highcontrast.css';

package/styles/timeline/highcontrast.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/highcontrast.scss';

package/styles/timeline/material-dark.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/material-dark.css';

package/styles/timeline/material-dark.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/material-dark.scss';

package/styles/timeline/material.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/material.css';

package/styles/timeline/material.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/material.scss';

package/styles/timeline/material3-dark.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/material3-dark.css';

package/styles/timeline/material3-dark.scss

@@ -0,0 +1,2 @@
+
+@import 'ej2-layouts/styles/timeline/material3-dark.scss';

package/styles/timeline/material3.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/material3.css';

package/styles/timeline/material3.scss

@@ -0,0 +1,2 @@
+
+@import 'ej2-layouts/styles/timeline/material3.scss';

package/styles/timeline/tailwind-dark.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/tailwind-dark.css';

package/styles/timeline/tailwind-dark.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/tailwind-dark.scss';

package/styles/timeline/tailwind.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-layouts/styles/timeline/tailwind.css';

package/styles/timeline/tailwind.scss

@@ -0,0 +1 @@
+@import 'ej2-layouts/styles/timeline/tailwind.scss';

package/timeline.d.ts

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

package/timeline.js

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