@syncfusion/ej2-react-layouts 21.1.37 → 21.2.3

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

@@ -1,10 +1,10 @@
 /*!
 *  filename: ej2-react-layouts.min.js
-*  version : 21.1.37
+*  version : 21.2.3
 *  Copyright Syncfusion Inc. 2001 - 2020. 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.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={panelsHeader:"panels.header",panelsContent:"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.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=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={panelsHeader:"panels.header",panelsContent:"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])}])});

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

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-react-layouts.umd.min.js
-*  version : 21.1.37
+*  version : 21.2.3
 *  Copyright Syncfusion Inc. 2001 - 2020. 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.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={panelsHeader:"panels.header",panelsContent:"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.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(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={panelsHeader:"panels.header",panelsContent:"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})});
 //# 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.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 = { 'panelsHeader': 'panels.header', 'panelsContent': '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.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","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","Splitter","ej2ReactBase","ComponentBase","React.Component","PanelDirective","complexTemplate","panelsHeader","panelsContent","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"],"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 = { 'panelsHeader': 'panels.header', 'panelsContent': '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","panelsHeader","panelsContent","PanelsDirective","DashboardLayoutComponent","panels","DashboardLayout"],"mappings":"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"}

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

@@ -35,6 +35,7 @@ class SplitterComponent extends Splitter {
         this.checkInjectedModules = false;
         this.directivekeys = { 'panes': 'pane' };
         this.statelessTemplateProps = null;
+        this.templateProps = null;
         this.immediateRender = false;
         this.portals = [];
     }
@@ -84,6 +85,7 @@ class DashboardLayoutComponent extends DashboardLayout {
         this.checkInjectedModules = false;
         this.directivekeys = { 'panels': 'panel' };
         this.statelessTemplateProps = null;
+        this.templateProps = null;
         this.immediateRender = false;
         this.portals = [];
     }

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.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 = { 'panelsHeader': 'panels.header', 'panelsContent': '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.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"],"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 = { 'panelsHeader': 'panels.header', 'panelsContent': '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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"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-layouts@*",
-  "_id": "@syncfusion/ej2-react-layouts@21.1.35",
+  "_id": "@syncfusion/ej2-react-layouts@21.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-Ao5//dqsDEybFKyLHIdD3QHOu/S5OAa2Qc21nU75YZ8xzBScUG9YoNLxbUl+GEYPwtEzzuKddRqUNSeJN0/KIw==",
+  "_integrity": "sha512-3MliOkqQHg4W0QUJJscpOzWqie7Ko/HXI+PFSUw7UE9RU5DbsxP5Matf42jqWkpAqrgyymFqfxEKXnc3Va4H8g==",
   "_location": "/@syncfusion/ej2-react-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-21.1.35.tgz",
-  "_shasum": "f296682a8434f5b168e1a72914c5afc24925f2ed",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-21.2.3.tgz",
+  "_shasum": "ec5f2e35f63df459fbcae635ce3b7391144c976f",
   "_spec": "@syncfusion/ej2-react-layouts@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.1.37",
-    "@syncfusion/ej2-layouts": "21.1.37",
-    "@syncfusion/ej2-react-base": "~21.1.37"
+    "@syncfusion/ej2-base": "~21.2.3",
+    "@syncfusion/ej2-layouts": "21.2.3",
+    "@syncfusion/ej2-react-base": "~21.2.3"
   },
   "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",
@@ -56,6 +56,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "21.1.37",
+  "version": "21.2.3",
   "sideEffects": false
 }

package/src/dashboard-layout/dashboardlayout.component.d.ts

@@ -19,6 +19,7 @@ export declare class DashboardLayoutComponent extends DashboardLayout {
         [key: string]: Object;
     };
     private statelessTemplateProps;
+    private templateProps;
     private immediateRender;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];

package/src/dashboard-layout/dashboardlayout.component.js

@@ -28,6 +28,7 @@ var DashboardLayoutComponent = /** @class */ (function (_super) {
         _this.checkInjectedModules = false;
         _this.directivekeys = { 'panels': 'panel' };
         _this.statelessTemplateProps = null;
+        _this.templateProps = null;
         _this.immediateRender = false;
         _this.portals = [];
         return _this;

package/src/splitter/splitter.component.d.ts

@@ -19,6 +19,7 @@ export declare class SplitterComponent extends Splitter {
         [key: string]: Object;
     };
     private statelessTemplateProps;
+    private templateProps;
     private immediateRender;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];

package/src/splitter/splitter.component.js

@@ -28,6 +28,7 @@ var SplitterComponent = /** @class */ (function (_super) {
         _this.checkInjectedModules = false;
         _this.directivekeys = { 'panes': 'pane' };
         _this.statelessTemplateProps = null;
+        _this.templateProps = null;
         _this.immediateRender = false;
         _this.portals = [];
         return _this;