@syncfusion/ej2-vue-layouts 19.2.48 → 19.3.44

package/CHANGELOG.md

@@ -6,6 +6,22 @@
 
 #### Bug Fixes
 
+- `#I341650` - The issue with "Resize event handler is not properly un-wired, when destroying the splitter component" has been resolved.
+
+## 19.2.55 (2021-08-11)
+
+### Dashboard Layout
+
+#### Bug Fixes
+
+- `#I306072` - The Floating issue in Dashboard Layout when the scroll bar is in the middle of the page has been resolved.
+
+## 19.2.48 (2021-07-20)
+
+### Splitter
+
+#### Bug Fixes
+
 - `#I334749` - Resolved the exception raised, when resizing the window with splitter rendered in the page.
 
 ## 19.1.63 (2021-05-13)

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

@@ -1,11 +1,29 @@
 /*!
 *  filename: ej2-vue-layouts.umd.min.js
-*  version : 19.2.48
+*  version : 19.3.44
 *  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-layouts"),require("@syncfusion/ej2-vue-base"),require("vue-class-component"),require("vue"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-layouts","@syncfusion/ej2-vue-base","vue-class-component","vue","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Layouts,e.ej2VueBase,e.Vue3,e.Vue$1,e.ej2Base)}(this,function(e,t,n,o,r,s){"use strict";r=r&&r.hasOwnProperty("default")?r.default:r;var a,i=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 o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),c=function(e,t,n,o){var r,s=arguments.length,a=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(a=(s<3?r(a):s>3?r(t,n,a):r(t,n))||a);return s>3&&a&&Object.defineProperty(t,n,a),a},p=!n.gh,u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.render=function(){},t.prototype.getTag=function(){return"e-panes"},t=c([n.EJComponentDecorator({},p)],t)}(a=!p||parseInt(n.allVue.version)<3?o.Vue:r),l={name:"e-panes",install:function(e){e.component(l.name,u)}},f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.render=function(){},t.prototype.getTag=function(){return"e-pane"},t=c([n.EJComponentDecorator({},p)],t)}(a),d={name:"e-pane",install:function(e){e.component(d.name,f)}},h=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 o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),y=function(e,t,n,o){var r,s=arguments.length,a=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(a=(s<3?r(a):s>3?r(t,n,a):r(t,n))||a);return s>3&&a&&Object.defineProperty(t,n,a),a},m=["cssClass","enableHtmlSanitizer","enablePersistence","enableReversePanes","enableRtl","enabled","height","locale","orientation","paneSettings","separatorSize","width","beforeCollapse","beforeExpand","beforeSanitizeHtml","collapsed","created","expanded","resizeStart","resizeStop","resizing"],j=[],P=n.getProps({props:m}),g=(P[0],P[1]),v=Object.keys(g);v.push("modelchanged");for(var b=0,_=j;b<_.length;b++){var O=_[b];v.push("update:"+O)}var I,w=!n.gh,D=function(e){function o(){var n=e.call(this,arguments)||this;return n.propKeys=m,n.models=j,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-panes":"e-pane"},n.tagNameMapper={"e-panes":"e-paneSettings"},n.isVue3=!w,n.ej2Instances=new t.Splitter({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return h(o,e),o.prototype.setProperties=function(e,t){var n=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,e[t]):n.$emit("update:"+t,e[t]))})})},o.prototype.render=function(e){var t=n.gh||e,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.gh?this.$slots.default():this.$slots.default),t("div",o)},o.prototype.addPane=function(e,t){return this.ej2Instances.addPane(e,t)},o.prototype.collapse=function(e){return this.ej2Instances.collapse(e)},o.prototype.expand=function(e){return this.ej2Instances.expand(e)},o.prototype.removePane=function(e){return this.ej2Instances.removePane(e)},o=y([n.EJComponentDecorator({props:m},w)],o)}(n.ComponentBase),R={name:"ejs-splitter",install:function(e){e.component(R.name,D),e.component(d.name,f),e.component(l.name,u)}},z=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 o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),S=function(e,t,n,o){var r,s=arguments.length,a=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(a=(s<3?r(a):s>3?r(t,n,a):r(t,n))||a);return s>3&&a&&Object.defineProperty(t,n,a),a},C=!n.gh,V=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return z(t,e),t.prototype.render=function(){},t.prototype.getTag=function(){return"e-panels"},t=S([n.EJComponentDecorator({},C)],t)}(I=!C||parseInt(n.allVue.version)<3?o.Vue:r),$={name:"e-panels",install:function(e){e.component($.name,V)}},M=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return z(t,e),t.prototype.render=function(){},t.prototype.getTag=function(){return"e-panel"},t=S([n.EJComponentDecorator({},C)],t)}(I),E={name:"e-panel",install:function(e){e.component(E.name,M)}},x=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 o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),A=function(e,t,n,o){var r,s=arguments.length,a=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(a=(s<3?r(a):s>3?r(t,n,a):r(t,n))||a);return s>3&&a&&Object.defineProperty(t,n,a),a},J=["allowDragging","allowFloating","allowPushing","allowResizing","cellAspectRatio","cellSpacing","columns","draggableHandle","enableHtmlSanitizer","enablePersistence","enableRtl","locale","mediaQuery","panels","resizableHandles","showGridLines","change","created","destroyed","drag","dragStart","dragStop","resize","resizeStart","resizeStop"],k=[],q=n.getProps({props:J}),H=(q[0],q[1]),L=Object.keys(H);L.push("modelchanged");for(var B=0,N=k;B<N.length;B++){var T=N[B];L.push("update:"+T)}var K=!n.gh,U=function(e){function o(){var n=e.call(this,arguments)||this;return n.propKeys=J,n.models=k,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-panels":"e-panel"},n.tagNameMapper={},n.isVue3=!K,n.ej2Instances=new t.DashboardLayout({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return x(o,e),o.prototype.setProperties=function(e,t){var n=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,e[t]):n.$emit("update:"+t,e[t]))})})},o.prototype.render=function(e){var t=n.gh||e,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.gh?this.$slots.default():this.$slots.default),t("div",o)},o.prototype.addPanel=function(e){return this.ej2Instances.addPanel(e)},o.prototype.movePanel=function(e,t,n){return this.ej2Instances.movePanel(e,t,n)},o.prototype.refresh=function(){return this.ej2Instances.refresh()},o.prototype.removeAll=function(){return this.ej2Instances.removeAll()},o.prototype.removePanel=function(e){return this.ej2Instances.removePanel(e)},o.prototype.resizePanel=function(e,t,n){return this.ej2Instances.resizePanel(e,t,n)},o.prototype.serialize=function(){return this.ej2Instances.serialize()},o.prototype.updatePanel=function(e){return this.ej2Instances.updatePanel(e)},o=A([n.EJComponentDecorator({props:J},K)],o)}(n.ComponentBase),F={name:"ejs-dashboardlayout",install:function(e){e.component(F.name,U),e.component(E.name,M),e.component($.name,V)}};e.PanesDirective=u,e.PaneDirective=f,e.PanesPlugin=l,e.PanePlugin=d,e.SplitterComponent=D,e.SplitterPlugin=R,e.PanelsDirective=V,e.PanelDirective=M,e.PanelsPlugin=$,e.PanelPlugin=E,e.DashboardLayoutComponent=U,e.DashboardLayoutPlugin=F,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
+/*!
+*  filename: ej2-vue-layouts.umd.min.js
+*  version : 19.3.43
+*  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. 
+*/
+/*!
+*  filename: ej2-vue-layouts.umd.min.js
+*  version : 19.1.63
+*  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-layouts"),require("vue"),require("@syncfusion/ej2-vue-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-layouts","vue","@syncfusion/ej2-vue-base"],t):t(e.ej={},e.ej2Layouts,e.Vue,e.ej2VueBase)}(this,function(e,t,n,o){"use strict";n=n&&n.hasOwnProperty("default")?n.default:n;var r=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 o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),s=function(e,t,n,o){var r,s=arguments.length,a=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(a=(s<3?r(a):s>3?r(t,n,a):r(t,n))||a);return s>3&&a&&Object.defineProperty(t,n,a),a},a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){},t=s([o.EJComponentDecorator({})],t)}(n),i={name:"e-panes",install:function(e){e.component(i.name,a)}},c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return r(t,e),t.prototype.render=function(){},t=s([o.EJComponentDecorator({})],t)}(n),p={name:"e-pane",install:function(e){e.component(p.name,c)}},u=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 o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),l=function(e,t,n,o){var r,s=arguments.length,a=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(a=(s<3?r(a):s>3?r(t,n,a):r(t,n))||a);return s>3&&a&&Object.defineProperty(t,n,a),a},f=["cssClass","enableHtmlSanitizer","enablePersistence","enableReversePanes","enableRtl","enabled","height","locale","orientation","paneSettings","separatorSize","width","beforeCollapse","beforeExpand","beforeSanitizeHtml","collapsed","created","expanded","resizeStart","resizeStop","resizing"],d=[],y=function(e){function n(){var n=e.call(this)||this;return n.propKeys=f,n.models=d,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-panes":"e-pane"},n.tagNameMapper={"e-panes":"e-paneSettings"},n.ej2Instances=new t.Splitter({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return u(n,e),n.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.addPane=function(e,t){return this.ej2Instances.addPane(e,t)},n.prototype.collapse=function(e){return this.ej2Instances.collapse(e)},n.prototype.expand=function(e){return this.ej2Instances.expand(e)},n.prototype.removePane=function(e){return this.ej2Instances.removePane(e)},n=l([o.EJComponentDecorator({props:f})],n)}(o.ComponentBase),h={name:"ejs-splitter",install:function(e){e.component(h.name,y),e.component(p.name,c),e.component(i.name,a)}},m=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 o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),P=function(e,t,n,o){var r,s=arguments.length,a=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(a=(s<3?r(a):s>3?r(t,n,a):r(t,n))||a);return s>3&&a&&Object.defineProperty(t,n,a),a},j=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return m(t,e),t.prototype.render=function(){},t=P([o.EJComponentDecorator({})],t)}(n),b={name:"e-panels",install:function(e){e.component(b.name,j)}},v=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return m(t,e),t.prototype.render=function(){},t=P([o.EJComponentDecorator({})],t)}(n),g={name:"e-panel",install:function(e){e.component(g.name,v)}},_=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 o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),O=function(e,t,n,o){var r,s=arguments.length,a=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(a=(s<3?r(a):s>3?r(t,n,a):r(t,n))||a);return s>3&&a&&Object.defineProperty(t,n,a),a},I=["allowDragging","allowFloating","allowPushing","allowResizing","cellAspectRatio","cellSpacing","columns","draggableHandle","enableHtmlSanitizer","enablePersistence","enableRtl","locale","mediaQuery","panels","resizableHandles","showGridLines","change","created","destroyed","drag","dragStart","dragStop","resize","resizeStart","resizeStop"],w=[],D=function(e){function n(){var n=e.call(this)||this;return n.propKeys=I,n.models=w,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-panels":"e-panel"},n.tagNameMapper={},n.ej2Instances=new t.DashboardLayout({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return _(n,e),n.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.addPanel=function(e){return this.ej2Instances.addPanel(e)},n.prototype.movePanel=function(e,t,n){return this.ej2Instances.movePanel(e,t,n)},n.prototype.refresh=function(){return this.ej2Instances.refresh()},n.prototype.removeAll=function(){return this.ej2Instances.removeAll()},n.prototype.removePanel=function(e){return this.ej2Instances.removePanel(e)},n.prototype.resizePanel=function(e,t,n){return this.ej2Instances.resizePanel(e,t,n)},n.prototype.serialize=function(){return this.ej2Instances.serialize()},n.prototype.updatePanel=function(e){return this.ej2Instances.updatePanel(e)},n=O([o.EJComponentDecorator({props:I})],n)}(o.ComponentBase),R={name:"ejs-dashboardlayout",install:function(e){e.component(R.name,D),e.component(g.name,v),e.component(b.name,j)}};e.PanesDirective=a,e.PaneDirective=c,e.PanesPlugin=i,e.PanePlugin=p,e.SplitterComponent=y,e.SplitterPlugin=h,e.PanelsDirective=j,e.PanelDirective=v,e.PanelsPlugin=b,e.PanelPlugin=g,e.DashboardLayoutComponent=D,e.DashboardLayoutPlugin=R,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-layouts.umd.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ej2-vue-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})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';\nimport * as Vue3 from 'vue-class-component';\nimport Vue from 'vue';\nexport var isExecute = gh ? false : true;\nvar vueImport;\nif (!isExecute || parseInt(allVue.version) < 3) {\n    vueImport = Vue3.Vue;\n}\nelse {\n    vueImport = Vue;\n}\nvar PanesDirective = /** @class */ (function (_super) {\n    __extends(PanesDirective, _super);\n    function PanesDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    PanesDirective.prototype.render = function () {\n        return;\n    };\n    PanesDirective.prototype.getTag = function () {\n        return 'e-panes';\n    };\n    PanesDirective = __decorate([\n        EJComponentDecorator({}, isExecute)\n    ], PanesDirective);\n    return PanesDirective;\n}(vueImport));\nexport { PanesDirective };\nexport var PanesPlugin = {\n    name: 'e-panes',\n    install: function (Vue) {\n        Vue.component(PanesPlugin.name, PanesDirective);\n    }\n};\n/**\n * 'e-pane' directive represent a pane of Vue Splitter\n * It must be contained in a Splitter component(`ejs-splitter`).\n * ```html\n * <ejs-splitter id='splitter'>\n *   <e-panes>\n *    <e-pane size='150px'></e-pane>\n *    <e-pane size='150px'></e-pane>\n *   </e-panes>\n * </ejs-splitter>\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.prototype.render = function () {\n        return;\n    };\n    PaneDirective.prototype.getTag = function () {\n        return 'e-pane';\n    };\n    PaneDirective = __decorate([\n        EJComponentDecorator({}, isExecute)\n    ], PaneDirective);\n    return PaneDirective;\n}(vueImport));\nexport { PaneDirective };\nexport var PanePlugin = {\n    name: 'e-pane',\n    install: function (Vue) {\n        Vue.component(PanePlugin.name, PaneDirective);\n    }\n};\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})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nimport { Splitter } from '@syncfusion/ej2-layouts';\nimport { PanesDirective, PaneDirective, PanesPlugin, PanePlugin } from './panesettings.directive';\n// {{VueImport}}\nexport var properties = ['cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableReversePanes', 'enableRtl', 'enabled', 'height', 'locale', 'orientation', 'paneSettings', 'separatorSize', 'width', 'beforeCollapse', 'beforeExpand', 'beforeSanitizeHtml', 'collapsed', 'created', 'expanded', 'resizeStart', 'resizeStop', 'resizing'];\nexport var modelProps = [];\nexport var testProp = getProps({ props: properties });\nexport var props = testProp[0];\nexport var watch = testProp[1];\nexport var emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged');\nfor (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {\n    var props_1 = modelProps_1[_i];\n    emitProbs.push('update:' + props_1);\n}\nexport var isExecute = gh ? false : true;\n/**\n * Represents the VueJS Splitter component\n * ```html\n * <ejs-splitter></ejs-splitter>\n * ```\n */\nvar SplitterComponent = /** @class */ (function (_super) {\n    __extends(SplitterComponent, _super);\n    function SplitterComponent() {\n        var _this = _super.call(this, arguments) || this;\n        _this.propKeys = properties;\n        _this.models = modelProps;\n        _this.hasChildDirective = true;\n        _this.hasInjectedModules = false;\n        _this.tagMapper = { \"e-panes\": \"e-pane\" };\n        _this.tagNameMapper = { \"e-panes\": \"e-paneSettings\" };\n        _this.isVue3 = !isExecute;\n        _this.ej2Instances = new Splitter({});\n        _this.bindProperties();\n        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;\n        _this.ej2Instances.setProperties = _this.setProperties;\n        return _this;\n    }\n    SplitterComponent.prototype.setProperties = function (prop, muteOnChange) {\n        var _this = this;\n        if (this.isVue3) {\n            this.models = !this.models ? this.ej2Instances.referModels : this.models;\n        }\n        if (this.ej2Instances && this.ej2Instances._setProperties) {\n            this.ej2Instances._setProperties(prop, muteOnChange);\n        }\n        if (prop && this.models && this.models.length) {\n            Object.keys(prop).map(function (key) {\n                _this.models.map(function (model) {\n                    if ((key === model) && !(/datasource/i.test(key))) {\n                        if (_this.isVue3) {\n                            _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                        }\n                        else {\n                            _this.$emit('update:' + key, prop[key]);\n                        }\n                    }\n                });\n            });\n        }\n    };\n    SplitterComponent.prototype.render = function (createElement) {\n        var h = gh || createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = gh ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    };\n    SplitterComponent.prototype.addPane = function (paneProperties, index) {\n        return this.ej2Instances.addPane(paneProperties, index);\n    };\n    SplitterComponent.prototype.collapse = function (index) {\n        return this.ej2Instances.collapse(index);\n    };\n    SplitterComponent.prototype.expand = function (index) {\n        return this.ej2Instances.expand(index);\n    };\n    SplitterComponent.prototype.removePane = function (index) {\n        return this.ej2Instances.removePane(index);\n    };\n    SplitterComponent = __decorate([\n        EJComponentDecorator({\n            props: properties\n        }, isExecute)\n        /* Start Options({\n            props: props,\n            watch: watch,\n            emits: emitProbs\n        }) End */\n    ], SplitterComponent);\n    return SplitterComponent;\n}(ComponentBase));\nexport { SplitterComponent };\nexport var SplitterPlugin = {\n    name: 'ejs-splitter',\n    install: function (Vue) {\n        Vue.component(SplitterPlugin.name, SplitterComponent);\n        Vue.component(PanePlugin.name, PaneDirective);\n        Vue.component(PanesPlugin.name, PanesDirective);\n    }\n};\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})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';\nimport * as Vue3 from 'vue-class-component';\nimport Vue from 'vue';\nexport var isExecute = gh ? false : true;\nvar vueImport;\nif (!isExecute || parseInt(allVue.version) < 3) {\n    vueImport = Vue3.Vue;\n}\nelse {\n    vueImport = Vue;\n}\nvar PanelsDirective = /** @class */ (function (_super) {\n    __extends(PanelsDirective, _super);\n    function PanelsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    PanelsDirective.prototype.render = function () {\n        return;\n    };\n    PanelsDirective.prototype.getTag = function () {\n        return 'e-panels';\n    };\n    PanelsDirective = __decorate([\n        EJComponentDecorator({}, isExecute)\n    ], PanelsDirective);\n    return PanelsDirective;\n}(vueImport));\nexport { PanelsDirective };\nexport var PanelsPlugin = {\n    name: 'e-panels',\n    install: function (Vue) {\n        Vue.component(PanelsPlugin.name, PanelsDirective);\n    }\n};\n/**\n * 'e-panels' directive represent a presets of VueJS dashboardlayout component\n * It must be contained in a dashboardlayout component(`ejs-dashboardlayout`).\n * ```html\n * <ejs-dashboardlayout>\n *   <e-panels>\n *   <e-panel></e-panel>\n *   <e-panel></e-panel>\n *   </e-panels>\n * </ejs-dashboardlayout>\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.prototype.render = function () {\n        return;\n    };\n    PanelDirective.prototype.getTag = function () {\n        return 'e-panel';\n    };\n    PanelDirective = __decorate([\n        EJComponentDecorator({}, isExecute)\n    ], PanelDirective);\n    return PanelDirective;\n}(vueImport));\nexport { PanelDirective };\nexport var PanelPlugin = {\n    name: 'e-panel',\n    install: function (Vue) {\n        Vue.component(PanelPlugin.name, PanelDirective);\n    }\n};\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})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nimport { DashboardLayout } from '@syncfusion/ej2-layouts';\nimport { PanelsDirective, PanelDirective, PanelsPlugin, PanelPlugin } from './panels.directive';\n// {{VueImport}}\nexport var properties = ['allowDragging', 'allowFloating', 'allowPushing', 'allowResizing', 'cellAspectRatio', 'cellSpacing', 'columns', 'draggableHandle', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mediaQuery', 'panels', 'resizableHandles', 'showGridLines', 'change', 'created', 'destroyed', 'drag', 'dragStart', 'dragStop', 'resize', 'resizeStart', 'resizeStop'];\nexport var modelProps = [];\nexport var testProp = getProps({ props: properties });\nexport var props = testProp[0];\nexport var watch = testProp[1];\nexport var emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged');\nfor (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {\n    var props_1 = modelProps_1[_i];\n    emitProbs.push('update:' + props_1);\n}\nexport var isExecute = gh ? false : true;\n/**\n * Represents the Essential JS 2 VueJS DashboardLayout Component.\n * ```html\n * <ejs-dashboardlayout></ejs-dashboardlayout>\n * ```\n */\nvar DashboardLayoutComponent = /** @class */ (function (_super) {\n    __extends(DashboardLayoutComponent, _super);\n    function DashboardLayoutComponent() {\n        var _this = _super.call(this, arguments) || this;\n        _this.propKeys = properties;\n        _this.models = modelProps;\n        _this.hasChildDirective = true;\n        _this.hasInjectedModules = false;\n        _this.tagMapper = { \"e-panels\": \"e-panel\" };\n        _this.tagNameMapper = {};\n        _this.isVue3 = !isExecute;\n        _this.ej2Instances = new DashboardLayout({});\n        _this.bindProperties();\n        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;\n        _this.ej2Instances.setProperties = _this.setProperties;\n        return _this;\n    }\n    DashboardLayoutComponent.prototype.setProperties = function (prop, muteOnChange) {\n        var _this = this;\n        if (this.isVue3) {\n            this.models = !this.models ? this.ej2Instances.referModels : this.models;\n        }\n        if (this.ej2Instances && this.ej2Instances._setProperties) {\n            this.ej2Instances._setProperties(prop, muteOnChange);\n        }\n        if (prop && this.models && this.models.length) {\n            Object.keys(prop).map(function (key) {\n                _this.models.map(function (model) {\n                    if ((key === model) && !(/datasource/i.test(key))) {\n                        if (_this.isVue3) {\n                            _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                        }\n                        else {\n                            _this.$emit('update:' + key, prop[key]);\n                        }\n                    }\n                });\n            });\n        }\n    };\n    DashboardLayoutComponent.prototype.render = function (createElement) {\n        var h = gh || createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = gh ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    };\n    DashboardLayoutComponent.prototype.addPanel = function (panel) {\n        return this.ej2Instances.addPanel(panel);\n    };\n    DashboardLayoutComponent.prototype.movePanel = function (id, row, col) {\n        return this.ej2Instances.movePanel(id, row, col);\n    };\n    DashboardLayoutComponent.prototype.refresh = function () {\n        return this.ej2Instances.refresh();\n    };\n    DashboardLayoutComponent.prototype.removeAll = function () {\n        return this.ej2Instances.removeAll();\n    };\n    DashboardLayoutComponent.prototype.removePanel = function (id) {\n        return this.ej2Instances.removePanel(id);\n    };\n    DashboardLayoutComponent.prototype.resizePanel = function (id, sizeX, sizeY) {\n        return this.ej2Instances.resizePanel(id, sizeX, sizeY);\n    };\n    DashboardLayoutComponent.prototype.serialize = function () {\n        return this.ej2Instances.serialize();\n    };\n    DashboardLayoutComponent.prototype.updatePanel = function (panel) {\n        return this.ej2Instances.updatePanel(panel);\n    };\n    DashboardLayoutComponent = __decorate([\n        EJComponentDecorator({\n            props: properties\n        }, isExecute)\n        /* Start Options({\n            props: props,\n            watch: watch,\n            emits: emitProbs\n        }) End */\n    ], DashboardLayoutComponent);\n    return DashboardLayoutComponent;\n}(ComponentBase));\nexport { DashboardLayoutComponent };\nexport var DashboardLayoutPlugin = {\n    name: 'ejs-dashboardlayout',\n    install: function (Vue) {\n        Vue.component(DashboardLayoutPlugin.name, DashboardLayoutComponent);\n        Vue.component(PanelPlugin.name, PanelDirective);\n        Vue.component(PanelsPlugin.name, PanelsDirective);\n    }\n};\n"],"names":["vueImport","__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","__decorate","decorators","target","key","desc","c","arguments","length","r","getOwnPropertyDescriptor","Reflect","decorate","i","defineProperty","isExecute","gh","PanesDirective","_super","apply","render","getTag","EJComponentDecorator","parseInt","allVue","version","Vue3.Vue","Vue","PanesPlugin","name","install","component","PaneDirective","PanePlugin","properties","modelProps","testProp","getProps","props","watch","emitProbs","keys","push","_i","modelProps_1","props_1","SplitterComponent","_this","call","propKeys","models","hasChildDirective","hasInjectedModules","tagMapper","e-panes","tagNameMapper","isVue3","ej2Instances","Splitter","bindProperties","_setProperties","setProperties","prop","muteOnChange","referModels","map","model","test","vueInstance","$emit","createElement","h","slots","isNullOrUndefined","$slots","default","addPane","paneProperties","index","collapse","expand","removePane","ComponentBase","SplitterPlugin","PanelsDirective","PanelsPlugin","PanelDirective","PanelPlugin","DashboardLayoutComponent","e-panels","DashboardLayout","addPanel","panel","movePanel","id","row","col","refresh","removeAll","removePanel","resizePanel","sizeX","sizeY","serialize","updatePanel","DashboardLayoutPlugin"],"mappings":"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"}
+{"version":3,"file":"ej2-vue-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})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport Vue from 'vue';\nimport { EJComponentDecorator } from '@syncfusion/ej2-vue-base';\nvar PanesDirective = /** @class */ (function (_super) {\n    __extends(PanesDirective, _super);\n    function PanesDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    PanesDirective.prototype.render = function () {\n        return;\n    };\n    PanesDirective = __decorate([\n        EJComponentDecorator({})\n    ], PanesDirective);\n    return PanesDirective;\n}(Vue));\nexport { PanesDirective };\nexport var PanesPlugin = {\n    name: 'e-panes',\n    install: function (Vue) {\n        Vue.component(PanesPlugin.name, PanesDirective);\n    }\n};\n/**\n * 'e-pane' directive represent a pane of Vue Splitter\n * It must be contained in a Splitter component(`ejs-splitter`).\n * ```html\n * <ejs-splitter id='splitter'>\n *   <e-panes>\n *    <e-pane size='150px'></e-pane>\n *    <e-pane size='150px'></e-pane>\n *   </e-panes>\n * </ejs-splitter>\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.prototype.render = function () {\n        return;\n    };\n    PaneDirective = __decorate([\n        EJComponentDecorator({})\n    ], PaneDirective);\n    return PaneDirective;\n}(Vue));\nexport { PaneDirective };\nexport var PanePlugin = {\n    name: 'e-pane',\n    install: function (Vue) {\n        Vue.component(PanePlugin.name, PaneDirective);\n    }\n};\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})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { ComponentBase, EJComponentDecorator } from '@syncfusion/ej2-vue-base';\nimport { Splitter } from '@syncfusion/ej2-layouts';\nimport { PanesDirective, PaneDirective, PanesPlugin, PanePlugin } from './panesettings.directive';\nexport var properties = ['cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableReversePanes', 'enableRtl', 'enabled', 'height', 'locale', 'orientation', 'paneSettings', 'separatorSize', 'width', 'beforeCollapse', 'beforeExpand', 'beforeSanitizeHtml', 'collapsed', 'created', 'expanded', 'resizeStart', 'resizeStop', 'resizing'];\nexport var modelProps = [];\n/**\n * Represents the VueJS Splitter component\n * ```html\n * <ejs-splitter></ejs-splitter>\n * ```\n */\nvar SplitterComponent = /** @class */ (function (_super) {\n    __extends(SplitterComponent, _super);\n    function SplitterComponent() {\n        var _this = _super.call(this) || this;\n        _this.propKeys = properties;\n        _this.models = modelProps;\n        _this.hasChildDirective = true;\n        _this.hasInjectedModules = false;\n        _this.tagMapper = { \"e-panes\": \"e-pane\" };\n        _this.tagNameMapper = { \"e-panes\": \"e-paneSettings\" };\n        _this.ej2Instances = new Splitter({});\n        _this.bindProperties();\n        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;\n        _this.ej2Instances.setProperties = _this.setProperties;\n        return _this;\n    }\n    SplitterComponent.prototype.setProperties = function (prop, muteOnChange) {\n        var _this = this;\n        if (this.ej2Instances && this.ej2Instances._setProperties) {\n            this.ej2Instances._setProperties(prop, muteOnChange);\n        }\n        if (prop && this.models && this.models.length) {\n            Object.keys(prop).map(function (key) {\n                _this.models.map(function (model) {\n                    if ((key === model) && !(/datasource/i.test(key))) {\n                        _this.$emit('update:' + key, prop[key]);\n                    }\n                });\n            });\n        }\n    };\n    SplitterComponent.prototype.render = function (createElement) {\n        return createElement('div', this.$slots.default);\n    };\n    SplitterComponent.prototype.addPane = function (paneProperties, index) {\n        return this.ej2Instances.addPane(paneProperties, index);\n    };\n    SplitterComponent.prototype.collapse = function (index) {\n        return this.ej2Instances.collapse(index);\n    };\n    SplitterComponent.prototype.expand = function (index) {\n        return this.ej2Instances.expand(index);\n    };\n    SplitterComponent.prototype.removePane = function (index) {\n        return this.ej2Instances.removePane(index);\n    };\n    SplitterComponent = __decorate([\n        EJComponentDecorator({\n            props: properties\n        })\n    ], SplitterComponent);\n    return SplitterComponent;\n}(ComponentBase));\nexport { SplitterComponent };\nexport var SplitterPlugin = {\n    name: 'ejs-splitter',\n    install: function (Vue) {\n        Vue.component(SplitterPlugin.name, SplitterComponent);\n        Vue.component(PanePlugin.name, PaneDirective);\n        Vue.component(PanesPlugin.name, PanesDirective);\n    }\n};\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})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport Vue from 'vue';\nimport { EJComponentDecorator } from '@syncfusion/ej2-vue-base';\nvar PanelsDirective = /** @class */ (function (_super) {\n    __extends(PanelsDirective, _super);\n    function PanelsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    PanelsDirective.prototype.render = function () {\n        return;\n    };\n    PanelsDirective = __decorate([\n        EJComponentDecorator({})\n    ], PanelsDirective);\n    return PanelsDirective;\n}(Vue));\nexport { PanelsDirective };\nexport var PanelsPlugin = {\n    name: 'e-panels',\n    install: function (Vue) {\n        Vue.component(PanelsPlugin.name, PanelsDirective);\n    }\n};\n/**\n * 'e-panels' directive represent a presets of VueJS dashboardlayout component\n * It must be contained in a dashboardlayout component(`ejs-dashboardlayout`).\n * ```html\n * <ejs-dashboardlayout>\n *   <e-panels>\n *   <e-panel></e-panel>\n *   <e-panel></e-panel>\n *   </e-panels>\n * </ejs-dashboardlayout>\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.prototype.render = function () {\n        return;\n    };\n    PanelDirective = __decorate([\n        EJComponentDecorator({})\n    ], PanelDirective);\n    return PanelDirective;\n}(Vue));\nexport { PanelDirective };\nexport var PanelPlugin = {\n    name: 'e-panel',\n    install: function (Vue) {\n        Vue.component(PanelPlugin.name, PanelDirective);\n    }\n};\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})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { ComponentBase, EJComponentDecorator } from '@syncfusion/ej2-vue-base';\nimport { DashboardLayout } from '@syncfusion/ej2-layouts';\nimport { PanelsDirective, PanelDirective, PanelsPlugin, PanelPlugin } from './panels.directive';\nexport var properties = ['allowDragging', 'allowFloating', 'allowPushing', 'allowResizing', 'cellAspectRatio', 'cellSpacing', 'columns', 'draggableHandle', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mediaQuery', 'panels', 'resizableHandles', 'showGridLines', 'change', 'created', 'destroyed', 'drag', 'dragStart', 'dragStop', 'resize', 'resizeStart', 'resizeStop'];\nexport var modelProps = [];\n/**\n * Represents the Essential JS 2 VueJS DashboardLayout Component.\n * ```html\n * <ejs-dashboardlayout></ejs-dashboardlayout>\n * ```\n */\nvar DashboardLayoutComponent = /** @class */ (function (_super) {\n    __extends(DashboardLayoutComponent, _super);\n    function DashboardLayoutComponent() {\n        var _this = _super.call(this) || this;\n        _this.propKeys = properties;\n        _this.models = modelProps;\n        _this.hasChildDirective = true;\n        _this.hasInjectedModules = false;\n        _this.tagMapper = { \"e-panels\": \"e-panel\" };\n        _this.tagNameMapper = {};\n        _this.ej2Instances = new DashboardLayout({});\n        _this.bindProperties();\n        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;\n        _this.ej2Instances.setProperties = _this.setProperties;\n        return _this;\n    }\n    DashboardLayoutComponent.prototype.setProperties = function (prop, muteOnChange) {\n        var _this = this;\n        if (this.ej2Instances && this.ej2Instances._setProperties) {\n            this.ej2Instances._setProperties(prop, muteOnChange);\n        }\n        if (prop && this.models && this.models.length) {\n            Object.keys(prop).map(function (key) {\n                _this.models.map(function (model) {\n                    if ((key === model) && !(/datasource/i.test(key))) {\n                        _this.$emit('update:' + key, prop[key]);\n                    }\n                });\n            });\n        }\n    };\n    DashboardLayoutComponent.prototype.render = function (createElement) {\n        return createElement('div', this.$slots.default);\n    };\n    DashboardLayoutComponent.prototype.addPanel = function (panel) {\n        return this.ej2Instances.addPanel(panel);\n    };\n    DashboardLayoutComponent.prototype.movePanel = function (id, row, col) {\n        return this.ej2Instances.movePanel(id, row, col);\n    };\n    DashboardLayoutComponent.prototype.refresh = function () {\n        return this.ej2Instances.refresh();\n    };\n    DashboardLayoutComponent.prototype.removeAll = function () {\n        return this.ej2Instances.removeAll();\n    };\n    DashboardLayoutComponent.prototype.removePanel = function (id) {\n        return this.ej2Instances.removePanel(id);\n    };\n    DashboardLayoutComponent.prototype.resizePanel = function (id, sizeX, sizeY) {\n        return this.ej2Instances.resizePanel(id, sizeX, sizeY);\n    };\n    DashboardLayoutComponent.prototype.serialize = function () {\n        return this.ej2Instances.serialize();\n    };\n    DashboardLayoutComponent.prototype.updatePanel = function (panel) {\n        return this.ej2Instances.updatePanel(panel);\n    };\n    DashboardLayoutComponent = __decorate([\n        EJComponentDecorator({\n            props: properties\n        })\n    ], DashboardLayoutComponent);\n    return DashboardLayoutComponent;\n}(ComponentBase));\nexport { DashboardLayoutComponent };\nexport var DashboardLayoutPlugin = {\n    name: 'ejs-dashboardlayout',\n    install: function (Vue) {\n        Vue.component(DashboardLayoutPlugin.name, DashboardLayoutComponent);\n        Vue.component(PanelPlugin.name, PanelDirective);\n        Vue.component(PanelsPlugin.name, PanelsDirective);\n    }\n};\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","__decorate","decorators","target","key","desc","c","arguments","length","r","getOwnPropertyDescriptor","Reflect","decorate","i","defineProperty","PanesDirective","_super","apply","render","EJComponentDecorator","Vue","PanesPlugin","name","install","component","PaneDirective","PanePlugin","properties","modelProps","SplitterComponent","_this","call","propKeys","models","hasChildDirective","hasInjectedModules","tagMapper","e-panes","tagNameMapper","ej2Instances","Splitter","bindProperties","_setProperties","setProperties","prop","muteOnChange","keys","map","model","test","$emit","createElement","$slots","default","addPane","paneProperties","index","collapse","expand","removePane","props","ComponentBase","SplitterPlugin","PanelsDirective","PanelsPlugin","PanelDirective","PanelPlugin","DashboardLayoutComponent","e-panels","DashboardLayout","addPanel","panel","movePanel","id","row","col","refresh","removeAll","removePanel","resizePanel","sizeX","sizeY","serialize","updatePanel","DashboardLayoutPlugin"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import { DashboardLayout, Splitter } from '@syncfusion/ej2-layouts';
 import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
 import { Vue } from 'vue-class-component';
 import Vue$1 from 'vue';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
+import { getValue, isNullOrUndefined } from '@syncfusion/ej2-base';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -109,6 +109,29 @@ class SplitterComponent extends ComponentBase {
         this.bindProperties();
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
+        this.ej2Instances.clearTemplate = this.clearTemplate;
+    }
+    clearTemplate(templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (let tempName of templateNames) {
+                let elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (let ele of elementCollection) {
+                        let destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
     }
     setProperties(prop, muteOnChange) {
         if (this.isVue3) {
@@ -126,6 +149,7 @@ class SplitterComponent extends ComponentBase {
                         }
                         else {
                             this.$emit('update:' + key, prop[key]);
+                            this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });
@@ -277,6 +301,29 @@ class DashboardLayoutComponent extends ComponentBase {
         this.bindProperties();
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
+        this.ej2Instances.clearTemplate = this.clearTemplate;
+    }
+    clearTemplate(templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (let tempName of templateNames) {
+                let elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (let ele of elementCollection) {
+                        let destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
     }
     setProperties(prop, muteOnChange) {
         if (this.isVue3) {
@@ -294,6 +341,7 @@ class DashboardLayoutComponent extends ComponentBase {
                         }
                         else {
                             this.$emit('update:' + key, prop[key]);
+                            this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });

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

@@ -1 +1 @@
-{"version":3,"file":"ej2-vue-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":["var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';\nimport * as Vue3 from 'vue-class-component';\nimport Vue from 'vue';\nexport const isExecute = gh ? false : true;\nlet vueImport;\nif (!isExecute || parseInt(allVue.version) < 3) {\n    vueImport = Vue3.Vue;\n}\nelse {\n    vueImport = Vue;\n}\nlet PanesDirective = class PanesDirective extends vueImport {\n    render() {\n        return;\n    }\n    getTag() {\n        return 'e-panes';\n    }\n};\nPanesDirective = __decorate([\n    EJComponentDecorator({}, isExecute)\n], PanesDirective);\nexport { PanesDirective };\nexport const PanesPlugin = {\n    name: 'e-panes',\n    install(Vue) {\n        Vue.component(PanesPlugin.name, PanesDirective);\n    }\n};\n/**\n * 'e-pane' directive represent a pane of Vue Splitter\n * It must be contained in a Splitter component(`ejs-splitter`).\n * ```html\n * <ejs-splitter id='splitter'>\n *   <e-panes>\n *    <e-pane size='150px'></e-pane>\n *    <e-pane size='150px'></e-pane>\n *   </e-panes>\n * </ejs-splitter>\n * ```\n */\nlet PaneDirective = class PaneDirective extends vueImport {\n    render() {\n        return;\n    }\n    getTag() {\n        return 'e-pane';\n    }\n};\nPaneDirective = __decorate([\n    EJComponentDecorator({}, isExecute)\n], PaneDirective);\nexport { PaneDirective };\nexport const PanePlugin = {\n    name: 'e-pane',\n    install(Vue) {\n        Vue.component(PanePlugin.name, PaneDirective);\n    }\n};\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nimport { Splitter } from '@syncfusion/ej2-layouts';\nimport { PanesDirective, PaneDirective, PanesPlugin, PanePlugin } from './panesettings.directive';\n// {{VueImport}}\nexport const properties = ['cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableReversePanes', 'enableRtl', 'enabled', 'height', 'locale', 'orientation', 'paneSettings', 'separatorSize', 'width', 'beforeCollapse', 'beforeExpand', 'beforeSanitizeHtml', 'collapsed', 'created', 'expanded', 'resizeStart', 'resizeStop', 'resizing'];\nexport const modelProps = [];\nexport const testProp = getProps({ props: properties });\nexport const props = testProp[0];\nexport const watch = testProp[1];\nexport const emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged');\nfor (let props of modelProps) {\n    emitProbs.push('update:' + props);\n}\nexport const isExecute = gh ? false : true;\n/**\n * Represents the VueJS Splitter component\n * ```html\n * <ejs-splitter></ejs-splitter>\n * ```\n */\nlet SplitterComponent = \n/* Start Options({\n    props: props,\n    watch: watch,\n    emits: emitProbs\n}) End */\nclass SplitterComponent extends ComponentBase {\n    constructor() {\n        super(arguments);\n        this.propKeys = properties;\n        this.models = modelProps;\n        this.hasChildDirective = true;\n        this.hasInjectedModules = false;\n        this.tagMapper = { \"e-panes\": \"e-pane\" };\n        this.tagNameMapper = { \"e-panes\": \"e-paneSettings\" };\n        this.isVue3 = !isExecute;\n        this.ej2Instances = new Splitter({});\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n    }\n    setProperties(prop, muteOnChange) {\n        if (this.isVue3) {\n            this.models = !this.models ? this.ej2Instances.referModels : this.models;\n        }\n        if (this.ej2Instances && this.ej2Instances._setProperties) {\n            this.ej2Instances._setProperties(prop, muteOnChange);\n        }\n        if (prop && this.models && this.models.length) {\n            Object.keys(prop).map((key) => {\n                this.models.map((model) => {\n                    if ((key === model) && !(/datasource/i.test(key))) {\n                        if (this.isVue3) {\n                            this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                        }\n                        else {\n                            this.$emit('update:' + key, prop[key]);\n                        }\n                    }\n                });\n            });\n        }\n    }\n    render(createElement) {\n        let h = gh || createElement;\n        let slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = gh ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    }\n    addPane(paneProperties, index) {\n        return this.ej2Instances.addPane(paneProperties, index);\n    }\n    collapse(index) {\n        return this.ej2Instances.collapse(index);\n    }\n    expand(index) {\n        return this.ej2Instances.expand(index);\n    }\n    removePane(index) {\n        return this.ej2Instances.removePane(index);\n    }\n};\nSplitterComponent = __decorate([\n    EJComponentDecorator({\n        props: properties\n    }, isExecute)\n    /* Start Options({\n        props: props,\n        watch: watch,\n        emits: emitProbs\n    }) End */\n], SplitterComponent);\nexport { SplitterComponent };\nexport const SplitterPlugin = {\n    name: 'ejs-splitter',\n    install(Vue) {\n        Vue.component(SplitterPlugin.name, SplitterComponent);\n        Vue.component(PanePlugin.name, PaneDirective);\n        Vue.component(PanesPlugin.name, PanesDirective);\n    }\n};\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';\nimport * as Vue3 from 'vue-class-component';\nimport Vue from 'vue';\nexport const isExecute = gh ? false : true;\nlet vueImport;\nif (!isExecute || parseInt(allVue.version) < 3) {\n    vueImport = Vue3.Vue;\n}\nelse {\n    vueImport = Vue;\n}\nlet PanelsDirective = class PanelsDirective extends vueImport {\n    render() {\n        return;\n    }\n    getTag() {\n        return 'e-panels';\n    }\n};\nPanelsDirective = __decorate([\n    EJComponentDecorator({}, isExecute)\n], PanelsDirective);\nexport { PanelsDirective };\nexport const PanelsPlugin = {\n    name: 'e-panels',\n    install(Vue) {\n        Vue.component(PanelsPlugin.name, PanelsDirective);\n    }\n};\n/**\n * 'e-panels' directive represent a presets of VueJS dashboardlayout component\n * It must be contained in a dashboardlayout component(`ejs-dashboardlayout`).\n * ```html\n * <ejs-dashboardlayout>\n *   <e-panels>\n *   <e-panel></e-panel>\n *   <e-panel></e-panel>\n *   </e-panels>\n * </ejs-dashboardlayout>\n * ```\n */\nlet PanelDirective = class PanelDirective extends vueImport {\n    render() {\n        return;\n    }\n    getTag() {\n        return 'e-panel';\n    }\n};\nPanelDirective = __decorate([\n    EJComponentDecorator({}, isExecute)\n], PanelDirective);\nexport { PanelDirective };\nexport const PanelPlugin = {\n    name: 'e-panel',\n    install(Vue) {\n        Vue.component(PanelPlugin.name, PanelDirective);\n    }\n};\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nimport { DashboardLayout } from '@syncfusion/ej2-layouts';\nimport { PanelsDirective, PanelDirective, PanelsPlugin, PanelPlugin } from './panels.directive';\n// {{VueImport}}\nexport const properties = ['allowDragging', 'allowFloating', 'allowPushing', 'allowResizing', 'cellAspectRatio', 'cellSpacing', 'columns', 'draggableHandle', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mediaQuery', 'panels', 'resizableHandles', 'showGridLines', 'change', 'created', 'destroyed', 'drag', 'dragStart', 'dragStop', 'resize', 'resizeStart', 'resizeStop'];\nexport const modelProps = [];\nexport const testProp = getProps({ props: properties });\nexport const props = testProp[0];\nexport const watch = testProp[1];\nexport const emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged');\nfor (let props of modelProps) {\n    emitProbs.push('update:' + props);\n}\nexport const isExecute = gh ? false : true;\n/**\n * Represents the Essential JS 2 VueJS DashboardLayout Component.\n * ```html\n * <ejs-dashboardlayout></ejs-dashboardlayout>\n * ```\n */\nlet DashboardLayoutComponent = \n/* Start Options({\n    props: props,\n    watch: watch,\n    emits: emitProbs\n}) End */\nclass DashboardLayoutComponent extends ComponentBase {\n    constructor() {\n        super(arguments);\n        this.propKeys = properties;\n        this.models = modelProps;\n        this.hasChildDirective = true;\n        this.hasInjectedModules = false;\n        this.tagMapper = { \"e-panels\": \"e-panel\" };\n        this.tagNameMapper = {};\n        this.isVue3 = !isExecute;\n        this.ej2Instances = new DashboardLayout({});\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n    }\n    setProperties(prop, muteOnChange) {\n        if (this.isVue3) {\n            this.models = !this.models ? this.ej2Instances.referModels : this.models;\n        }\n        if (this.ej2Instances && this.ej2Instances._setProperties) {\n            this.ej2Instances._setProperties(prop, muteOnChange);\n        }\n        if (prop && this.models && this.models.length) {\n            Object.keys(prop).map((key) => {\n                this.models.map((model) => {\n                    if ((key === model) && !(/datasource/i.test(key))) {\n                        if (this.isVue3) {\n                            this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                        }\n                        else {\n                            this.$emit('update:' + key, prop[key]);\n                        }\n                    }\n                });\n            });\n        }\n    }\n    render(createElement) {\n        let h = gh || createElement;\n        let slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = gh ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    }\n    addPanel(panel) {\n        return this.ej2Instances.addPanel(panel);\n    }\n    movePanel(id, row, col) {\n        return this.ej2Instances.movePanel(id, row, col);\n    }\n    refresh() {\n        return this.ej2Instances.refresh();\n    }\n    removeAll() {\n        return this.ej2Instances.removeAll();\n    }\n    removePanel(id) {\n        return this.ej2Instances.removePanel(id);\n    }\n    resizePanel(id, sizeX, sizeY) {\n        return this.ej2Instances.resizePanel(id, sizeX, sizeY);\n    }\n    serialize() {\n        return this.ej2Instances.serialize();\n    }\n    updatePanel(panel) {\n        return this.ej2Instances.updatePanel(panel);\n    }\n};\nDashboardLayoutComponent = __decorate([\n    EJComponentDecorator({\n        props: properties\n    }, isExecute)\n    /* Start Options({\n        props: props,\n        watch: watch,\n        emits: emitProbs\n    }) End */\n], DashboardLayoutComponent);\nexport { DashboardLayoutComponent };\nexport const DashboardLayoutPlugin = {\n    name: 'ejs-dashboardlayout',\n    install(Vue) {\n        Vue.component(DashboardLayoutPlugin.name, DashboardLayoutComponent);\n        Vue.component(PanelPlugin.name, PanelDirective);\n        Vue.component(PanelsPlugin.name, PanelsDirective);\n    }\n};\n"],"names":["this","Vue3.Vue","Vue","__decorate","isExecute","vueImport","properties","modelProps","testProp","props","watch","emitProbs"],"mappings":"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"}
+{"version":3,"file":"ej2-vue-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":["var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';\nimport * as Vue3 from 'vue-class-component';\nimport Vue from 'vue';\nexport const isExecute = gh ? false : true;\nlet vueImport;\nif (!isExecute || parseInt(allVue.version) < 3) {\n    vueImport = Vue3.Vue;\n}\nelse {\n    vueImport = Vue;\n}\nlet PanesDirective = class PanesDirective extends vueImport {\n    render() {\n        return;\n    }\n    getTag() {\n        return 'e-panes';\n    }\n};\nPanesDirective = __decorate([\n    EJComponentDecorator({}, isExecute)\n], PanesDirective);\nexport { PanesDirective };\nexport const PanesPlugin = {\n    name: 'e-panes',\n    install(Vue) {\n        Vue.component(PanesPlugin.name, PanesDirective);\n    }\n};\n/**\n * 'e-pane' directive represent a pane of Vue Splitter\n * It must be contained in a Splitter component(`ejs-splitter`).\n * ```html\n * <ejs-splitter id='splitter'>\n *   <e-panes>\n *    <e-pane size='150px'></e-pane>\n *    <e-pane size='150px'></e-pane>\n *   </e-panes>\n * </ejs-splitter>\n * ```\n */\nlet PaneDirective = class PaneDirective extends vueImport {\n    render() {\n        return;\n    }\n    getTag() {\n        return 'e-pane';\n    }\n};\nPaneDirective = __decorate([\n    EJComponentDecorator({}, isExecute)\n], PaneDirective);\nexport { PaneDirective };\nexport const PanePlugin = {\n    name: 'e-pane',\n    install(Vue) {\n        Vue.component(PanePlugin.name, PaneDirective);\n    }\n};\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';\nimport { Splitter } from '@syncfusion/ej2-layouts';\nimport { PanesDirective, PaneDirective, PanesPlugin, PanePlugin } from './panesettings.directive';\n// {{VueImport}}\nexport const properties = ['cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableReversePanes', 'enableRtl', 'enabled', 'height', 'locale', 'orientation', 'paneSettings', 'separatorSize', 'width', 'beforeCollapse', 'beforeExpand', 'beforeSanitizeHtml', 'collapsed', 'created', 'expanded', 'resizeStart', 'resizeStop', 'resizing'];\nexport const modelProps = [];\nexport const testProp = getProps({ props: properties });\nexport const props = testProp[0];\nexport const watch = testProp[1];\nexport const emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged');\nfor (let props of modelProps) {\n    emitProbs.push('update:' + props);\n}\nexport const isExecute = gh ? false : true;\n/**\n * Represents the VueJS Splitter component\n * ```html\n * <ejs-splitter></ejs-splitter>\n * ```\n */\nlet SplitterComponent = \n/* Start Options({\n    props: props,\n    watch: watch,\n    emits: emitProbs\n}) End */\nclass SplitterComponent extends ComponentBase {\n    constructor() {\n        super(arguments);\n        this.propKeys = properties;\n        this.models = modelProps;\n        this.hasChildDirective = true;\n        this.hasInjectedModules = false;\n        this.tagMapper = { \"e-panes\": \"e-pane\" };\n        this.tagNameMapper = { \"e-panes\": \"e-paneSettings\" };\n        this.isVue3 = !isExecute;\n        this.ej2Instances = new Splitter({});\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n    }\n    clearTemplate(templateNames) {\n        if (!templateNames) {\n            templateNames = Object.keys(this.templateCollection || {});\n        }\n        if (templateNames.length && this.templateCollection) {\n            for (let tempName of templateNames) {\n                let elementCollection = this.templateCollection[tempName];\n                if (elementCollection && elementCollection.length) {\n                    for (let ele of elementCollection) {\n                        let destroy = getValue('__vue__.$destroy', ele);\n                        if (destroy) {\n                            ele.__vue__.$destroy();\n                        }\n                        if (ele.innerHTML) {\n                            ele.innerHTML = '';\n                        }\n                    }\n                    delete this.templateCollection[tempName];\n                }\n            }\n        }\n    }\n    setProperties(prop, muteOnChange) {\n        if (this.isVue3) {\n            this.models = !this.models ? this.ej2Instances.referModels : this.models;\n        }\n        if (this.ej2Instances && this.ej2Instances._setProperties) {\n            this.ej2Instances._setProperties(prop, muteOnChange);\n        }\n        if (prop && this.models && this.models.length) {\n            Object.keys(prop).map((key) => {\n                this.models.map((model) => {\n                    if ((key === model) && !(/datasource/i.test(key))) {\n                        if (this.isVue3) {\n                            this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                        }\n                        else {\n                            this.$emit('update:' + key, prop[key]);\n                            this.$emit('modelchanged', prop[key]);\n                        }\n                    }\n                });\n            });\n        }\n    }\n    render(createElement) {\n        let h = gh || createElement;\n        let slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = gh ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    }\n    addPane(paneProperties, index) {\n        return this.ej2Instances.addPane(paneProperties, index);\n    }\n    collapse(index) {\n        return this.ej2Instances.collapse(index);\n    }\n    expand(index) {\n        return this.ej2Instances.expand(index);\n    }\n    removePane(index) {\n        return this.ej2Instances.removePane(index);\n    }\n};\nSplitterComponent = __decorate([\n    EJComponentDecorator({\n        props: properties\n    }, isExecute)\n    /* Start Options({\n        props: props,\n        watch: watch,\n        emits: emitProbs\n    }) End */\n], SplitterComponent);\nexport { SplitterComponent };\nexport const SplitterPlugin = {\n    name: 'ejs-splitter',\n    install(Vue) {\n        Vue.component(SplitterPlugin.name, SplitterComponent);\n        Vue.component(PanePlugin.name, PaneDirective);\n        Vue.component(PanesPlugin.name, PanesDirective);\n    }\n};\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';\nimport * as Vue3 from 'vue-class-component';\nimport Vue from 'vue';\nexport const isExecute = gh ? false : true;\nlet vueImport;\nif (!isExecute || parseInt(allVue.version) < 3) {\n    vueImport = Vue3.Vue;\n}\nelse {\n    vueImport = Vue;\n}\nlet PanelsDirective = class PanelsDirective extends vueImport {\n    render() {\n        return;\n    }\n    getTag() {\n        return 'e-panels';\n    }\n};\nPanelsDirective = __decorate([\n    EJComponentDecorator({}, isExecute)\n], PanelsDirective);\nexport { PanelsDirective };\nexport const PanelsPlugin = {\n    name: 'e-panels',\n    install(Vue) {\n        Vue.component(PanelsPlugin.name, PanelsDirective);\n    }\n};\n/**\n * 'e-panels' directive represent a presets of VueJS dashboardlayout component\n * It must be contained in a dashboardlayout component(`ejs-dashboardlayout`).\n * ```html\n * <ejs-dashboardlayout>\n *   <e-panels>\n *   <e-panel></e-panel>\n *   <e-panel></e-panel>\n *   </e-panels>\n * </ejs-dashboardlayout>\n * ```\n */\nlet PanelDirective = class PanelDirective extends vueImport {\n    render() {\n        return;\n    }\n    getTag() {\n        return 'e-panel';\n    }\n};\nPanelDirective = __decorate([\n    EJComponentDecorator({}, isExecute)\n], PanelDirective);\nexport { PanelDirective };\nexport const PanelPlugin = {\n    name: 'e-panel',\n    install(Vue) {\n        Vue.component(PanelPlugin.name, PanelDirective);\n    }\n};\n","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';\nimport { DashboardLayout } from '@syncfusion/ej2-layouts';\nimport { PanelsDirective, PanelDirective, PanelsPlugin, PanelPlugin } from './panels.directive';\n// {{VueImport}}\nexport const properties = ['allowDragging', 'allowFloating', 'allowPushing', 'allowResizing', 'cellAspectRatio', 'cellSpacing', 'columns', 'draggableHandle', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mediaQuery', 'panels', 'resizableHandles', 'showGridLines', 'change', 'created', 'destroyed', 'drag', 'dragStart', 'dragStop', 'resize', 'resizeStart', 'resizeStop'];\nexport const modelProps = [];\nexport const testProp = getProps({ props: properties });\nexport const props = testProp[0];\nexport const watch = testProp[1];\nexport const emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged');\nfor (let props of modelProps) {\n    emitProbs.push('update:' + props);\n}\nexport const isExecute = gh ? false : true;\n/**\n * Represents the Essential JS 2 VueJS DashboardLayout Component.\n * ```html\n * <ejs-dashboardlayout></ejs-dashboardlayout>\n * ```\n */\nlet DashboardLayoutComponent = \n/* Start Options({\n    props: props,\n    watch: watch,\n    emits: emitProbs\n}) End */\nclass DashboardLayoutComponent extends ComponentBase {\n    constructor() {\n        super(arguments);\n        this.propKeys = properties;\n        this.models = modelProps;\n        this.hasChildDirective = true;\n        this.hasInjectedModules = false;\n        this.tagMapper = { \"e-panels\": \"e-panel\" };\n        this.tagNameMapper = {};\n        this.isVue3 = !isExecute;\n        this.ej2Instances = new DashboardLayout({});\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n    }\n    clearTemplate(templateNames) {\n        if (!templateNames) {\n            templateNames = Object.keys(this.templateCollection || {});\n        }\n        if (templateNames.length && this.templateCollection) {\n            for (let tempName of templateNames) {\n                let elementCollection = this.templateCollection[tempName];\n                if (elementCollection && elementCollection.length) {\n                    for (let ele of elementCollection) {\n                        let destroy = getValue('__vue__.$destroy', ele);\n                        if (destroy) {\n                            ele.__vue__.$destroy();\n                        }\n                        if (ele.innerHTML) {\n                            ele.innerHTML = '';\n                        }\n                    }\n                    delete this.templateCollection[tempName];\n                }\n            }\n        }\n    }\n    setProperties(prop, muteOnChange) {\n        if (this.isVue3) {\n            this.models = !this.models ? this.ej2Instances.referModels : this.models;\n        }\n        if (this.ej2Instances && this.ej2Instances._setProperties) {\n            this.ej2Instances._setProperties(prop, muteOnChange);\n        }\n        if (prop && this.models && this.models.length) {\n            Object.keys(prop).map((key) => {\n                this.models.map((model) => {\n                    if ((key === model) && !(/datasource/i.test(key))) {\n                        if (this.isVue3) {\n                            this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                        }\n                        else {\n                            this.$emit('update:' + key, prop[key]);\n                            this.$emit('modelchanged', prop[key]);\n                        }\n                    }\n                });\n            });\n        }\n    }\n    render(createElement) {\n        let h = gh || createElement;\n        let slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = gh ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    }\n    addPanel(panel) {\n        return this.ej2Instances.addPanel(panel);\n    }\n    movePanel(id, row, col) {\n        return this.ej2Instances.movePanel(id, row, col);\n    }\n    refresh() {\n        return this.ej2Instances.refresh();\n    }\n    removeAll() {\n        return this.ej2Instances.removeAll();\n    }\n    removePanel(id) {\n        return this.ej2Instances.removePanel(id);\n    }\n    resizePanel(id, sizeX, sizeY) {\n        return this.ej2Instances.resizePanel(id, sizeX, sizeY);\n    }\n    serialize() {\n        return this.ej2Instances.serialize();\n    }\n    updatePanel(panel) {\n        return this.ej2Instances.updatePanel(panel);\n    }\n};\nDashboardLayoutComponent = __decorate([\n    EJComponentDecorator({\n        props: properties\n    }, isExecute)\n    /* Start Options({\n        props: props,\n        watch: watch,\n        emits: emitProbs\n    }) End */\n], DashboardLayoutComponent);\nexport { DashboardLayoutComponent };\nexport const DashboardLayoutPlugin = {\n    name: 'ejs-dashboardlayout',\n    install(Vue) {\n        Vue.component(DashboardLayoutPlugin.name, DashboardLayoutComponent);\n        Vue.component(PanelPlugin.name, PanelDirective);\n        Vue.component(PanelsPlugin.name, PanelsDirective);\n    }\n};\n"],"names":["this","Vue3.Vue","Vue","__decorate","isExecute","vueImport","properties","modelProps","testProp","props","watch","emitProbs"],"mappings":"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"}

package/dist/es6/ej2-vue-layouts.es5.js

@@ -2,7 +2,7 @@ import { DashboardLayout, Splitter } from '@syncfusion/ej2-layouts';
 import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
 import { Vue } from 'vue-class-component';
 import Vue$1 from 'vue';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
+import { getValue, isNullOrUndefined } from '@syncfusion/ej2-base';
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -141,8 +141,33 @@ var SplitterComponent = /** @__PURE__ @class */ (function (_super) {
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
+        _this.ej2Instances.clearTemplate = _this.clearTemplate;
         return _this;
     }
+    SplitterComponent.prototype.clearTemplate = function (templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                var tempName = templateNames_1[_i];
+                var elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                        var ele = elementCollection_1[_a];
+                        var destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
+    };
     SplitterComponent.prototype.setProperties = function (prop, muteOnChange) {
         var _this = this;
         if (this.isVue3) {
@@ -160,6 +185,7 @@ var SplitterComponent = /** @__PURE__ @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });
@@ -344,8 +370,33 @@ var DashboardLayoutComponent = /** @__PURE__ @class */ (function (_super) {
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
+        _this.ej2Instances.clearTemplate = _this.clearTemplate;
         return _this;
     }
+    DashboardLayoutComponent.prototype.clearTemplate = function (templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                var tempName = templateNames_1[_i];
+                var elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                        var ele = elementCollection_1[_a];
+                        var destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
+    };
     DashboardLayoutComponent.prototype.setProperties = function (prop, muteOnChange) {
         var _this = this;
         if (this.isVue3) {
@@ -363,6 +414,7 @@ var DashboardLayoutComponent = /** @__PURE__ @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });