@syncfusion/ej2-react-layouts 20.4.53 → 21.1.37

package/CHANGELOG.md

@@ -2,23 +2,8 @@
 
 ## [Unreleased]
 
-### Dashboard Layout
-
-#### Bug Fixes
-
-- `#I443265` - The issue of the dragStop event being triggered twice has been resolved.
-
 ## 20.4.48 (2023-02-01)
 
-### Dashboard Layout
-
-#### Bug Fixes
-
-- `#I423971` - Provided cancel option in Drag Start and Drag Stop events of the Dashboard Layout component.
-
-- `#I423971` - Provided cancel option in Drag Start and Drag Stop events of the Dashboard Layout component.
-
-
 ### Splitter
 
 #### Bug Fixes

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

@@ -1,10 +1,10 @@
 /*!
 *  filename: ej2-react-layouts.min.js
-*  version : 20.4.53
+*  version : 21.1.37
 *  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,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("SyncfusionReactBase"),require("SyncfusionLayouts"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionLayouts","React"],n):"object"==typeof exports?exports.SyncfusionReactLayouts=n(require("SyncfusionReactBase"),require("SyncfusionLayouts"),require("React")):t.SyncfusionReactLayouts=n(t.SyncfusionReactBase,t.SyncfusionLayouts,t.React)}(this,function(t,n,e){return function(t){function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var e={};return n.m=t,n.c=e,n.i=function(t){return t},n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:r})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},n.p="",n(n.s=7)}([function(n,e){n.exports=t},function(t,e){t.exports=n},function(t,n){t.exports=e},function(t,n,e){"use strict";var r=e(6);e.d(n,"a",function(){return r.a}),e.d(n,"b",function(){return r.b});var o=e(5);e.d(n,"c",function(){return o.a})},function(t,n,e){"use strict";var r=e(8);e.d(n,"a",function(){return r.a}),e.d(n,"b",function(){return r.b});var o=e(9);e.d(n,"c",function(){return o.a})},function(t,n,e){"use strict";e.d(n,"a",function(){return c});var r=e(2),o=(e.n(r),e(1)),i=(e.n(o),e(0)),u=(e.n(i),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),c=function(t){function n(n){var e=t.call(this,n)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!1,e.directivekeys={panels:"panel"},e.immediateRender=!1,e.portals=[],e}return u(n,t),n.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},n}(o.DashboardLayout);e.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="panel",n.complexTemplate={panelsHeader:"panels.header",panelsContent:"panels.content"},n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="panels",n.moduleName="panels",n}(r.ComplexBase)},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var r=e(4);e.d(n,"PaneDirective",function(){return r.a}),e.d(n,"PanesDirective",function(){return r.b}),e.d(n,"SplitterComponent",function(){return r.c});var o=e(3);e.d(n,"PanelDirective",function(){return o.a}),e.d(n,"PanelsDirective",function(){return o.b}),e.d(n,"DashboardLayoutComponent",function(){return o.c});var i=e(1);e.n(i);for(var u in i)["PaneDirective","PanesDirective","SplitterComponent","PanelDirective","PanelsDirective","DashboardLayoutComponent","default"].indexOf(u)<0&&function(t){e.d(n,t,function(){return i[t]})}(u)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="pane",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="paneSettings",n.moduleName="panes",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return c});var r=e(2),o=(e.n(r),e(1)),i=(e.n(o),e(0)),u=(e.n(i),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),c=function(t){function n(n){var e=t.call(this,n)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!1,e.directivekeys={panes:"pane"},e.immediateRender=!1,e.portals=[],e}return u(n,t),n.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},n}(o.Splitter);e.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.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])}])});

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

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-react-layouts.umd.min.js
-*  version : 20.4.53
+*  version : 21.1.37
 *  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),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)}}(),s=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={panes:"pane"},n.immediateRender=!1,n.portals=[],n}return c(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(s,[t.ComponentBase,n.Component]);var p=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 p(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 p(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.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=s,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.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})});
 //# 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.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.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","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.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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"}

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

@@ -34,6 +34,7 @@ class SplitterComponent extends Splitter {
         this.initRenderCalled = false;
         this.checkInjectedModules = false;
         this.directivekeys = { 'panes': 'pane' };
+        this.statelessTemplateProps = null;
         this.immediateRender = false;
         this.portals = [];
     }
@@ -82,6 +83,7 @@ class DashboardLayoutComponent extends DashboardLayout {
         this.initRenderCalled = false;
         this.checkInjectedModules = false;
         this.directivekeys = { 'panels': 'panel' };
+        this.statelessTemplateProps = 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.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.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":";;;;AACA;;;;;;;;;;;;AAYA,AAAO,MAAM,aAAa,SAAS,WAAW,CAAC;CAC9C;AACD,aAAa,CAAC,UAAU,GAAG,MAAM,CAAC;AAClC,AAAO,MAAM,cAAc,SAAS,WAAW,CAAC;CAC/C;AACD,cAAc,CAAC,YAAY,GAAG,cAAc,CAAC;AAC7C,cAAc,CAAC,UAAU,GAAG,OAAO,CAAC;;AChBpC;;;;;;AAMA,AAAO,MAAM,iBAAiB,SAAS,QAAQ,CAAC;IAC5C,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,IAAI,CAAC,aAAa,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,iBAAiB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;AC3BjE;;;;;;;;;;;;AAYA,AAAO,MAAM,cAAc,SAAS,WAAW,CAAC;CAC/C;AACD,cAAc,CAAC,UAAU,GAAG,OAAO,CAAC;AACpC,cAAc,CAAC,eAAe,GAAG,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAC;AACxG,AAAO,MAAM,eAAe,SAAS,WAAW,CAAC;CAChD;AACD,eAAe,CAAC,YAAY,GAAG,QAAQ,CAAC;AACxC,eAAe,CAAC,UAAU,GAAG,QAAQ,CAAC;;ACjBtC;;;;;;AAMA,AAAO,MAAM,wBAAwB,SAAS,eAAe,CAAC;IAC1D,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,IAAI,CAAC,aAAa,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;QAC3C,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOD,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,wBAAwB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;"}
+{"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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"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-layouts@*",
-  "_id": "@syncfusion/ej2-react-layouts@20.4.48",
+  "_id": "@syncfusion/ej2-react-layouts@21.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-vdUQAGzJUv2K2FqtfYZzGEmEvpZOxPhVObDMR4EkcKIX3Ujy53VO2vQKznyuaCq+ndAsu6LgfTj/em9rgGa6ZQ==",
+  "_integrity": "sha512-Ao5//dqsDEybFKyLHIdD3QHOu/S5OAa2Qc21nU75YZ8xzBScUG9YoNLxbUl+GEYPwtEzzuKddRqUNSeJN0/KIw==",
   "_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-20.4.48.tgz",
-  "_shasum": "7b7e7c883d3058c1f76adb18b337c3a588dd579c",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-21.1.35.tgz",
+  "_shasum": "f296682a8434f5b168e1a72914c5afc24925f2ed",
   "_spec": "@syncfusion/ej2-react-layouts@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-layouts": "20.4.53",
-    "@syncfusion/ej2-react-base": "~20.4.48"
+    "@syncfusion/ej2-base": "~21.1.37",
+    "@syncfusion/ej2-layouts": "21.1.37",
+    "@syncfusion/ej2-react-base": "~21.1.37"
   },
   "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": "20.4.53",
+  "version": "21.1.37",
   "sideEffects": false
 }

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

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

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

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

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

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

package/src/splitter/splitter.component.js

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

package/styles/avatar/bootstrap-dark.css

@@ -28,6 +28,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }

package/styles/avatar/bootstrap.css

@@ -28,6 +28,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }

package/styles/avatar/bootstrap4.css

@@ -28,6 +28,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.65em;
 }

package/styles/avatar/bootstrap5-dark.css

@@ -29,6 +29,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;

package/styles/avatar/bootstrap5.css

@@ -29,6 +29,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;

package/styles/avatar/fabric-dark.css

@@ -28,6 +28,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }

package/styles/avatar/fabric.css

@@ -28,6 +28,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }

package/styles/avatar/fluent-dark.css

@@ -29,6 +29,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;

package/styles/avatar/fluent.css

@@ -29,6 +29,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;

package/styles/avatar/highcontrast-light.css

@@ -28,6 +28,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }

package/styles/avatar/highcontrast.css

@@ -28,6 +28,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }

package/styles/avatar/material-dark.css

@@ -29,6 +29,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }

package/styles/avatar/material.css

@@ -29,6 +29,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }

package/styles/avatar/tailwind-dark.css

@@ -30,6 +30,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;

package/styles/avatar/tailwind.css

@@ -30,6 +30,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;

package/styles/bootstrap-dark.css

@@ -28,6 +28,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
@@ -473,6 +476,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 16px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -490,7 +494,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #6e6e6e;
+  background: #6e6e6e;
   border: 1px solid #1a1a1a;
   box-shadow: none;
   color: #fff;

package/styles/bootstrap.css

@@ -28,6 +28,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
@@ -474,6 +477,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 12px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -491,7 +495,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #fff;
+  background: #fff;
   border: 1px solid #ddd;
   box-shadow: none;
   color: #333;

package/styles/bootstrap4.css

@@ -28,6 +28,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.65em;
 }
@@ -479,6 +482,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 16px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -496,7 +500,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #fff;
+  background: #fff;
   border: 1px solid rgba(0, 0, 0, 0.12);
   box-shadow: none;
   color: #212529;

package/styles/bootstrap5-dark.css

@@ -29,6 +29,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
@@ -488,6 +491,7 @@
   font-size: 14px;
   line-height: 1.5;
   padding: 12px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -505,7 +509,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: #0d6efd;
-  background-color: #212529;
+  background: #212529;
   border: 1px solid #444c54;
   box-shadow: none;
   color: #fff;

package/styles/bootstrap5.css

@@ -29,6 +29,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
@@ -488,6 +491,7 @@
   font-size: 14px;
   line-height: 1.5;
   padding: 12px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -505,7 +509,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: #0d6efd;
-  background-color: #fff;
+  background: #fff;
   border: 1px solid #dee2e6;
   box-shadow: none;
   color: #212529;

package/styles/card/bootstrap-dark.css

@@ -430,6 +430,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 16px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #6e6e6e;
+  background: #6e6e6e;
   border: 1px solid #1a1a1a;
   box-shadow: none;
   color: #fff;

package/styles/card/bootstrap.css

@@ -431,6 +431,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 12px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -448,7 +449,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #fff;
+  background: #fff;
   border: 1px solid #ddd;
   box-shadow: none;
   color: #333;

package/styles/card/bootstrap4.css

@@ -436,6 +436,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 16px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -453,7 +454,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #fff;
+  background: #fff;
   border: 1px solid rgba(0, 0, 0, 0.12);
   box-shadow: none;
   color: #212529;

package/styles/card/bootstrap5-dark.css

@@ -430,6 +430,7 @@
   font-size: 14px;
   line-height: 1.5;
   padding: 12px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: #0d6efd;
-  background-color: #212529;
+  background: #212529;
   border: 1px solid #444c54;
   box-shadow: none;
   color: #fff;

package/styles/card/bootstrap5.css

@@ -430,6 +430,7 @@
   font-size: 14px;
   line-height: 1.5;
   padding: 12px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: #0d6efd;
-  background-color: #fff;
+  background: #fff;
   border: 1px solid #dee2e6;
   box-shadow: none;
   color: #212529;

package/styles/card/fabric-dark.css

@@ -430,6 +430,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 16px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #201f1f;
+  background: #201f1f;
   border: 1px solid #dadada;
   box-shadow: none;
   color: #dadada;

package/styles/card/fabric.css

@@ -441,6 +441,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 12px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -458,7 +459,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #fff;
+  background: #fff;
   border: 1px solid #eaeaea;
   box-shadow: none;
   color: #333;

package/styles/card/fluent-dark.css

@@ -439,6 +439,7 @@
   font-size: 14px;
   line-height: 1.5;
   padding: 16px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -459,7 +460,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: #0078d4;
-  background-color: #252423;
+  background: #252423;
   border: 0 solid #292827;
   box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
   color: #f3f2f1;

package/styles/card/fluent.css

@@ -439,6 +439,7 @@
   font-size: 14px;
   line-height: 1.5;
   padding: 16px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -459,7 +460,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: #0078d4;
-  background-color: #fff;
+  background: #fff;
   border: 0 solid #edebe9;
   box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
   color: #201f1e;

package/styles/card/highcontrast-light.css

@@ -430,6 +430,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 16px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #ccc;
+  background: #ccc;
   border: 1px solid #757575;
   box-shadow: none;
   color: #000;

package/styles/card/highcontrast.css

@@ -442,6 +442,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 12px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -459,7 +460,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #000;
+  background: #000;
   border: 1px solid #969696;
   box-shadow: none;
   color: #fff;

package/styles/card/material-dark.css

@@ -431,6 +431,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 16px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -448,7 +449,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #303030;
+  background: #303030;
   border: 1px solid #000;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
   color: #000;

package/styles/card/material.css

@@ -430,6 +430,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 12px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -447,7 +448,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #fff;
+  background: #fff;
   border: 1px none #000;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
   color: rgba(0, 0, 0, 0.87);

package/styles/card/tailwind-dark.css

@@ -429,6 +429,7 @@
   font-size: 14px;
   line-height: 1.5;
   padding: 0 18px 12px 18px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -449,7 +450,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: #22d3ee;
-  background-color: #1f2937;
+  background: #1f2937;
   border: 1px solid #4b5563;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   color: #fff;

package/styles/card/tailwind.css

@@ -429,6 +429,7 @@
   font-size: 14px;
   line-height: 1.5;
   padding: 0 18px 12px 18px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -449,7 +450,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: #4f46e5;
-  background-color: #fff;
+  background: #fff;
   border: 1px solid #e5e7eb;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   color: #111827;

package/styles/fabric-dark.css

@@ -28,6 +28,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
@@ -473,6 +476,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 16px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -490,7 +494,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #201f1f;
+  background: #201f1f;
   border: 1px solid #dadada;
   box-shadow: none;
   color: #dadada;

package/styles/fabric.css

@@ -28,6 +28,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
@@ -484,6 +487,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 12px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -501,7 +505,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #fff;
+  background: #fff;
   border: 1px solid #eaeaea;
   box-shadow: none;
   color: #333;

package/styles/fluent-dark.css

@@ -29,6 +29,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
@@ -495,6 +498,7 @@
   font-size: 14px;
   line-height: 1.5;
   padding: 16px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -515,7 +519,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: #0078d4;
-  background-color: #252423;
+  background: #252423;
   border: 0 solid #292827;
   box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
   color: #f3f2f1;

package/styles/fluent.css

@@ -29,6 +29,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
@@ -495,6 +498,7 @@
   font-size: 14px;
   line-height: 1.5;
   padding: 16px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -515,7 +519,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: #0078d4;
-  background-color: #fff;
+  background: #fff;
   border: 0 solid #edebe9;
   box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
   color: #201f1e;

package/styles/highcontrast-light.css

@@ -28,6 +28,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
@@ -473,6 +476,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 16px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -490,7 +494,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #ccc;
+  background: #ccc;
   border: 1px solid #757575;
   box-shadow: none;
   color: #000;

package/styles/highcontrast.css

@@ -28,6 +28,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
@@ -485,6 +488,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 12px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -502,7 +506,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #000;
+  background: #000;
   border: 1px solid #969696;
   box-shadow: none;
   color: #fff;

package/styles/material-dark.css

@@ -29,6 +29,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
@@ -474,6 +477,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 16px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -491,7 +495,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #303030;
+  background: #303030;
   border: 1px solid #000;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
   color: #000;

package/styles/material.css

@@ -29,6 +29,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 0.6em;
 }
@@ -473,6 +476,7 @@
   font-size: 14px;
   line-height: normal;
   padding: 12px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -490,7 +494,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background-color: #fff;
+  background: #fff;
   border: 1px none #000;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
   color: rgba(0, 0, 0, 0.87);

package/styles/tailwind-dark.css

@@ -33,6 +33,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
@@ -488,6 +491,7 @@
   font-size: 14px;
   line-height: 1.5;
   padding: 0 18px 12px 18px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -508,7 +512,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: #22d3ee;
-  background-color: #1f2937;
+  background: #1f2937;
   border: 1px solid #4b5563;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   color: #fff;

package/styles/tailwind.css

@@ -33,6 +33,9 @@
 .e-avatar.e-avatar-circle {
   border-radius: 50%;
 }
+.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
+  border-radius: 50%;
+}
 .e-avatar.e-avatar-xsmall {
   font-size: 10px;
   height: 24px;
@@ -488,6 +491,7 @@
   font-size: 14px;
   line-height: 1.5;
   padding: 0 18px 12px 18px;
+  word-wrap: break-word;
 }
 .e-card .e-card-content + :not(.e-card-content),
 .e-card .e-card-content + .e-card-actions.e-card-vertical {
@@ -508,7 +512,7 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-card {
   -webkit-tap-highlight-color: #4f46e5;
-  background-color: #fff;
+  background: #fff;
   border: 1px solid #e5e7eb;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   color: #111827;