@syncfusion/ej2-react-layouts 24.2.4 → 25.1.37

package/CHANGELOG.md

@@ -2,11 +2,36 @@
 
 ## [Unreleased]
 
-### Dashboard Layout
+### DashboardLayout
 
 #### Bug Fixes
 
-- `#FB49154` - The console error in the Dashboard Layout component when resizing the browser window has been resolved.
+- `#I564184` - Resolved the issue with the dynamically added panel not being persisted when `enablePersistence` is enabled in the Dashboard Layout.
+
+## 25.1.35 (2024-03-15)
+
+### Timeline
+
+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.
+
 
 ## 20.4.48 (2023-02-01)
 

package/README.md

@@ -1,6 +1,6 @@
 # ej2-react-layouts
 
-The layout package contains cards, avatars, splitter and Dashboard Layout components. 
+The layout package contains cards, avatars, splitter, timeline and Dashboard Layout components. 
 
 * The `card` is a small container in which user can show defined content in specific structure. 
 
@@ -8,6 +8,8 @@ The layout package contains cards, avatars, splitter and Dashboard Layout compon
 
 * The `splitter` is container component which used to construct different layouts using multiple and nested panes.
 
+* The `timeline` is a tool for displaying chronological information effortlessly within your application. It offers a visually compelling and user-friendly experience for showcasing user activities, tracking progress, or narrating historical timelines.
+
 * The `DashboardLayout` is a grid structured layout component that helps to create a dashboard with panels. Panels hold the UI components and allow resize, reorder, drag-n-drop, remove and add options. This allows users to easily place the components at the desired position within the grid layout.
 
 ![Layout](https://ej2.syncfusion.com/products/images/layout/readme.png)
@@ -40,6 +42,10 @@ Following list of components are available in the package
   * [Getting Started](https://ej2.syncfusion.com/react/documentation/splitter/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm)
   * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm#/material/splitter/default)
 
+* [React Timeline](https://www.syncfusion.com/react-ui-components/react-timeline?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm) - Used to build timelines to showcases user activities, tracking progress, narrating historical timelines, and more.
+  * [Getting Started](https://ej2.syncfusion.com/react/documentation/timeline/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm)
+  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm#/material/timeline/default)
+
 * [React Dashboard Layout](https://www.syncfusion.com/react-ui-components/react-dashboard-layout?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm) - Used to build dashboards with panels that holds the UI components and allow resize, reorder, drag-n-drop, remove and add options.
   * [Getting Started](https://ej2.syncfusion.com/react/documentation/dashboard-layout/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm)
   * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm#/material/dashboard-layout/default)
@@ -68,6 +74,7 @@ These components are available in following list of:
 ## Key Features
 
 * Card
+
   * [Header](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm#/material/card/basic) - Header supports to include title, subtitle along with image.
 
   * [Images and Title](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm#/material/card/reveal) - Support to include images with customizable caption positions in it.
@@ -88,6 +95,7 @@ These components are available in following list of:
         * xlarge
 
 * Splitter
+
   * [Multiple Panes](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm#/material/splitter/default) - Provided an option to configure more than two panes.
 
   * [Resizable Panes](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm#/material/splitter/code-editor-layout) - Supports resizable to adjust its pane size dynamically.
@@ -98,6 +106,18 @@ These components are available in following list of:
 
   * [Nested Panes](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm#/material/splitter/code-editor-layout) - Another splitter can be integrated within panes to create a complex layout.
 
+* Timeline
+
+  * [Orientation](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm#/material/timeline/api) - Display items in a horizontal or vertical orientation.
+
+  * [Opposite content](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm#/material/timeline/api) -  Display additional information opposite to the item content.
+  
+  * [Items alignment](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm#/material/timeline/api) - Items content and opposite content can be aligned - before, after, alternate, or alternate reverse.
+  
+  * [Reverse timeline](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm#/material/timeline/api) - Shows the timeline items in the reverse order.
+  
+  * [Templates](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm#/material/timeline/template) - Customize the default appearance, including styling the dot item, templated content, and more.
+
 * Dashboard Layout
  
    * [Drag and Drop](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-layout-npm#/material/dashboard-layout/properties.html) - Allows drag and drop of panels at the desired location within the dashboard.

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.37
 *  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.37
 *  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":"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"}
+{"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@25.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-PAwmT9ouZcdoCcstFf9P6iOdestVYPY5MvVtkrJmfBG/a4rI9NRRjGo7gBpzCAhmGUBI8Kk9XPKX3rrNzn3EkQ==",
+  "_integrity": "sha512-qULXE4NnWO9Y3I4XDbwRxUGbJ37MD+eKza1S+B+NR05I1pUz/ybkwK8SiKEQcmC2ZSJ5lb5ebxHEyNoqivNzqg==",
   "_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-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-25.1.35.tgz",
+  "_shasum": "b0346eff9f24b5be082b478d2b96351614324ef8",
   "_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.37",
+    "@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.37",
   "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';