@syncfusion/ej2-vue-layouts 24.2.4 → 25.1.37

package/CHANGELOG.md

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

package/README.md

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

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

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-vue-layouts.umd.min.js
-*  version : 24.2.4
+*  version : 25.1.37
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-layouts"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-layouts","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Layouts,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,s){"use strict";var i=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,i=null;return s.isNullOrUndefined(this.$slots.default)||(i=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},i)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-panes"}}}),a={name:"e-panes",install:function(e){e.component(a.name,i)}},o=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-pane"}}}),l={name:"e-pane",install:function(e){e.component(l.name,o)}},r=["isLazyUpdate","plugins","cssClass","enableHtmlSanitizer","enablePersistence","enableReversePanes","enableRtl","enabled","height","locale","orientation","paneSettings","separatorSize","width","beforeCollapse","beforeExpand","beforeSanitizeHtml","collapsed","created","expanded","resizeStart","resizeStop","resizing"],u=[],c=n.getProps({props:r}),d=c[0],p=c[1],h=Object.keys(p);h.push("modelchanged","update:modelValue");for(var m=0,f=u;m<f.length;m++){var g=f[m];h.push("update:"+g)}var v=n.vueDefineComponent({name:"SplitterComponent",mixins:[n.ComponentBase],props:d,watch:p,emits:h,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Splitter({}),propKeys:r,models:u,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-panes":"e-pane"},tagNameMapper:{"e-panes":"e-paneSettings"},isVue3:!n.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=n.isExecute?e:n.gh,i=null;return s.isNullOrUndefined(this.$slots.default)||(i=n.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var i=n[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,l=a;o<l.length;o++){var r=l[o];s.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[i]}}},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(s){t!==s||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(n.$emit("update:"+t,e[t]),n.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},addPane:function(e,t){return this.ej2Instances.addPane(e,t)},collapse:function(e){return this.ej2Instances.collapse(e)},expand:function(e){return this.ej2Instances.expand(e)},removePane:function(e){return this.ej2Instances.removePane(e)}}}),j={name:"ejs-splitter",install:function(e){e.component(j.name,v),e.component(l.name,o),e.component(a.name,i)}},P=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,i=null;return s.isNullOrUndefined(this.$slots.default)||(i=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},i)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-panels"}}}),I={name:"e-panels",install:function(e){e.component(I.name,P)}},y=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-panel"}}}),b={name:"e-panel",install:function(e){e.component(b.name,y)}},C=["isLazyUpdate","plugins","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"],_=[],x=n.getProps({props:C}),$=x[0],z=x[1],D=Object.keys(z);D.push("modelchanged","update:modelValue");for(var S=0,E=_;S<E.length;S++){var T=E[S];D.push("update:"+T)}var M=n.vueDefineComponent({name:"DashboardLayoutComponent",mixins:[n.ComponentBase],props:$,watch:z,emits:D,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.DashboardLayout({}),propKeys:C,models:_,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-panels":"e-panel"},tagNameMapper:{},isVue3:!n.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=n.isExecute?e:n.gh,i=null;return s.isNullOrUndefined(this.$slots.default)||(i=n.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var i=n[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,l=a;o<l.length;o++){var r=l[o];s.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[i]}}},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(s){t!==s||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(n.$emit("update:"+t,e[t]),n.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},addPanel:function(e){return this.ej2Instances.addPanel(e)},movePanel:function(e,t,n){return this.ej2Instances.movePanel(e,t,n)},refresh:function(){return this.ej2Instances.refresh()},removeAll:function(){return this.ej2Instances.removeAll()},removePanel:function(e){return this.ej2Instances.removePanel(e)},resizePanel:function(e,t,n){return this.ej2Instances.resizePanel(e,t,n)},serialize:function(){return this.ej2Instances.serialize()},updatePanel:function(e){return this.ej2Instances.updatePanel(e)}}}),L={name:"ejs-dashboardlayout",install:function(e){e.component(L.name,M),e.component(b.name,y),e.component(I.name,P)}};e.PanesDirective=i,e.PaneDirective=o,e.PanesPlugin=a,e.PanePlugin=l,e.SplitterComponent=v,e.SplitterPlugin=j,e.PanelsDirective=P,e.PanelDirective=y,e.PanelsPlugin=I,e.PanelPlugin=b,e.DashboardLayoutComponent=M,e.DashboardLayoutPlugin=L,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-layouts"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-layouts","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Layouts,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,s){"use strict";var i=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,i=null;return s.isNullOrUndefined(this.$slots.default)||(i=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},i)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-panes"}}}),a={name:"e-panes",install:function(e){e.component(a.name,i)}},o=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-pane"}}}),l={name:"e-pane",install:function(e){e.component(l.name,o)}},r=["isLazyUpdate","plugins","cssClass","enableHtmlSanitizer","enablePersistence","enableReversePanes","enableRtl","enabled","height","locale","orientation","paneSettings","separatorSize","width","beforeCollapse","beforeExpand","beforeSanitizeHtml","collapsed","created","expanded","resizeStart","resizeStop","resizing"],u=[],c=n.getProps({props:r}),d=c[0],p=c[1],m=Object.keys(p);m.push("modelchanged","update:modelValue");for(var h=0,f=u;h<f.length;h++){var g=f[h];m.push("update:"+g)}var v=n.vueDefineComponent({name:"SplitterComponent",mixins:[n.ComponentBase],props:d,watch:p,emits:m,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Splitter({}),propKeys:r,models:u,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-panes":"e-pane"},tagNameMapper:{"e-panes":"e-paneSettings"},isVue3:!n.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=n.isExecute?e:n.gh,i=null;return s.isNullOrUndefined(this.$slots.default)||(i=n.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var i=n[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,l=a;o<l.length;o++){var r=l[o];s.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[i]}}},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(s){t!==s||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(n.$emit("update:"+t,e[t]),n.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},addPane:function(e,t){return this.ej2Instances.addPane(e,t)},collapse:function(e){return this.ej2Instances.collapse(e)},expand:function(e){return this.ej2Instances.expand(e)},removePane:function(e){return this.ej2Instances.removePane(e)}}}),j={name:"ejs-splitter",install:function(e){e.component(j.name,v),e.component(l.name,o),e.component(a.name,i)}},P=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,i=null;return s.isNullOrUndefined(this.$slots.default)||(i=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},i)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-panels"}}}),I={name:"e-panels",install:function(e){e.component(I.name,P)}},y=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-panel"}}}),b={name:"e-panel",install:function(e){e.component(b.name,y)}},C=["isLazyUpdate","plugins","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"],_=[],$=n.getProps({props:C}),x=$[0],T=$[1],D=Object.keys(T);D.push("modelchanged","update:modelValue");for(var E=0,z=_;E<z.length;E++){var M=z[E];D.push("update:"+M)}var O=n.vueDefineComponent({name:"DashboardLayoutComponent",mixins:[n.ComponentBase],props:x,watch:T,emits:D,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.DashboardLayout({}),propKeys:C,models:_,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-panels":"e-panel"},tagNameMapper:{},isVue3:!n.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=n.isExecute?e:n.gh,i=null;return s.isNullOrUndefined(this.$slots.default)||(i=n.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var i=n[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,l=a;o<l.length;o++){var r=l[o];s.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[i]}}},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(s){t!==s||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(n.$emit("update:"+t,e[t]),n.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},addPanel:function(e){return this.ej2Instances.addPanel(e)},movePanel:function(e,t,n){return this.ej2Instances.movePanel(e,t,n)},refresh:function(){return this.ej2Instances.refresh()},removeAll:function(){return this.ej2Instances.removeAll()},removePanel:function(e){return this.ej2Instances.removePanel(e)},resizePanel:function(e,t,n){return this.ej2Instances.resizePanel(e,t,n)},serialize:function(){return this.ej2Instances.serialize()},updatePanel:function(e){return this.ej2Instances.updatePanel(e)}}}),S={name:"ejs-dashboardlayout",install:function(e){e.component(S.name,O),e.component(b.name,y),e.component(I.name,P)}},V=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,i=null;return s.isNullOrUndefined(this.$slots.default)||(i=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},i)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-items"}}}),L={name:"e-items",install:function(e){e.component(L.name,V)}},w=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-item"}}}),H={name:"e-item",install:function(e){e.component(H.name,w)}},k=["isLazyUpdate","plugins","align","cssClass","enablePersistence","enableRtl","items","locale","orientation","reverse","template","beforeItemRender","created"],N=[],U=n.getProps({props:k}),R=U[0],B=U[1],q=Object.keys(B);q.push("modelchanged","update:modelValue");for(var A=0,K=N;A<K.length;A++){var F=K[A];q.push("update:"+F)}var G=n.vueDefineComponent({name:"TimelineComponent",mixins:[n.ComponentBase],props:R,watch:B,emits:q,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Timeline({}),propKeys:k,models:N,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-items":"e-item"},tagNameMapper:{},isVue3:!n.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=n.isExecute?e:n.gh,i=null;return s.isNullOrUndefined(this.$slots.default)||(i=n.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var i=n[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,l=a;o<l.length;o++){var r=l[o];s.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[i]}}},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(s){t!==s||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(n.$emit("update:"+t,e[t]),n.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()}}}),Q={name:"ejs-timeline",install:function(e){e.component(Q.name,G),e.component(H.name,w),e.component(L.name,V)}};e.PanesDirective=i,e.PaneDirective=o,e.PanesPlugin=a,e.PanePlugin=l,e.SplitterComponent=v,e.SplitterPlugin=j,e.PanelsDirective=P,e.PanelDirective=y,e.PanelsPlugin=I,e.PanelPlugin=b,e.DashboardLayoutComponent=O,e.DashboardLayoutPlugin=S,e.ItemsDirective=V,e.ItemDirective=w,e.ItemsPlugin=L,e.ItemPlugin=H,e.TimelineComponent=G,e.TimelinePlugin=Q,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":["import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport var PanesDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render: function (createElement) {\n        if (!isExecute) {\n            var h = !isExecute ? gh : createElement;\n            var slots = null;\n            if (!isNullOrUndefined(this.$slots.default)) {\n                slots = !isExecute ? this.$slots.default() : this.$slots.default;\n            }\n            return h('div', { class: 'e-directive' }, slots);\n        }\n        return;\n    },\n    updated: function () {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag: function () {\n            return 'e-panes';\n        }\n    }\n});\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 */\nexport var PaneDirective = vueDefineComponent({\n    render: function () {\n        return;\n    },\n    methods: {\n        getTag: function () {\n            return 'e-pane';\n        }\n    }\n});\nexport var PanePlugin = {\n    name: 'e-pane',\n    install: function (Vue) {\n        Vue.component(PanePlugin.name, PaneDirective);\n    }\n};\n","import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } 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';\nexport var properties = ['isLazyUpdate', 'plugins', '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], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\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}\n/**\n * Represents the VueJS Splitter component\n * ```html\n * <ejs-splitter></ejs-splitter>\n * ```\n */\nexport var SplitterComponent = vueDefineComponent({\n    name: 'SplitterComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    provide: function () { return { custom: this.custom }; },\n    data: function () {\n        return {\n            ej2Instances: new Splitter({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: true,\n            hasInjectedModules: false,\n            tagMapper: { \"e-panes\": \"e-pane\" },\n            tagNameMapper: { \"e-panes\": \"e-paneSettings\" },\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created: function () {\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render: function (createElement) {\n        var h = !isExecute ? gh : createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate: function (templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n                    var tempName = templateNames_1[_i];\n                    var elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n                            var ele = elementCollection_1[_a];\n                            var 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: 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                                _this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        custom: function () {\n            this.updated();\n        },\n        addPane: function (paneProperties, index) {\n            return this.ej2Instances.addPane(paneProperties, index);\n        },\n        collapse: function (index) {\n            return this.ej2Instances.collapse(index);\n        },\n        expand: function (index) {\n            return this.ej2Instances.expand(index);\n        },\n        removePane: function (index) {\n            return this.ej2Instances.removePane(index);\n        },\n    }\n});\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","import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport var PanelsDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render: function (createElement) {\n        if (!isExecute) {\n            var h = !isExecute ? gh : createElement;\n            var slots = null;\n            if (!isNullOrUndefined(this.$slots.default)) {\n                slots = !isExecute ? this.$slots.default() : this.$slots.default;\n            }\n            return h('div', { class: 'e-directive' }, slots);\n        }\n        return;\n    },\n    updated: function () {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag: function () {\n            return 'e-panels';\n        }\n    }\n});\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 */\nexport var PanelDirective = vueDefineComponent({\n    render: function () {\n        return;\n    },\n    methods: {\n        getTag: function () {\n            return 'e-panel';\n        }\n    }\n});\nexport var PanelPlugin = {\n    name: 'e-panel',\n    install: function (Vue) {\n        Vue.component(PanelPlugin.name, PanelDirective);\n    }\n};\n","import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } 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';\nexport var properties = ['isLazyUpdate', 'plugins', '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], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\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}\n/**\n * Represents the Essential JS 2 VueJS DashboardLayout Component.\n * ```html\n * <ejs-dashboardlayout></ejs-dashboardlayout>\n * ```\n */\nexport var DashboardLayoutComponent = vueDefineComponent({\n    name: 'DashboardLayoutComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    provide: function () { return { custom: this.custom }; },\n    data: function () {\n        return {\n            ej2Instances: new DashboardLayout({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: true,\n            hasInjectedModules: false,\n            tagMapper: { \"e-panels\": \"e-panel\" },\n            tagNameMapper: {},\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created: function () {\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render: function (createElement) {\n        var h = !isExecute ? gh : createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate: function (templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n                    var tempName = templateNames_1[_i];\n                    var elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n                            var ele = elementCollection_1[_a];\n                            var 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: 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                                _this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        custom: function () {\n            this.updated();\n        },\n        addPanel: function (panel) {\n            return this.ej2Instances.addPanel(panel);\n        },\n        movePanel: function (id, row, col) {\n            return this.ej2Instances.movePanel(id, row, col);\n        },\n        refresh: function () {\n            return this.ej2Instances.refresh();\n        },\n        removeAll: function () {\n            return this.ej2Instances.removeAll();\n        },\n        removePanel: function (id) {\n            return this.ej2Instances.removePanel(id);\n        },\n        resizePanel: function (id, sizeX, sizeY) {\n            return this.ej2Instances.resizePanel(id, sizeX, sizeY);\n        },\n        serialize: function () {\n            return this.ej2Instances.serialize();\n        },\n        updatePanel: function (panel) {\n            return this.ej2Instances.updatePanel(panel);\n        },\n    }\n});\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":["PanesDirective","vueDefineComponent","inject","custom","default","render","createElement","isExecute","h","gh","slots","isNullOrUndefined","this","$slots","class","updated","methods","getTag","PanesPlugin","name","install","Vue","component","PaneDirective","PanePlugin","properties","modelProps","testProp","getProps","props","watch","emitProbs","Object","keys","push","_i","modelProps_1","length","props_1","SplitterComponent","mixins","ComponentBase","emits","provide","data","ej2Instances","Splitter","propKeys","models","hasChildDirective","hasInjectedModules","tagMapper","e-panes","tagNameMapper","isVue3","templateCollection","created","bindProperties","_setProperties","setProperties","clearTemplate","templateNames","templateNames_1","tempName","elementCollection","_a","elementCollection_1","ele","getValue","__vue__","$destroy","innerHTML","prop","muteOnChange","_this","referModels","map","key","model","test","vueInstance","$emit","addPane","paneProperties","index","collapse","expand","removePane","SplitterPlugin","PanelsDirective","PanelsPlugin","PanelDirective","PanelPlugin","DashboardLayoutComponent","DashboardLayout","e-panels","addPanel","panel","movePanel","id","row","col","refresh","removeAll","removePanel","resizePanel","sizeX","sizeY","serialize","updatePanel","DashboardLayoutPlugin"],"mappings":"kZAEO,IAAIA,EAAiBC,sBACxBC,QAAUC,QAAUC,QAAS,OAC7BC,OAAQ,SAAUC,GACd,IAAKC,YAAW,CACZ,IAAIC,EAAKD,YAAiBD,EAALG,KACjBC,EAAQ,KAIZ,OAHKC,oBAAkBC,KAAKC,OAAOT,WAC/BM,EAASH,YAAoCK,KAAKC,OAAOT,QAApCQ,KAAKC,OAAOT,WAE9BI,EAAE,OAASM,MAAO,eAAiBJ,KAIlDK,QAAS,YACAR,aAAaK,KAAKT,QACnBS,KAAKT,UAGba,SACIC,OAAQ,WACJ,MAAO,cAIRC,GACPC,KAAM,UACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUJ,EAAYC,KAAMnB,KAe7BuB,EAAgBtB,sBACvBI,OAAQ,aAGRW,SACIC,OAAQ,WACJ,MAAO,aAIRO,GACPL,KAAM,SACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUE,EAAWL,KAAMI,KCrD5BE,GAAc,eAAgB,UAAW,WAAY,sBAAuB,oBAAqB,qBAAsB,YAAa,UAAW,SAAU,SAAU,cAAe,eAAgB,gBAAiB,QAAS,iBAAkB,eAAgB,qBAAsB,YAAa,UAAW,WAAY,cAAe,aAAc,YACrVC,KACAC,EAAWC,YAAWC,MAAOJ,IAC7BI,EAAQF,EAAS,GAAIG,EAAQH,EAAS,GAAII,EAAYC,OAAOC,KAAKH,GAC7EC,EAAUG,KAAK,eAAgB,qBAC/B,IAAK,IAAIC,EAAK,EAAGC,EAAeV,EAAYS,EAAKC,EAAaC,OAAQF,IAAM,CACxE,IAAIG,EAAUF,EAAaD,GAC3BJ,EAAUG,KAAK,UAAYI,GAQ/B,IAAWC,EAAoBtC,sBAC3BkB,KAAM,oBACNqB,QAASC,iBACTZ,MAAOA,EACPC,MAAOA,EACPY,MAAOX,EACPY,QAAS,WAAc,OAASxC,OAAQS,KAAKT,SAC7CyC,KAAM,WACF,OACIC,aAAc,IAAIC,eAClBC,SAAUtB,EACVuB,OAAQtB,EACRuB,mBAAmB,EACnBC,oBAAoB,EACpBC,WAAaC,UAAW,UACxBC,eAAiBD,UAAW,kBAC5BE,QAAS/C,YACTgD,wBAGRC,QAAS,WACL5C,KAAK6C,iBACL7C,KAAKiC,aAAaa,eAAiB9C,KAAKiC,aAAac,cACrD/C,KAAKiC,aAAac,cAAgB/C,KAAK+C,cACvC/C,KAAKiC,aAAae,cAAgBhD,KAAKgD,cACvChD,KAAKG,QAAUH,KAAKG,SAExBV,OAAQ,SAAUC,GACd,IAAIE,EAAKD,YAAiBD,EAALG,KACjBC,EAAQ,KAIZ,OAHKC,oBAAkBC,KAAKC,OAAOT,WAC/BM,EAASH,YAAoCK,KAAKC,OAAOT,QAApCQ,KAAKC,OAAOT,WAE9BI,EAAE,MAAOE,IAEpBM,SACI4C,cAAe,SAAUC,GAIrB,GAHKA,IACDA,EAAgB7B,OAAOC,KAAKrB,KAAK2C,yBAEjCM,EAAcxB,QAAUzB,KAAK2C,mBAC7B,IAAK,IAAIpB,EAAK,EAAG2B,EAAkBD,EAAe1B,EAAK2B,EAAgBzB,OAAQF,IAAM,CACjF,IAAI4B,EAAWD,EAAgB3B,GAC3B6B,EAAoBpD,KAAK2C,mBAAmBQ,GAChD,GAAIC,GAAqBA,EAAkB3B,OAAQ,CAC/C,IAAK,IAAI4B,EAAK,EAAGC,EAAsBF,EAAmBC,EAAKC,EAAoB7B,OAAQ4B,IAAM,CAC7F,IAAIE,EAAMD,EAAoBD,GAChBG,WAAS,mBAAoBD,IAEvCA,EAAIE,QAAQC,WAEZH,EAAII,YACJJ,EAAII,UAAY,WAGjB3D,KAAK2C,mBAAmBQ,MAK/CJ,cAAe,SAAUa,EAAMC,GAC3B,IAAIC,EAAQ9D,KACRA,KAAK0C,SACL1C,KAAKoC,OAAUpC,KAAKoC,OAAyCpC,KAAKoC,OAArCpC,KAAKiC,aAAa8B,aAE/C/D,KAAKiC,cAAgBjC,KAAKiC,aAAaa,gBACvC9C,KAAKiC,aAAaa,eAAec,EAAMC,GAEvCD,GAAQ5D,KAAKoC,QAAUpC,KAAKoC,OAAOX,QACnCL,OAAOC,KAAKuC,GAAMI,IAAI,SAAUC,GAC5BH,EAAM1B,OAAO4B,IAAI,SAAUE,GAClBD,IAAQC,GAAY,cAAcC,KAAKF,KACpCH,EAAMpB,OACNoB,EAAM7B,aAAamC,YAAYC,MAAM,UAAYJ,EAAKL,EAAKK,KAG3DH,EAAMO,MAAM,UAAYJ,EAAKL,EAAKK,IAClCH,EAAMO,MAAM,eAAgBT,EAAKK,WAOzD1E,OAAQ,WACJS,KAAKG,WAETmE,QAAS,SAAUC,EAAgBC,GAC/B,OAAOxE,KAAKiC,aAAaqC,QAAQC,EAAgBC,IAErDC,SAAU,SAAUD,GAChB,OAAOxE,KAAKiC,aAAawC,SAASD,IAEtCE,OAAQ,SAAUF,GACd,OAAOxE,KAAKiC,aAAayC,OAAOF,IAEpCG,WAAY,SAAUH,GAClB,OAAOxE,KAAKiC,aAAa0C,WAAWH,OAIrCI,GACPrE,KAAM,eACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUkE,EAAerE,KAAMoB,GACnClB,EAAIC,UAAUE,EAAWL,KAAMI,GAC/BF,EAAIC,UAAUJ,EAAYC,KAAMnB,KC3H7ByF,EAAkBxF,sBACzBC,QAAUC,QAAUC,QAAS,OAC7BC,OAAQ,SAAUC,GACd,IAAKC,YAAW,CACZ,IAAIC,EAAKD,YAAiBD,EAALG,KACjBC,EAAQ,KAIZ,OAHKC,oBAAkBC,KAAKC,OAAOT,WAC/BM,EAASH,YAAoCK,KAAKC,OAAOT,QAApCQ,KAAKC,OAAOT,WAE9BI,EAAE,OAASM,MAAO,eAAiBJ,KAIlDK,QAAS,YACAR,aAAaK,KAAKT,QACnBS,KAAKT,UAGba,SACIC,OAAQ,WACJ,MAAO,eAIRyE,GACPvE,KAAM,WACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUoE,EAAavE,KAAMsE,KAe9BE,EAAiB1F,sBACxBI,OAAQ,aAGRW,SACIC,OAAQ,WACJ,MAAO,cAIR2E,GACPzE,KAAM,UACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUsE,EAAYzE,KAAMwE,KCrD7BlE,GAAc,eAAgB,UAAW,gBAAiB,gBAAiB,eAAgB,gBAAiB,kBAAmB,cAAe,UAAW,kBAAmB,sBAAuB,oBAAqB,YAAa,SAAU,aAAc,SAAU,mBAAoB,gBAAiB,SAAU,UAAW,YAAa,OAAQ,YAAa,WAAY,SAAU,cAAe,cACxYC,KACAC,EAAWC,YAAWC,MAAOJ,IAC7BI,EAAQF,EAAS,GAAIG,EAAQH,EAAS,GAAII,EAAYC,OAAOC,KAAKH,GAC7EC,EAAUG,KAAK,eAAgB,qBAC/B,IAAK,IAAIC,EAAK,EAAGC,EAAeV,EAAYS,EAAKC,EAAaC,OAAQF,IAAM,CACxE,IAAIG,EAAUF,EAAaD,GAC3BJ,EAAUG,KAAK,UAAYI,GAQ/B,IAAWuD,EAA2B5F,sBAClCkB,KAAM,2BACNqB,QAASC,iBACTZ,MAAOA,EACPC,MAAOA,EACPY,MAAOX,EACPY,QAAS,WAAc,OAASxC,OAAQS,KAAKT,SAC7CyC,KAAM,WACF,OACIC,aAAc,IAAIiD,sBAClB/C,SAAUtB,EACVuB,OAAQtB,EACRuB,mBAAmB,EACnBC,oBAAoB,EACpBC,WAAa4C,WAAY,WACzB1C,iBACAC,QAAS/C,YACTgD,wBAGRC,QAAS,WACL5C,KAAK6C,iBACL7C,KAAKiC,aAAaa,eAAiB9C,KAAKiC,aAAac,cACrD/C,KAAKiC,aAAac,cAAgB/C,KAAK+C,cACvC/C,KAAKiC,aAAae,cAAgBhD,KAAKgD,cACvChD,KAAKG,QAAUH,KAAKG,SAExBV,OAAQ,SAAUC,GACd,IAAIE,EAAKD,YAAiBD,EAALG,KACjBC,EAAQ,KAIZ,OAHKC,oBAAkBC,KAAKC,OAAOT,WAC/BM,EAASH,YAAoCK,KAAKC,OAAOT,QAApCQ,KAAKC,OAAOT,WAE9BI,EAAE,MAAOE,IAEpBM,SACI4C,cAAe,SAAUC,GAIrB,GAHKA,IACDA,EAAgB7B,OAAOC,KAAKrB,KAAK2C,yBAEjCM,EAAcxB,QAAUzB,KAAK2C,mBAC7B,IAAK,IAAIpB,EAAK,EAAG2B,EAAkBD,EAAe1B,EAAK2B,EAAgBzB,OAAQF,IAAM,CACjF,IAAI4B,EAAWD,EAAgB3B,GAC3B6B,EAAoBpD,KAAK2C,mBAAmBQ,GAChD,GAAIC,GAAqBA,EAAkB3B,OAAQ,CAC/C,IAAK,IAAI4B,EAAK,EAAGC,EAAsBF,EAAmBC,EAAKC,EAAoB7B,OAAQ4B,IAAM,CAC7F,IAAIE,EAAMD,EAAoBD,GAChBG,WAAS,mBAAoBD,IAEvCA,EAAIE,QAAQC,WAEZH,EAAII,YACJJ,EAAII,UAAY,WAGjB3D,KAAK2C,mBAAmBQ,MAK/CJ,cAAe,SAAUa,EAAMC,GAC3B,IAAIC,EAAQ9D,KACRA,KAAK0C,SACL1C,KAAKoC,OAAUpC,KAAKoC,OAAyCpC,KAAKoC,OAArCpC,KAAKiC,aAAa8B,aAE/C/D,KAAKiC,cAAgBjC,KAAKiC,aAAaa,gBACvC9C,KAAKiC,aAAaa,eAAec,EAAMC,GAEvCD,GAAQ5D,KAAKoC,QAAUpC,KAAKoC,OAAOX,QACnCL,OAAOC,KAAKuC,GAAMI,IAAI,SAAUC,GAC5BH,EAAM1B,OAAO4B,IAAI,SAAUE,GAClBD,IAAQC,GAAY,cAAcC,KAAKF,KACpCH,EAAMpB,OACNoB,EAAM7B,aAAamC,YAAYC,MAAM,UAAYJ,EAAKL,EAAKK,KAG3DH,EAAMO,MAAM,UAAYJ,EAAKL,EAAKK,IAClCH,EAAMO,MAAM,eAAgBT,EAAKK,WAOzD1E,OAAQ,WACJS,KAAKG,WAETiF,SAAU,SAAUC,GAChB,OAAOrF,KAAKiC,aAAamD,SAASC,IAEtCC,UAAW,SAAUC,EAAIC,EAAKC,GAC1B,OAAOzF,KAAKiC,aAAaqD,UAAUC,EAAIC,EAAKC,IAEhDC,QAAS,WACL,OAAO1F,KAAKiC,aAAayD,WAE7BC,UAAW,WACP,OAAO3F,KAAKiC,aAAa0D,aAE7BC,YAAa,SAAUL,GACnB,OAAOvF,KAAKiC,aAAa2D,YAAYL,IAEzCM,YAAa,SAAUN,EAAIO,EAAOC,GAC9B,OAAO/F,KAAKiC,aAAa4D,YAAYN,EAAIO,EAAOC,IAEpDC,UAAW,WACP,OAAOhG,KAAKiC,aAAa+D,aAE7BC,YAAa,SAAUZ,GACnB,OAAOrF,KAAKiC,aAAagE,YAAYZ,OAItCa,GACP3F,KAAM,sBACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUwF,EAAsB3F,KAAM0E,GAC1CxE,EAAIC,UAAUsE,EAAYzE,KAAMwE,GAChCtE,EAAIC,UAAUoE,EAAavE,KAAMsE"}
+{"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","../src/timeline/items.directive.js","../src/timeline/timeline.component.js"],"sourcesContent":["import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport var PanesDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render: function (createElement) {\n        if (!isExecute) {\n            var h = !isExecute ? gh : createElement;\n            var slots = null;\n            if (!isNullOrUndefined(this.$slots.default)) {\n                slots = !isExecute ? this.$slots.default() : this.$slots.default;\n            }\n            return h('div', { class: 'e-directive' }, slots);\n        }\n        return;\n    },\n    updated: function () {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag: function () {\n            return 'e-panes';\n        }\n    }\n});\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 */\nexport var PaneDirective = vueDefineComponent({\n    render: function () {\n        return;\n    },\n    methods: {\n        getTag: function () {\n            return 'e-pane';\n        }\n    }\n});\nexport var PanePlugin = {\n    name: 'e-pane',\n    install: function (Vue) {\n        Vue.component(PanePlugin.name, PaneDirective);\n    }\n};\n","import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } 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';\nexport var properties = ['isLazyUpdate', 'plugins', '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], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\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}\n/**\n * Represents the VueJS Splitter component\n * ```html\n * <ejs-splitter></ejs-splitter>\n * ```\n */\nexport var SplitterComponent = vueDefineComponent({\n    name: 'SplitterComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    provide: function () { return { custom: this.custom }; },\n    data: function () {\n        return {\n            ej2Instances: new Splitter({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: true,\n            hasInjectedModules: false,\n            tagMapper: { \"e-panes\": \"e-pane\" },\n            tagNameMapper: { \"e-panes\": \"e-paneSettings\" },\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created: function () {\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render: function (createElement) {\n        var h = !isExecute ? gh : createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate: function (templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n                    var tempName = templateNames_1[_i];\n                    var elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n                            var ele = elementCollection_1[_a];\n                            var 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: 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                                _this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        custom: function () {\n            this.updated();\n        },\n        addPane: function (paneProperties, index) {\n            return this.ej2Instances.addPane(paneProperties, index);\n        },\n        collapse: function (index) {\n            return this.ej2Instances.collapse(index);\n        },\n        expand: function (index) {\n            return this.ej2Instances.expand(index);\n        },\n        removePane: function (index) {\n            return this.ej2Instances.removePane(index);\n        },\n    }\n});\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","import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport var PanelsDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render: function (createElement) {\n        if (!isExecute) {\n            var h = !isExecute ? gh : createElement;\n            var slots = null;\n            if (!isNullOrUndefined(this.$slots.default)) {\n                slots = !isExecute ? this.$slots.default() : this.$slots.default;\n            }\n            return h('div', { class: 'e-directive' }, slots);\n        }\n        return;\n    },\n    updated: function () {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag: function () {\n            return 'e-panels';\n        }\n    }\n});\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 */\nexport var PanelDirective = vueDefineComponent({\n    render: function () {\n        return;\n    },\n    methods: {\n        getTag: function () {\n            return 'e-panel';\n        }\n    }\n});\nexport var PanelPlugin = {\n    name: 'e-panel',\n    install: function (Vue) {\n        Vue.component(PanelPlugin.name, PanelDirective);\n    }\n};\n","import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } 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';\nexport var properties = ['isLazyUpdate', 'plugins', '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], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\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}\n/**\n * Represents the Essential JS 2 VueJS DashboardLayout Component.\n * ```html\n * <ejs-dashboardlayout></ejs-dashboardlayout>\n * ```\n */\nexport var DashboardLayoutComponent = vueDefineComponent({\n    name: 'DashboardLayoutComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    provide: function () { return { custom: this.custom }; },\n    data: function () {\n        return {\n            ej2Instances: new DashboardLayout({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: true,\n            hasInjectedModules: false,\n            tagMapper: { \"e-panels\": \"e-panel\" },\n            tagNameMapper: {},\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created: function () {\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render: function (createElement) {\n        var h = !isExecute ? gh : createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate: function (templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n                    var tempName = templateNames_1[_i];\n                    var elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n                            var ele = elementCollection_1[_a];\n                            var 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: 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                                _this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        custom: function () {\n            this.updated();\n        },\n        addPanel: function (panel) {\n            return this.ej2Instances.addPanel(panel);\n        },\n        movePanel: function (id, row, col) {\n            return this.ej2Instances.movePanel(id, row, col);\n        },\n        refresh: function () {\n            return this.ej2Instances.refresh();\n        },\n        removeAll: function () {\n            return this.ej2Instances.removeAll();\n        },\n        removePanel: function (id) {\n            return this.ej2Instances.removePanel(id);\n        },\n        resizePanel: function (id, sizeX, sizeY) {\n            return this.ej2Instances.resizePanel(id, sizeX, sizeY);\n        },\n        serialize: function () {\n            return this.ej2Instances.serialize();\n        },\n        updatePanel: function (panel) {\n            return this.ej2Instances.updatePanel(panel);\n        },\n    }\n});\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","import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport var ItemsDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render: function (createElement) {\n        if (!isExecute) {\n            var h = !isExecute ? gh : createElement;\n            var slots = null;\n            if (!isNullOrUndefined(this.$slots.default)) {\n                slots = !isExecute ? this.$slots.default() : this.$slots.default;\n            }\n            return h('div', { class: 'e-directive' }, slots);\n        }\n        return;\n    },\n    updated: function () {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag: function () {\n            return 'e-items';\n        }\n    }\n});\nexport var ItemsPlugin = {\n    name: 'e-items',\n    install: function (Vue) {\n        Vue.component(ItemsPlugin.name, ItemsDirective);\n    }\n};\n/**\n * 'e-timelineItem' directive represents a item of the Vue Timeline\n * It must be contained in a Timeline component(`ejs-timeline`).\n * ```html\n * <ejs-timeline>\n *  <e-items>\n *   <e-item :dotCss='e-icons e-folder' :content='Item 1' />\n *   <e-item :dotCss='e-icons e-folder' :content='Item 2' />\n *  </e-items>\n * </ejs-timeline>\n * ```\n */\nexport var ItemDirective = vueDefineComponent({\n    render: function () {\n        return;\n    },\n    methods: {\n        getTag: function () {\n            return 'e-item';\n        }\n    }\n});\nexport var ItemPlugin = {\n    name: 'e-item',\n    install: function (Vue) {\n        Vue.component(ItemPlugin.name, ItemDirective);\n    }\n};\n","import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';\nimport { Timeline } from '@syncfusion/ej2-layouts';\nimport { ItemsDirective, ItemDirective, ItemsPlugin, ItemPlugin } from './items.directive';\nexport var properties = ['isLazyUpdate', 'plugins', 'align', 'cssClass', 'enablePersistence', 'enableRtl', 'items', 'locale', 'orientation', 'reverse', 'template', 'beforeItemRender', 'created'];\nexport var modelProps = [];\nexport var testProp = getProps({ props: properties });\nexport var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\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}\n/**\n * Represents the Essential JS 2 VueJS Timeline Component.\n * ```html\n * <ejs-timeline :items='timelineItems'></ejs-timeline>\n * ```\n */\nexport var TimelineComponent = vueDefineComponent({\n    name: 'TimelineComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    provide: function () { return { custom: this.custom }; },\n    data: function () {\n        return {\n            ej2Instances: new Timeline({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: true,\n            hasInjectedModules: false,\n            tagMapper: { \"e-items\": \"e-item\" },\n            tagNameMapper: {},\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created: function () {\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render: function (createElement) {\n        var h = !isExecute ? gh : createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate: function (templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n                    var tempName = templateNames_1[_i];\n                    var elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n                            var ele = elementCollection_1[_a];\n                            var 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: 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                                _this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        custom: function () {\n            this.updated();\n        },\n    }\n});\nexport var TimelinePlugin = {\n    name: 'ejs-timeline',\n    install: function (Vue) {\n        Vue.component(TimelinePlugin.name, TimelineComponent);\n        Vue.component(ItemPlugin.name, ItemDirective);\n        Vue.component(ItemsPlugin.name, ItemsDirective);\n    }\n};\n"],"names":["PanesDirective","vueDefineComponent","inject","custom","default","render","createElement","isExecute","h","gh","slots","isNullOrUndefined","this","$slots","class","updated","methods","getTag","PanesPlugin","name","install","Vue","component","PaneDirective","PanePlugin","properties","modelProps","testProp","getProps","props","watch","emitProbs","Object","keys","push","_i","modelProps_1","length","props_1","SplitterComponent","mixins","ComponentBase","emits","provide","data","ej2Instances","Splitter","propKeys","models","hasChildDirective","hasInjectedModules","tagMapper","e-panes","tagNameMapper","isVue3","templateCollection","created","bindProperties","_setProperties","setProperties","clearTemplate","templateNames","templateNames_1","tempName","elementCollection","_a","elementCollection_1","ele","getValue","__vue__","$destroy","innerHTML","prop","muteOnChange","_this","referModels","map","key","model","test","vueInstance","$emit","addPane","paneProperties","index","collapse","expand","removePane","SplitterPlugin","PanelsDirective","PanelsPlugin","PanelDirective","PanelPlugin","DashboardLayoutComponent","DashboardLayout","e-panels","addPanel","panel","movePanel","id","row","col","refresh","removeAll","removePanel","resizePanel","sizeX","sizeY","serialize","updatePanel","DashboardLayoutPlugin","ItemsDirective","ItemsPlugin","ItemDirective","ItemPlugin","TimelineComponent","Timeline","e-items","TimelinePlugin"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { DashboardLayout, Splitter } from '@syncfusion/ej2-layouts';
+import { DashboardLayout, Splitter, Timeline } from '@syncfusion/ej2-layouts';
 import { ComponentBase, getProps, gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
 import { getValue, isNullOrUndefined } from '@syncfusion/ej2-base';
 
@@ -378,6 +378,176 @@ const DashboardLayoutPlugin = {
     }
 };
 
-export { PanesDirective, PaneDirective, PanesPlugin, PanePlugin, SplitterComponent, SplitterPlugin, PanelsDirective, PanelDirective, PanelsPlugin, PanelPlugin, DashboardLayoutComponent, DashboardLayoutPlugin };
+let ItemsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render(createElement) {
+        if (!isExecute) {
+            let h = !isExecute ? gh : createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
+        return;
+    },
+    updated() {
+        if (!isExecute && this.custom) {
+            this.custom();
+        }
+    },
+    methods: {
+        getTag() {
+            return 'e-items';
+        }
+    }
+});
+const ItemsPlugin = {
+    name: 'e-items',
+    install(Vue) {
+        Vue.component(ItemsPlugin.name, ItemsDirective);
+    }
+};
+/**
+ * 'e-timelineItem' directive represents a item of the Vue Timeline
+ * It must be contained in a Timeline component(`ejs-timeline`).
+ * ```html
+ * <ejs-timeline>
+ *  <e-items>
+ *   <e-item :dotCss='e-icons e-folder' :content='Item 1' />
+ *   <e-item :dotCss='e-icons e-folder' :content='Item 2' />
+ *  </e-items>
+ * </ejs-timeline>
+ * ```
+ */
+let ItemDirective = vueDefineComponent({
+    render() {
+        return;
+    },
+    methods: {
+        getTag() {
+            return 'e-item';
+        }
+    }
+});
+const ItemPlugin = {
+    name: 'e-item',
+    install(Vue) {
+        Vue.component(ItemPlugin.name, ItemDirective);
+    }
+};
+
+const properties$2 = ['isLazyUpdate', 'plugins', 'align', 'cssClass', 'enablePersistence', 'enableRtl', 'items', 'locale', 'orientation', 'reverse', 'template', 'beforeItemRender', 'created'];
+const modelProps$2 = [];
+const testProp$2 = getProps({ props: properties$2 });
+const props$2 = testProp$2[0];
+const watch$2 = testProp$2[1];
+const emitProbs$2 = Object.keys(watch$2);
+emitProbs$2.push('modelchanged', 'update:modelValue');
+for (let props of modelProps$2) {
+    emitProbs$2.push('update:' + props);
+}
+/**
+ * Represents the Essential JS 2 VueJS Timeline Component.
+ * ```html
+ * <ejs-timeline :items='timelineItems'></ejs-timeline>
+ * ```
+ */
+let TimelineComponent = vueDefineComponent({
+    name: 'TimelineComponent',
+    mixins: [ComponentBase],
+    props: props$2,
+    watch: watch$2,
+    emits: emitProbs$2,
+    provide() { return { custom: this.custom }; },
+    data() {
+        return {
+            ej2Instances: new Timeline({}),
+            propKeys: properties$2,
+            models: modelProps$2,
+            hasChildDirective: true,
+            hasInjectedModules: false,
+            tagMapper: { "e-items": "e-item" },
+            tagNameMapper: {},
+            isVue3: !isExecute,
+            templateCollection: {},
+        };
+    },
+    created() {
+        this.bindProperties();
+        this.ej2Instances._setProperties = this.ej2Instances.setProperties;
+        this.ej2Instances.setProperties = this.setProperties;
+        this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
+    },
+    render(createElement) {
+        let h = !isExecute ? gh : createElement;
+        let slots = null;
+        if (!isNullOrUndefined(this.$slots.default)) {
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
+        }
+        return h('div', slots);
+    },
+    methods: {
+        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) {
+                this.models = !this.models ? this.ej2Instances.referModels : this.models;
+            }
+            if (this.ej2Instances && this.ej2Instances._setProperties) {
+                this.ej2Instances._setProperties(prop, muteOnChange);
+            }
+            if (prop && this.models && this.models.length) {
+                Object.keys(prop).map((key) => {
+                    this.models.map((model) => {
+                        if ((key === model) && !(/datasource/i.test(key))) {
+                            if (this.isVue3) {
+                                this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
+                            }
+                            else {
+                                this.$emit('update:' + key, prop[key]);
+                                this.$emit('modelchanged', prop[key]);
+                            }
+                        }
+                    });
+                });
+            }
+        },
+        custom() {
+            this.updated();
+        },
+    }
+});
+const TimelinePlugin = {
+    name: 'ejs-timeline',
+    install(Vue) {
+        Vue.component(TimelinePlugin.name, TimelineComponent);
+        Vue.component(ItemPlugin.name, ItemDirective);
+        Vue.component(ItemsPlugin.name, ItemsDirective);
+    }
+};
+
+export { PanesDirective, PaneDirective, PanesPlugin, PanePlugin, SplitterComponent, SplitterPlugin, PanelsDirective, PanelDirective, PanelsPlugin, PanelPlugin, DashboardLayoutComponent, DashboardLayoutPlugin, ItemsDirective, ItemDirective, ItemsPlugin, ItemPlugin, TimelineComponent, TimelinePlugin };
 export * from '@syncfusion/ej2-layouts';
 //# sourceMappingURL=ej2-vue-layouts.es2015.js.map