@syncfusion/ej2-vue-diagrams 31.2.18 → 32.1.19

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

@@ -1,11 +1,2 @@
-/*!
-*  filename: ej2-vue-diagrams.umd.min.js
-*  version : 31.2.18
-*  Copyright Syncfusion Inc. 2001 - 2025. 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-diagrams"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-diagrams","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t((e=e||self).ej={},e.ej2Diagrams,e.ej2VueBase,e.ej2Base)}(this,function(t,n,s,o){"use strict";var i=s.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!s.isExecute)return t=null,(s.isExecute?e:s.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!s.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-layers"}}}),r={name:"e-layers",install:function(e){e.component(r.name,i)}},a=s.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-layer"}}}),u={name:"e-layer",install:function(e){e.component(u.name,a)}},c=s.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!s.isExecute)return t=null,(s.isExecute?e:s.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!s.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-cursormaps"}}}),d={name:"e-cursormaps",install:function(e){e.component(d.name,c)}},l=s.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-cursormap"}}}),m={name:"e-cursormap",install:function(e){e.component(m.name,l)}},h=s.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!s.isExecute)return t=null,(s.isExecute?e:s.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!s.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-connector-fixeduserhandles"}}}),f={name:"e-connector-fixeduserhandles",install:function(e){e.component(f.name,h)}},p=s.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-connector-fixeduserhandle"}}}),g={name:"e-connector-fixeduserhandle",install:function(e){e.component(g.name,p)}},j=s.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!s.isExecute)return t=null,(s.isExecute?e:s.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!s.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-connector-annotations"}}}),I={name:"e-connector-annotations",install:function(e){e.component(I.name,j)}},v=s.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-connector-annotation"}}}),C={name:"e-connector-annotation",install:function(e){e.component(C.name,v)}},y=s.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!s.isExecute)return t=null,(s.isExecute?e:s.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!s.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-connectors"}}}),x={name:"e-connectors",install:function(e){e.component(x.name,y)}},P=s.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-connector"}}}),D={name:"e-connector",install:function(e){e.component(D.name,P)}},b=s.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!s.isExecute)return t=null,(s.isExecute?e:s.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!s.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-node-fixeduserhandles"}}}),E={name:"e-node-fixeduserhandles",install:function(e){e.component(E.name,b)}},T=s.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-node-fixeduserhandle"}}}),U={name:"e-node-fixeduserhandle",install:function(e){e.component(U.name,T)}},O=s.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!s.isExecute)return t=null,(s.isExecute?e:s.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!s.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-node-annotations"}}}),$={name:"e-node-annotations",install:function(e){e.component($.name,O)}},L=s.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-node-annotation"}}}),M={name:"e-node-annotation",install:function(e){e.component(M.name,L)}},S=s.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!s.isExecute)return t=null,(s.isExecute?e:s.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!s.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-node-ports"}}}),N={name:"e-node-ports",install:function(e){e.component(N.name,S)}},H=s.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-node-port"}}}),k={name:"e-node-port",install:function(e){e.component(k.name,H)}},A=s.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!s.isExecute)return t=null,(s.isExecute?e:s.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!s.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-nodes"}}}),F={name:"e-nodes",install:function(e){e.component(F.name,A)}},V=s.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-node"}}}),B={name:"e-node",install:function(e){e.component(B.name,V)}},z=["isLazyUpdate","plugins","addInfo","annotationTemplate","backgroundColor","bridgeDirection","commandManager","connectorDefaults","connectors","constraints","contextMenuSettings","customCursor","dataSourceSettings","diagramSettings","drawingObject","enableConnectorSplit","enablePersistence","enableRtl","fixedUserHandleTemplate","getConnectorDefaults","getCustomCursor","getCustomProperty","getCustomTool","getDescription","getNodeDefaults","height","historyManager","layers","layout","locale","mode","model","nodeDefaults","nodeTemplate","nodes","pageSettings","rulerSettings","scrollSettings","segmentThumbShape","segmentThumbSize","selectedItems","serializationSettings","setNodeTemplate","snapSettings","tool","tooltip","updateSelection","userHandleTemplate","width","animationComplete","click","collectionChange","commandExecute","connectionChange","contextMenuBeforeItemRender","contextMenuClick","contextMenuOpen","created","dataLoaded","doubleClick","dragEnter","dragLeave","dragOver","drop","elementDraw","expandStateChange","fixedUserHandleClick","historyChange","historyStateChange","keyDown","keyUp","layoutUpdated","load","loaded","mouseEnter","mouseLeave","mouseOver","mouseWheel","onFixedUserHandleMouseDown","onFixedUserHandleMouseEnter","onFixedUserHandleMouseLeave","onFixedUserHandleMouseUp","onImageLoad","onUserHandleMouseDown","onUserHandleMouseEnter","onUserHandleMouseLeave","onUserHandleMouseUp","positionChange","propertyChange","rotateChange","scrollChange","segmentChange","segmentCollectionChange","selectionChange","sizeChange","sourcePointChange","targetPointChange","textEdit"],_=[],e=s.getProps({props:z}),w=e[0],e=e[1],G=Object.keys(e);G.push("modelchanged","update:modelValue");for(var K=0,R=_;K<R.length;K++)G.push("update:"+R[K]);var q=s.vueDefineComponent({name:"DiagramComponent",mixins:[s.ComponentBase],props:w,watch:e,emits:G,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new n.Diagram({}),propKeys:z,models:_,hasChildDirective:!0,hasInjectedModules:!0,tagMapper:{"e-layers":"e-layer","e-cursormaps":"e-cursormap","e-connectors":{"e-connector":{"e-connector-fixeduserhandles":"e-connector-fixeduserhandle","e-connector-annotations":"e-connector-annotation"}},"e-nodes":{"e-node":{"e-node-fixeduserhandles":"e-node-fixeduserhandle","e-node-annotations":"e-node-annotation","e-node-ports":"e-node-port"}}},tagNameMapper:{"e-cursormaps":"e-customCursor","e-connector-fixeduserhandles":"e-fixedUserHandles","e-connector-annotations":"e-annotations","e-node-fixeduserhandles":"e-fixedUserHandles","e-node-annotations":"e-annotations","e-node-ports":"e-ports"},isVue3:!s.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=null;return(s.isExecute?e:s.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var s=n[t],o=this.templateCollection[s];if(o&&o.length){for(var i=0,r=o;i<r.length;i++){var a=r[i];this.destroyPortals(a)}delete this.templateCollection[s]}}},setProperties:function(n,e){var s=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(n,e),n&&this.models&&this.models.length&&Object.keys(n).map(function(t){s.models.map(function(e){t!==e||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,n[t]):(s.$emit("update:"+t,n[t]),s.$emit("modelchanged",n[t])))})})},custom:function(){this.updated()},add:function(e,t){return this.ej2Instances.add(e,t)},addChildToGroup:function(e,t){return this.ej2Instances.addChildToGroup(e,t)},addChildToUmlNode:function(e,t,n){return this.ej2Instances.addChildToUmlNode(e,t,n)},addConnector:function(e){return this.ej2Instances.addConnector(e)},addConnectorLabels:function(e,t){return this.ej2Instances.addConnectorLabels(e,t)},addConstraints:function(e,t){return this.ej2Instances.addConstraints(e,t)},addCustomHistoryEntry:function(e){return this.ej2Instances.addCustomHistoryEntry(e)},addElements:function(e){return this.ej2Instances.addElements(e)},addHistoryEntry:function(e,t){return this.ej2Instances.addHistoryEntry(e,t)},addLabels:function(e,t){return this.ej2Instances.addLabels(e,t)},addLanes:function(e,t,n){return this.ej2Instances.addLanes(e,t,n)},addLayer:function(e,t){return this.ej2Instances.addLayer(e,t)},addNode:function(e,t){return this.ej2Instances.addNode(e,t)},addNodeLabels:function(e,t){return this.ej2Instances.addNodeLabels(e,t)},addNodeToLane:function(e,t,n){return this.ej2Instances.addNodeToLane(e,t,n)},addPhases:function(e,t){return this.ej2Instances.addPhases(e,t)},addPorts:function(e,t){return this.ej2Instances.addPorts(e,t)},addProcess:function(e,t){return this.ej2Instances.addProcess(e,t)},addTextAnnotation:function(e,t){return this.ej2Instances.addTextAnnotation(e,t)},align:function(e,t,n){return this.ej2Instances.align(e,t,n)},bringIntoView:function(e){return this.ej2Instances.bringIntoView(e)},bringLayerForward:function(e){return this.ej2Instances.bringLayerForward(e)},bringToCenter:function(e){return this.ej2Instances.bringToCenter(e)},bringToFront:function(){return this.ej2Instances.bringToFront()},clear:function(){return this.ej2Instances.clear()},clearHistory:function(){return this.ej2Instances.clearHistory()},clearSelection:function(){return this.ej2Instances.clearSelection()},cloneLayer:function(e){return this.ej2Instances.cloneLayer(e)},copy:function(){return this.ej2Instances.copy()},cut:function(){return this.ej2Instances.cut()},destroy:function(){return this.ej2Instances.destroy()},distribute:function(e,t){return this.ej2Instances.distribute(e,t)},distributePorts:function(e){return this.ej2Instances.distributePorts(e)},doLayout:function(){return this.ej2Instances.doLayout()},drag:function(e,t,n){return this.ej2Instances.drag(e,t,n)},dragSourceEnd:function(e,t,n){return this.ej2Instances.dragSourceEnd(e,t,n)},dragTargetEnd:function(e,t,n){return this.ej2Instances.dragTargetEnd(e,t,n)},editSegment:function(e){return this.ej2Instances.editSegment(e)},endGroupAction:function(){return this.ej2Instances.endGroupAction()},exportDiagram:function(e){return this.ej2Instances.exportDiagram(e)},exportImage:function(e,t){return this.ej2Instances.exportImage(e,t)},findElementUnderMouse:function(e,t,n,s){return this.ej2Instances.findElementUnderMouse(e,t,n,s)},findObjectUnderMouse:function(e,t,n){return this.ej2Instances.findObjectUnderMouse(e,t,n)},findObjectsUnderMouse:function(e,t){return this.ej2Instances.findObjectsUnderMouse(e,t)},findTargetObjectUnderMouse:function(e,t,n,s,o){return this.ej2Instances.findTargetObjectUnderMouse(e,t,n,s,o)},fitToPage:function(e){return this.ej2Instances.fitToPage(e)},getActiveLayer:function(){return this.ej2Instances.getActiveLayer()},getConnectorObject:function(e){return this.ej2Instances.getConnectorObject(e)},getCursor:function(e,t){return this.ej2Instances.getCursor(e,t)},getDiagramAction:function(e){return this.ej2Instances.getDiagramAction(e)},getDiagramBounds:function(){return this.ej2Instances.getDiagramBounds()},getDiagramContent:function(e){return this.ej2Instances.getDiagramContent(e)},getEdges:function(e){return this.ej2Instances.getEdges(e)},getHistoryStack:function(e){return this.ej2Instances.getHistoryStack(e)},getNodeObject:function(e){return this.ej2Instances.getNodeObject(e)},getObject:function(e){return this.ej2Instances.getObject(e)},getParentId:function(e){return this.ej2Instances.getParentId(e)},getTool:function(e){return this.ej2Instances.getTool(e)},group:function(){return this.ej2Instances.group()},hideTooltip:function(e){return this.ej2Instances.hideTooltip(e)},insertData:function(e){return this.ej2Instances.insertData(e)},loadDiagram:function(e,t){return this.ej2Instances.loadDiagram(e,t)},loadDiagramFromMermaid:function(e){return this.ej2Instances.loadDiagramFromMermaid(e)},moveForward:function(){return this.ej2Instances.moveForward()},moveObjects:function(e,t){return this.ej2Instances.moveObjects(e,t)},moveObjectsUp:function(e,t){return this.ej2Instances.moveObjectsUp(e,t)},nudge:function(e,t,n,s){return this.ej2Instances.nudge(e,t,n,s)},pan:function(e,t,n,s){return this.ej2Instances.pan(e,t,n,s)},paste:function(e){return this.ej2Instances.paste(e)},print:function(e){return this.ej2Instances.print(e)},printImage:function(e,t){return this.ej2Instances.printImage(e,t)},redo:function(){return this.ej2Instances.redo()},remove:function(e){return this.ej2Instances.remove(e)},removeChildFromGroup:function(e,t){return this.ej2Instances.removeChildFromGroup(e,t)},removeConstraints:function(e,t){return this.ej2Instances.removeConstraints(e,t)},removeData:function(e){return this.ej2Instances.removeData(e)},removeLabels:function(e,t){return this.ej2Instances.removeLabels(e,t)},removeLane:function(e,t){return this.ej2Instances.removeLane(e,t)},removeLayer:function(e){return this.ej2Instances.removeLayer(e)},removePhase:function(e,t){return this.ej2Instances.removePhase(e,t)},removePorts:function(e,t){return this.ej2Instances.removePorts(e,t)},removeProcess:function(e){return this.ej2Instances.removeProcess(e)},reset:function(){return this.ej2Instances.reset()},resetSegments:function(){return this.ej2Instances.resetSegments()},rotate:function(e,t,n,s){return this.ej2Instances.rotate(e,t,n,s)},sameSize:function(e,t){return this.ej2Instances.sameSize(e,t)},saveDiagram:function(){return this.ej2Instances.saveDiagram()},saveDiagramAsMermaid:function(){return this.ej2Instances.saveDiagramAsMermaid()},scale:function(e,t,n,s){return this.ej2Instances.scale(e,t,n,s)},select:function(e,t,n){return this.ej2Instances.select(e,t,n)},selectAll:function(){return this.ej2Instances.selectAll()},sendBackward:function(){return this.ej2Instances.sendBackward()},sendLayerBackward:function(e){return this.ej2Instances.sendLayerBackward(e)},sendToBack:function(){return this.ej2Instances.sendToBack()},setActiveLayer:function(e){return this.ej2Instances.setActiveLayer(e)},setStackLimit:function(e){return this.ej2Instances.setStackLimit(e)},showTooltip:function(e){return this.ej2Instances.showTooltip(e)},startGroupAction:function(){return this.ej2Instances.startGroupAction()},startTextEdit:function(e,t){return this.ej2Instances.startTextEdit(e,t)},unGroup:function(){return this.ej2Instances.unGroup()},unSelect:function(e){return this.ej2Instances.unSelect(e)},undo:function(){return this.ej2Instances.undo()},updateData:function(e){return this.ej2Instances.updateData(e)},updateFromModel:function(){return this.ej2Instances.updateFromModel()},updateViewPort:function(){return this.ej2Instances.updateViewPort()},zoom:function(e,t){return this.ej2Instances.zoom(e,t)},zoomTo:function(e){return this.ej2Instances.zoomTo(e)}}}),W={name:"ejs-diagram",install:function(e){e.component(W.name,q),e.component(u.name,a),e.component(r.name,i),e.component(m.name,l),e.component(d.name,c),e.component(D.name,P),e.component(x.name,y),e.component(g.name,p),e.component(f.name,h),e.component(C.name,v),e.component(I.name,j),e.component(B.name,V),e.component(F.name,A),e.component(U.name,T),e.component(E.name,b),e.component(M.name,L),e.component($.name,O),e.component(k.name,H),e.component(N.name,S)}},J=s.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!s.isExecute)return t=null,(s.isExecute?e:s.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!s.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-palettes"}}}),Q={name:"e-palettes",install:function(e){e.component(Q.name,J)}},X=s.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-palette"}}}),Y={name:"e-palette",install:function(e){e.component(Y.name,X)}},Z=["isLazyUpdate","plugins","accessKey","allowDrag","connectorDefaults","enableAnimation","enablePersistence","enableRtl","enableSearch","expandMode","filterSymbols","getConnectorDefaults","getNodeDefaults","getSymbolInfo","getSymbolTemplate","height","ignoreSymbolsOnSearch","locale","nodeDefaults","nodeTemplate","palettes","symbolDragSize","symbolHeight","symbolInfo","symbolMargin","symbolPreview","symbolWidth","width","paletteExpanding","paletteSelectionChange"],ee=[],w=s.getProps({props:Z}),e=w[0],w=w[1],te=Object.keys(w);te.push("modelchanged","update:modelValue");for(var ne=0,se=ee;ne<se.length;ne++)te.push("update:"+se[ne]);var oe=s.vueDefineComponent({name:"SymbolPaletteComponent",mixins:[s.ComponentBase],props:e,watch:w,emits:te,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new n.SymbolPalette({}),propKeys:Z,models:ee,hasChildDirective:!0,hasInjectedModules:!0,tagMapper:{"e-palettes":"e-palette"},tagNameMapper:{},isVue3:!s.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=null;return(s.isExecute?e:s.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var s=n[t],o=this.templateCollection[s];if(o&&o.length){for(var i=0,r=o;i<r.length;i++){var a=r[i];this.destroyPortals(a)}delete this.templateCollection[s]}}},setProperties:function(n,e){var s=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(n,e),n&&this.models&&this.models.length&&Object.keys(n).map(function(t){s.models.map(function(e){t!==e||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,n[t]):(s.$emit("update:"+t,n[t]),s.$emit("modelchanged",n[t])))})})},custom:function(){this.updated()},addPaletteItem:function(e,t,n){return this.ej2Instances.addPaletteItem(e,t,n)},addPalettes:function(e){return this.ej2Instances.addPalettes(e)},destroy:function(){return this.ej2Instances.destroy()},removePaletteItem:function(e,t){return this.ej2Instances.removePaletteItem(e,t)},removePalettes:function(e){return this.ej2Instances.removePalettes(e)}}}),ie={name:"ejs-symbolpalette",install:function(e){e.component(ie.name,oe),e.component(Y.name,X),e.component(Q.name,J)}},re=["isLazyUpdate","plugins","enablePersistence","enableRtl","height","locale","sourceID","width","created"],ae=[],e=s.getProps({props:re}),w=e[0],e=e[1],ue=Object.keys(e);ue.push("modelchanged","update:modelValue");for(var ce=0,de=ae;ce<de.length;ce++)ue.push("update:"+de[ce]);var le=s.vueDefineComponent({name:"OverviewComponent",mixins:[s.ComponentBase],props:w,watch:e,emits:ue,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new n.Overview({}),propKeys:re,models:ae,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.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=null;return(s.isExecute?e:s.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:s.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var s=n[t],o=this.templateCollection[s];if(o&&o.length){for(var i=0,r=o;i<r.length;i++){var a=r[i];this.destroyPortals(a)}delete this.templateCollection[s]}}},setProperties:function(n,e){var s=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(n,e),n&&this.models&&this.models.length&&Object.keys(n).map(function(t){s.models.map(function(e){t!==e||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,n[t]):(s.$emit("update:"+t,n[t]),s.$emit("modelchanged",n[t])))})})},custom:function(){this.updated()},destroy:function(){return this.ej2Instances.destroy()},updateHtmlLayer:function(e){return this.ej2Instances.updateHtmlLayer(e)}}}),me={name:"ejs-overview",install:function(e){e.component(me.name,le)}};Object.keys(n).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return n[e]}})}),t.ConnectorAnnotationDirective=v,t.ConnectorAnnotationPlugin=C,t.ConnectorAnnotationsDirective=j,t.ConnectorAnnotationsPlugin=I,t.ConnectorDirective=P,t.ConnectorFixedUserHandleDirective=p,t.ConnectorFixedUserHandlePlugin=g,t.ConnectorFixedUserHandlesDirective=h,t.ConnectorFixedUserHandlesPlugin=f,t.ConnectorPlugin=D,t.ConnectorsDirective=y,t.ConnectorsPlugin=x,t.CustomCursorDirective=l,t.CustomCursorPlugin=m,t.CustomCursorsDirective=c,t.CustomCursorsPlugin=d,t.DiagramComponent=q,t.DiagramPlugin=W,t.LayerDirective=a,t.LayerPlugin=u,t.LayersDirective=i,t.LayersPlugin=r,t.NodeAnnotationDirective=L,t.NodeAnnotationPlugin=M,t.NodeAnnotationsDirective=O,t.NodeAnnotationsPlugin=$,t.NodeDirective=V,t.NodeFixedUserHandleDirective=T,t.NodeFixedUserHandlePlugin=U,t.NodeFixedUserHandlesDirective=b,t.NodeFixedUserHandlesPlugin=E,t.NodePlugin=B,t.NodesDirective=A,t.NodesPlugin=F,t.OverviewComponent=le,t.OverviewPlugin=me,t.PaletteDirective=X,t.PalettePlugin=Y,t.PalettesDirective=J,t.PalettesPlugin=Q,t.PortDirective=H,t.PortPlugin=k,t.PortsDirective=S,t.PortsPlugin=N,t.SymbolPaletteComponent=oe,t.SymbolPalettePlugin=ie,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-diagrams.umd.min.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-vue-diagrams",
-  "version": "31.2.18",
+  "version": "32.1.19",
   "description": "Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts. for Vue",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -18,9 +18,9 @@
   "es2015": "dist/es6/ej2-vue-diagrams.es2015.js",
   "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.18",
-    "@syncfusion/ej2-vue-base": "~31.2.12",
-    "@syncfusion/ej2-diagrams": "31.2.18"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-vue-base": "~32.1.19",
+    "@syncfusion/ej2-diagrams": "32.1.19"
   },
   "devDependencies": {},
   "scripts": {

package/styles/bds-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/bds-lite.scss';
+@use 'ej2-diagrams/bds-lite' as *;

package/styles/bds.scss

@@ -1 +1 @@
-@import 'diagram/bds.scss';
+@use 'diagram/bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/bootstrap-dark-lite.scss';
+@use 'ej2-diagrams/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'diagram/bootstrap-dark.scss';
+@use 'diagram/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/bootstrap-lite.scss';
+@use 'ej2-diagrams/bootstrap-lite' as *;

package/styles/bootstrap.scss

@@ -1 +1 @@
-@import 'diagram/bootstrap.scss';
+@use 'diagram/bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/bootstrap4-lite.scss';
+@use 'ej2-diagrams/bootstrap4-lite' as *;

package/styles/bootstrap4.scss

@@ -1 +1 @@
-@import 'diagram/bootstrap4.scss';
+@use 'diagram/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/bootstrap5-dark-lite.scss';
+@use 'ej2-diagrams/bootstrap5-dark-lite' as *;

package/styles/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'diagram/bootstrap5-dark.scss';
+@use 'diagram/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/bootstrap5-lite.scss';
+@use 'ej2-diagrams/bootstrap5-lite' as *;

package/styles/bootstrap5.3-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/bootstrap5.3-lite.scss';
+@use 'ej2-diagrams/bootstrap5.3-lite' as *;

package/styles/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'diagram/bootstrap5.3.scss';
+@use 'diagram/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1 +1 @@
-@import 'diagram/bootstrap5.scss';
+@use 'diagram/bootstrap5' as *;

package/styles/diagram/bds.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/bds.scss';
+@use 'ej2-diagrams/styles/diagram/bds' as *;

package/styles/diagram/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/bootstrap-dark.scss';
+@use 'ej2-diagrams/styles/diagram/bootstrap-dark' as *;

package/styles/diagram/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/bootstrap.scss';
+@use 'ej2-diagrams/styles/diagram/bootstrap' as *;

package/styles/diagram/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/bootstrap4.scss';
+@use 'ej2-diagrams/styles/diagram/bootstrap4' as *;

package/styles/diagram/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/bootstrap5-dark.scss';
+@use 'ej2-diagrams/styles/diagram/bootstrap5-dark' as *;

package/styles/diagram/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/bootstrap5.3.scss';
+@use 'ej2-diagrams/styles/diagram/bootstrap5.3' as *;

package/styles/diagram/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/bootstrap5.scss';
+@use 'ej2-diagrams/styles/diagram/bootstrap5' as *;

package/styles/diagram/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/fabric-dark.scss';
+@use 'ej2-diagrams/styles/diagram/fabric-dark' as *;

package/styles/diagram/fabric.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/fabric.scss';
+@use 'ej2-diagrams/styles/diagram/fabric' as *;

package/styles/diagram/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/fluent-dark.scss';
+@use 'ej2-diagrams/styles/diagram/fluent-dark' as *;

package/styles/diagram/fluent.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/fluent.scss';
+@use 'ej2-diagrams/styles/diagram/fluent' as *;

package/styles/diagram/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/fluent2.scss';
+@use 'ej2-diagrams/styles/diagram/fluent2' as *;

package/styles/diagram/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/highcontrast-light.scss';
+@use 'ej2-diagrams/styles/diagram/highcontrast-light' as *;

package/styles/diagram/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/highcontrast.scss';
+@use 'ej2-diagrams/styles/diagram/highcontrast' as *;

package/styles/diagram/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/material-dark.scss';
+@use 'ej2-diagrams/styles/diagram/material-dark' as *;

package/styles/diagram/material.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/material.scss';
+@use 'ej2-diagrams/styles/diagram/material' as *;

package/styles/diagram/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-diagrams/styles/diagram/material3-dark.scss';
+@use 'ej2-diagrams/styles/diagram/material3-dark' as *;

package/styles/diagram/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-diagrams/styles/diagram/material3.scss';
+@use 'ej2-diagrams/styles/diagram/material3' as *;

package/styles/diagram/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/tailwind-dark.scss';
+@use 'ej2-diagrams/styles/diagram/tailwind-dark' as *;

package/styles/diagram/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/tailwind.scss';
+@use 'ej2-diagrams/styles/diagram/tailwind' as *;

package/styles/diagram/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/diagram/tailwind3.scss';
+@use 'ej2-diagrams/styles/diagram/tailwind3' as *;

package/styles/fabric-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/fabric-dark-lite.scss';
+@use 'ej2-diagrams/fabric-dark-lite' as *;

package/styles/fabric-dark.scss

@@ -1 +1 @@
-@import 'diagram/fabric-dark.scss';
+@use 'diagram/fabric-dark' as *;

package/styles/fabric-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/fabric-lite.scss';
+@use 'ej2-diagrams/fabric-lite' as *;

package/styles/fabric.scss

@@ -1 +1 @@
-@import 'diagram/fabric.scss';
+@use 'diagram/fabric' as *;

package/styles/fluent-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/fluent-dark-lite.scss';
+@use 'ej2-diagrams/fluent-dark-lite' as *;

package/styles/fluent-dark.scss

@@ -1 +1 @@
-@import 'diagram/fluent-dark.scss';
+@use 'diagram/fluent-dark' as *;

package/styles/fluent-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/fluent-lite.scss';
+@use 'ej2-diagrams/fluent-lite' as *;

package/styles/fluent.scss

@@ -1 +1 @@
-@import 'diagram/fluent.scss';
+@use 'diagram/fluent' as *;

package/styles/fluent2-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/fluent2-lite.scss';
+@use 'ej2-diagrams/fluent2-lite' as *;

package/styles/fluent2.scss

@@ -1 +1 @@
-@import 'diagram/fluent2.scss';
+@use 'diagram/fluent2' as *;

package/styles/highcontrast-light-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/highcontrast-light-lite.scss';
+@use 'ej2-diagrams/highcontrast-light-lite' as *;

package/styles/highcontrast-light.scss

@@ -1 +1 @@
-@import 'diagram/highcontrast-light.scss';
+@use 'diagram/highcontrast-light' as *;

package/styles/highcontrast-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/highcontrast-lite.scss';
+@use 'ej2-diagrams/highcontrast-lite' as *;

package/styles/highcontrast.scss

@@ -1 +1 @@
-@import 'diagram/highcontrast.scss';
+@use 'diagram/highcontrast' as *;

package/styles/material-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/material-dark-lite.scss';
+@use 'ej2-diagrams/material-dark-lite' as *;

package/styles/material-dark.scss

@@ -1 +1 @@
-@import 'diagram/material-dark.scss';
+@use 'diagram/material-dark' as *;

package/styles/material-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/material-lite.scss';
+@use 'ej2-diagrams/material-lite' as *;

package/styles/material.scss

@@ -1 +1 @@
-@import 'diagram/material.scss';
+@use 'diagram/material' as *;

package/styles/material3-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/material3-dark-lite.scss';
+@use 'ej2-diagrams/material3-dark-lite' as *;

package/styles/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'diagram/material3-dark.scss';
+@use 'diagram/material3-dark' as *;

package/styles/material3-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/material3-lite.scss';
+@use 'ej2-diagrams/material3-lite' as *;

package/styles/material3.scss

@@ -1,2 +1 @@
-
-@import 'diagram/material3.scss';
+@use 'diagram/material3' as *;

package/styles/tailwind-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/tailwind-dark-lite.scss';
+@use 'ej2-diagrams/tailwind-dark-lite' as *;

package/styles/tailwind-dark.scss

@@ -1 +1 @@
-@import 'diagram/tailwind-dark.scss';
+@use 'diagram/tailwind-dark' as *;

package/styles/tailwind-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/tailwind-lite.scss';
+@use 'ej2-diagrams/tailwind-lite' as *;

package/styles/tailwind.scss

@@ -1 +1 @@
-@import 'diagram/tailwind.scss';
+@use 'diagram/tailwind' as *;

package/styles/tailwind3-lite.scss

@@ -1 +1 @@
-@import 'ej2-diagrams/styles/tailwind3-lite.scss';
+@use 'ej2-diagrams/tailwind3-lite' as *;

package/styles/tailwind3.scss

@@ -1 +1 @@
-@import 'diagram/tailwind3.scss';
+@use 'diagram/tailwind3' as *;