@syncfusion/ej2-vue-diagrams 21.1.35 → 21.1.36

package/CHANGELOG.md

@@ -6,9 +6,115 @@
 
 #### Bug Fixes
 
+- `#I468711` - Now, opacity 0 get working for the image node.
+- `#I182694` - Now, UML multiplicity type ManyToMany get working for annotation label.
+- `#I467016` - Improved rendering performance for layouts with large number of nodes.
+- `#I469741` - Fixed undo redo issue with group nodes.
+- `#I471066` - Now, dragging group node from palette to diagram adds unselectable element when leaving the diagram has been fixed.
+- `#I448032` - Fixed grid lines appearing black in Safari browser.
+- `#I466480` - Improved performance while nudging large number of nodes.
+
+## 22.1.34 (2023-06-21)
+
+### Diagram
+
+#### New Features
+
+- `#F152758` - Added tooltip support for ports.
+- `#I420267` - Added tooltip support for symbols in the symbol palette.
+- `#I32153` - Provided vertical orientation for mind maps.
+- `#I392082` - Added functionality to load diagrams from EJ1 to EJ2.
+- `#I327078` - Provided support to customize the expand and collapse icons.
+
+## 21.2.9 (2023-06-06)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I463138` - Now, Scroll bar is updated properly without flickering while scrolling the diagram using touchpad.
+- `#I464508` - The DOM Exception will no longer thrown while adding group node dynamically with multiple layers.
+
+## 21.2.8 (2023-05-30)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I461020` - The undefined Exception will No longer thrown while dragging Swimlane after performing undo/redo on swimlane child nodes.
+- `#I462780` - Now, Nodes are updated properly while zoom out diagram in canvas mode.
+
+## 21.2.6 (2023-05-23)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I464229` -  Now, Complex hierarchical tree layout is working fine while injecting line distribution.
+
+## 21.2.5 (2023-05-16)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I456104` -  Now, swimlane child nodes are selectable after save and load.
+
+## 21.2.4 (2023-05-09)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I456288` - Now, scroller updated properly when we move nodes outside viewport.
+- `#I458205` - Now, bezier connector annotation alignment is working properly.
+- `#I456037` - Now, while hovering the port with single select and ZoomPan constraints drawing tool enabled.
+
+## 21.2.3 (2023-05-03)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I451762` - Now, the flip mode port is working for all nodes.
+- `#I449574` - Now, the performance of the diagram is improved while rendering large number of nodes and connectors.
+- `#I454253` - Now, fill color for bpmn transaction subprocess is applied properly.
+- `#I455551` - Now, history change event does not get triggered while clicking swimlane header for second time.
+
+## 21.1.39 (2023-04-11)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I448343` - Now, position change event completed state is fired properly.
+- `#I446954` - Now, the segment does not get dragged when there is no thumb in it.
+
+## 21.1.37 (2023-03-29)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I41762` - Now, Different point property for bezier connector is working properly.
+- `#I41808` - Now, Text description for HTML node is rendered properly.
+- `#I41908` - Now, Perfomance of dragging group nodes is improved.
+- `#I41974` - Now, While hovering ports and dragging the multiselected items working properly.
+- `#I443748` - Now, changing the styles dynamically, its working properly.
+- `#I445506` - Now, you can resize the bezier control thumb when we increase the handleSize also.
+- `#I444124` - Now, set the same id for the node and annotation in two different diagrams, the first diagram node annotation is visible properly.
+- `#I447256` - Node renders properly on changing the shape dynamically.
+
+## 21.1.35 (2023-03-23)
+
+### Diagram
+
+#### Bug Fixes
+
 - `#F180478` - Now, the performance of diagram while enabling virtualization is improved.
 - `#F180478` - Now, Overview is updated properly while enabling virtualization.
 - `#I422299` - Now, swimlane child nodes is selectable after save and load.
+- `#I437322` - Now, drag the connector end thumb is working, while we increase handleSize value.
 - `#I436649` - Now, connector segment does not get split into multiple segment for top to bottom approach.
 - `#I440967` - Now, Free hand connector segment collection restored after save and load the diagram.
 - `#I441075` - Now, position change event does not get triggered while click on the swimlane header.

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

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-vue-diagrams.umd.min.js
-*  version : 21.1.35
+*  version : 21.1.36
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-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.ej={},e.ej2Diagrams,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,s){"use strict";var o=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-layers"}}}),i={name:"e-layers",install:function(e){e.component(i.name,o)}},r=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-layer"}}}),a={name:"e-layer",install:function(e){e.component(a.name,r)}},c=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-cursormaps"}}}),u={name:"e-cursormaps",install:function(e){e.component(u.name,c)}},d=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-cursormap"}}}),l={name:"e-cursormap",install:function(e){e.component(l.name,d)}},m=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-connector-fixeduserhandles"}}}),h={name:"e-connector-fixeduserhandles",install:function(e){e.component(h.name,m)}},f=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-connector-fixeduserhandle"}}}),p={name:"e-connector-fixeduserhandle",install:function(e){e.component(p.name,f)}},g=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-connector-annotations"}}}),j={name:"e-connector-annotations",install:function(e){e.component(j.name,g)}},v=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-connector-annotation"}}}),I={name:"e-connector-annotation",install:function(e){e.component(I.name,v)}},C=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-connectors"}}}),y={name:"e-connectors",install:function(e){e.component(y.name,C)}},x=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-connector"}}}),P={name:"e-connector",install:function(e){e.component(P.name,x)}},D=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-node-fixeduserhandles"}}}),b={name:"e-node-fixeduserhandles",install:function(e){e.component(b.name,D)}},E=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-node-fixeduserhandle"}}}),T={name:"e-node-fixeduserhandle",install:function(e){e.component(T.name,E)}},$=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-node-annotations"}}}),L={name:"e-node-annotations",install:function(e){e.component(L.name,$)}},O=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-node-annotation"}}}),U={name:"e-node-annotation",install:function(e){e.component(U.name,O)}},S=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-node-ports"}}}),M={name:"e-node-ports",install:function(e){e.component(M.name,S)}},N=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-node-port"}}}),_={name:"e-node-port",install:function(e){e.component(_.name,N)}},w=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-nodes"}}}),H={name:"e-nodes",install:function(e){e.component(H.name,w)}},k=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-node"}}}),A={name:"e-node",install:function(e){e.component(A.name,k)}},V=["isLazyUpdate","plugins","addInfo","annotationTemplate","backgroundColor","bridgeDirection","commandManager","connectorDefaults","connectors","constraints","contextMenuSettings","customCursor","dataSourceSettings","diagramSettings","drawingObject","enableConnectorSplit","enablePersistence","enableRtl","getConnectorDefaults","getCustomCursor","getCustomProperty","getCustomTool","getDescription","getNodeDefaults","height","historyManager","layers","layout","locale","mode","nodeDefaults","nodeTemplate","nodes","pageSettings","rulerSettings","scrollSettings","segmentThumbShape","selectedItems","serializationSettings","setNodeTemplate","snapSettings","tool","tooltip","updateSelection","userHandleTemplate","width","animationComplete","click","collectionChange","commandExecute","connectionChange","contextMenuBeforeItemRender","contextMenuClick","contextMenuOpen","created","dataLoaded","doubleClick","dragEnter","dragLeave","dragOver","drop","expandStateChange","fixedUserHandleClick","historyChange","historyStateChange","keyDown","keyUp","mouseEnter","mouseLeave","mouseOver","mouseWheel","onImageLoad","onUserHandleMouseDown","onUserHandleMouseEnter","onUserHandleMouseLeave","onUserHandleMouseUp","positionChange","propertyChange","rotateChange","scrollChange","segmentChange","segmentCollectionChange","selectionChange","sizeChange","sourcePointChange","targetPointChange","textEdit","elementDraw"],B=[],F=n.getProps({props:V}),z=F[0],G=F[1],K=Object.keys(G);K.push("modelchanged","update:modelValue");for(var R=0,q=B;R<q.length;R++){var W=q[R];K.push("update:"+W)}var J=n.vueDefineComponent({name:"DiagramComponent",mixins:[n.ComponentBase],props:z,watch:G,emits:K,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Diagram({}),propKeys:V,models:B,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:!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,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",o)},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 o=n[t],i=this.templateCollection[o];if(i&&i.length){for(var r=0,a=i;r<a.length;r++){var c=a[r];s.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[o]}}},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()},add:function(e,t){return this.ej2Instances.add(e,t)},addChildToGroup:function(e,t){return this.ej2Instances.addChildToGroup(e,t)},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)},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()},distribute:function(e,t){return this.ej2Instances.distribute(e,t)},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)},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){return this.ej2Instances.findElementUnderMouse(e,t,n)},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){return this.ej2Instances.loadDiagram(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){return this.ej2Instances.nudge(e,t,n)},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)},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){return this.ej2Instances.rotate(e,t,n)},sameSize:function(e,t){return this.ej2Instances.sameSize(e,t)},saveDiagram:function(){return this.ej2Instances.saveDiagram()},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)},updateViewPort:function(){return this.ej2Instances.updateViewPort()},zoom:function(e,t){return this.ej2Instances.zoom(e,t)},zoomTo:function(e){return this.ej2Instances.zoomTo(e)}}}),Q={name:"ejs-diagram",install:function(e){e.component(Q.name,J),e.component(a.name,r),e.component(i.name,o),e.component(l.name,d),e.component(u.name,c),e.component(P.name,x),e.component(y.name,C),e.component(p.name,f),e.component(h.name,m),e.component(I.name,v),e.component(j.name,g),e.component(A.name,k),e.component(H.name,w),e.component(T.name,E),e.component(b.name,D),e.component(U.name,O),e.component(L.name,$),e.component(_.name,N),e.component(M.name,S)}},X=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-palettes"}}}),Y={name:"e-palettes",install:function(e){e.component(Y.name,X)}},Z=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-palette"}}}),ee={name:"e-palette",install:function(e){e.component(ee.name,Z)}},te=["isLazyUpdate","plugins","accessKey","allowDrag","connectorDefaults","enableAnimation","enablePersistence","enableRtl","enableSearch","expandMode","filterSymbols","getConnectorDefaults","getNodeDefaults","getSymbolInfo","getSymbolTemplate","height","ignoreSymbolsOnSearch","locale","nodeDefaults","palettes","symbolDragSize","symbolHeight","symbolInfo","symbolMargin","symbolPreview","symbolWidth","width","paletteExpanding","paletteSelectionChange"],ne=[],se=n.getProps({props:te}),oe=se[0],ie=se[1],re=Object.keys(ie);re.push("modelchanged","update:modelValue");for(var ae=0,ce=ne;ae<ce.length;ae++){var ue=ce[ae];re.push("update:"+ue)}var de=n.vueDefineComponent({name:"SymbolPaletteComponent",mixins:[n.ComponentBase],props:oe,watch:ie,emits:re,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.SymbolPalette({}),propKeys:te,models:ne,hasChildDirective:!0,hasInjectedModules:!0,tagMapper:{"e-palettes":"e-palette"},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,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",o)},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 o=n[t],i=this.templateCollection[o];if(i&&i.length){for(var r=0,a=i;r<a.length;r++){var c=a[r];s.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[o]}}},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()},addPaletteItem:function(e,t,n){return this.ej2Instances.addPaletteItem(e,t,n)},addPalettes:function(e){return this.ej2Instances.addPalettes(e)},removePaletteItem:function(e,t){return this.ej2Instances.removePaletteItem(e,t)},removePalettes:function(e){return this.ej2Instances.removePalettes(e)}}}),le={name:"ejs-symbolpalette",install:function(e){e.component(le.name,de),e.component(ee.name,Z),e.component(Y.name,X)}},me=["isLazyUpdate","plugins","enablePersistence","enableRtl","height","locale","sourceID","width","created"],he=[],fe=n.getProps({props:me}),pe=fe[0],ge=fe[1],je=Object.keys(ge);je.push("modelchanged","update:modelValue");for(var ve=0,Ie=he;ve<Ie.length;ve++){var Ce=Ie[ve];je.push("update:"+Ce)}var ye=n.vueDefineComponent({name:"OverviewComponent",mixins:[n.ComponentBase],props:pe,watch:ge,emits:je,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Overview({}),propKeys:me,models:he,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{},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,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",o)},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 o=n[t],i=this.templateCollection[o];if(i&&i.length){for(var r=0,a=i;r<a.length;r++){var c=a[r];s.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[o]}}},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()},updateHtmlLayer:function(e){return this.ej2Instances.updateHtmlLayer(e)}}}),xe={name:"ejs-overview",install:function(e){e.component(xe.name,ye)}};e.LayersDirective=o,e.LayerDirective=r,e.LayersPlugin=i,e.LayerPlugin=a,e.CustomCursorsDirective=c,e.CustomCursorDirective=d,e.CustomCursorsPlugin=u,e.CustomCursorPlugin=l,e.ConnectorFixedUserHandlesDirective=m,e.ConnectorFixedUserHandleDirective=f,e.ConnectorFixedUserHandlesPlugin=h,e.ConnectorFixedUserHandlePlugin=p,e.ConnectorAnnotationsDirective=g,e.ConnectorAnnotationDirective=v,e.ConnectorAnnotationsPlugin=j,e.ConnectorAnnotationPlugin=I,e.ConnectorsDirective=C,e.ConnectorDirective=x,e.ConnectorsPlugin=y,e.ConnectorPlugin=P,e.NodeFixedUserHandlesDirective=D,e.NodeFixedUserHandleDirective=E,e.NodeFixedUserHandlesPlugin=b,e.NodeFixedUserHandlePlugin=T,e.NodeAnnotationsDirective=$,e.NodeAnnotationDirective=O,e.NodeAnnotationsPlugin=L,e.NodeAnnotationPlugin=U,e.PortsDirective=S,e.PortDirective=N,e.PortsPlugin=M,e.PortPlugin=_,e.NodesDirective=w,e.NodeDirective=k,e.NodesPlugin=H,e.NodePlugin=A,e.DiagramComponent=J,e.DiagramPlugin=Q,e.PalettesDirective=X,e.PaletteDirective=Z,e.PalettesPlugin=Y,e.PalettePlugin=ee,e.SymbolPaletteComponent=de,e.SymbolPalettePlugin=le,e.OverviewComponent=ye,e.OverviewPlugin=xe,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-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.ej={},e.ej2Diagrams,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,s){"use strict";var o=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-layers"}}}),i={name:"e-layers",install:function(e){e.component(i.name,o)}},r=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-layer"}}}),a={name:"e-layer",install:function(e){e.component(a.name,r)}},c=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-cursormaps"}}}),u={name:"e-cursormaps",install:function(e){e.component(u.name,c)}},d=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-cursormap"}}}),l={name:"e-cursormap",install:function(e){e.component(l.name,d)}},m=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-connector-fixeduserhandles"}}}),h={name:"e-connector-fixeduserhandles",install:function(e){e.component(h.name,m)}},f=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-connector-fixeduserhandle"}}}),p={name:"e-connector-fixeduserhandle",install:function(e){e.component(p.name,f)}},g=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-connector-annotations"}}}),j={name:"e-connector-annotations",install:function(e){e.component(j.name,g)}},v=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-connector-annotation"}}}),I={name:"e-connector-annotation",install:function(e){e.component(I.name,v)}},C=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-connectors"}}}),y={name:"e-connectors",install:function(e){e.component(y.name,C)}},x=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-connector"}}}),P={name:"e-connector",install:function(e){e.component(P.name,x)}},D=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-node-fixeduserhandles"}}}),b={name:"e-node-fixeduserhandles",install:function(e){e.component(b.name,D)}},E=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-node-fixeduserhandle"}}}),T={name:"e-node-fixeduserhandle",install:function(e){e.component(T.name,E)}},$=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-node-annotations"}}}),L={name:"e-node-annotations",install:function(e){e.component(L.name,$)}},O=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-node-annotation"}}}),U={name:"e-node-annotation",install:function(e){e.component(U.name,O)}},S=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-node-ports"}}}),M={name:"e-node-ports",install:function(e){e.component(M.name,S)}},N=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-node-port"}}}),_={name:"e-node-port",install:function(e){e.component(_.name,N)}},w=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-nodes"}}}),H={name:"e-nodes",install:function(e){e.component(H.name,w)}},k=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-node"}}}),A={name:"e-node",install:function(e){e.component(A.name,k)}},V=["isLazyUpdate","plugins","addInfo","annotationTemplate","backgroundColor","bridgeDirection","commandManager","connectorDefaults","connectors","constraints","contextMenuSettings","customCursor","dataSourceSettings","diagramSettings","drawingObject","enableConnectorSplit","enablePersistence","enableRtl","getConnectorDefaults","getCustomCursor","getCustomProperty","getCustomTool","getDescription","getNodeDefaults","height","historyManager","layers","layout","locale","mode","nodeDefaults","nodeTemplate","nodes","pageSettings","rulerSettings","scrollSettings","segmentThumbShape","selectedItems","serializationSettings","setNodeTemplate","snapSettings","tool","tooltip","updateSelection","userHandleTemplate","width","animationComplete","click","collectionChange","commandExecute","connectionChange","contextMenuBeforeItemRender","contextMenuClick","contextMenuOpen","created","dataLoaded","doubleClick","dragEnter","dragLeave","dragOver","drop","expandStateChange","fixedUserHandleClick","historyChange","historyStateChange","keyDown","keyUp","mouseEnter","mouseLeave","mouseOver","mouseWheel","onImageLoad","onUserHandleMouseDown","onUserHandleMouseEnter","onUserHandleMouseLeave","onUserHandleMouseUp","positionChange","propertyChange","rotateChange","scrollChange","segmentChange","segmentCollectionChange","selectionChange","sizeChange","sourcePointChange","targetPointChange","textEdit","elementDraw"],B=[],F=n.getProps({props:V}),z=F[0],G=F[1],K=Object.keys(G);K.push("modelchanged","update:modelValue");for(var R=0,q=B;R<q.length;R++){var W=q[R];K.push("update:"+W)}var J=n.vueDefineComponent({name:"DiagramComponent",mixins:[n.ComponentBase],props:z,watch:G,emits:K,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new t.Diagram({}),propKeys:V,models:B,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:!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,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",o)},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 o=n[t],i=this.templateCollection[o];if(i&&i.length){for(var r=0,a=i;r<a.length;r++){var c=a[r];s.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[o]}}},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()},add:function(e,t){return this.ej2Instances.add(e,t)},addChildToGroup:function(e,t){return this.ej2Instances.addChildToGroup(e,t)},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)},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()},distribute:function(e,t){return this.ej2Instances.distribute(e,t)},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)},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){return this.ej2Instances.findElementUnderMouse(e,t,n)},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)},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)},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){return this.ej2Instances.rotate(e,t,n)},sameSize:function(e,t){return this.ej2Instances.sameSize(e,t)},saveDiagram:function(){return this.ej2Instances.saveDiagram()},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)},updateViewPort:function(){return this.ej2Instances.updateViewPort()},zoom:function(e,t){return this.ej2Instances.zoom(e,t)},zoomTo:function(e){return this.ej2Instances.zoomTo(e)}}}),Q={name:"ejs-diagram",install:function(e){e.component(Q.name,J),e.component(a.name,r),e.component(i.name,o),e.component(l.name,d),e.component(u.name,c),e.component(P.name,x),e.component(y.name,C),e.component(p.name,f),e.component(h.name,m),e.component(I.name,v),e.component(j.name,g),e.component(A.name,k),e.component(H.name,w),e.component(T.name,E),e.component(b.name,D),e.component(U.name,O),e.component(L.name,$),e.component(_.name,N),e.component(M.name,S)}},X=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},o)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-palettes"}}}),Y={name:"e-palettes",install:function(e){e.component(Y.name,X)}},Z=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-palette"}}}),ee={name:"e-palette",install:function(e){e.component(ee.name,Z)}},te=["isLazyUpdate","plugins","accessKey","allowDrag","connectorDefaults","enableAnimation","enablePersistence","enableRtl","enableSearch","expandMode","filterSymbols","getConnectorDefaults","getNodeDefaults","getSymbolInfo","getSymbolTemplate","height","ignoreSymbolsOnSearch","locale","nodeDefaults","palettes","symbolDragSize","symbolHeight","symbolInfo","symbolMargin","symbolPreview","symbolWidth","width","paletteExpanding","paletteSelectionChange"],ne=[],se=n.getProps({props:te}),oe=se[0],ie=se[1],re=Object.keys(ie);re.push("modelchanged","update:modelValue");for(var ae=0,ce=ne;ae<ce.length;ae++){var ue=ce[ae];re.push("update:"+ue)}var de=n.vueDefineComponent({name:"SymbolPaletteComponent",mixins:[n.ComponentBase],props:oe,watch:ie,emits:re,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new t.SymbolPalette({}),propKeys:te,models:ne,hasChildDirective:!0,hasInjectedModules:!0,tagMapper:{"e-palettes":"e-palette"},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,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",o)},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 o=n[t],i=this.templateCollection[o];if(i&&i.length){for(var r=0,a=i;r<a.length;r++){var c=a[r];s.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[o]}}},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()},addPaletteItem:function(e,t,n){return this.ej2Instances.addPaletteItem(e,t,n)},addPalettes:function(e){return this.ej2Instances.addPalettes(e)},removePaletteItem:function(e,t){return this.ej2Instances.removePaletteItem(e,t)},removePalettes:function(e){return this.ej2Instances.removePalettes(e)}}}),le={name:"ejs-symbolpalette",install:function(e){e.component(le.name,de),e.component(ee.name,Z),e.component(Y.name,X)}},me=["isLazyUpdate","plugins","enablePersistence","enableRtl","height","locale","sourceID","width","created"],he=[],fe=n.getProps({props:me}),pe=fe[0],ge=fe[1],je=Object.keys(ge);je.push("modelchanged","update:modelValue");for(var ve=0,Ie=he;ve<Ie.length;ve++){var Ce=Ie[ve];je.push("update:"+Ce)}var ye=n.vueDefineComponent({name:"OverviewComponent",mixins:[n.ComponentBase],props:pe,watch:ge,emits:je,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new t.Overview({}),propKeys:me,models:he,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{},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,o=null;return s.isNullOrUndefined(this.$slots.default)||(o=n.isExecute?this.$slots.default:this.$slots.default()),t("div",o)},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 o=n[t],i=this.templateCollection[o];if(i&&i.length){for(var r=0,a=i;r<a.length;r++){var c=a[r];s.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[o]}}},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()},updateHtmlLayer:function(e){return this.ej2Instances.updateHtmlLayer(e)}}}),xe={name:"ejs-overview",install:function(e){e.component(xe.name,ye)}};e.LayersDirective=o,e.LayerDirective=r,e.LayersPlugin=i,e.LayerPlugin=a,e.CustomCursorsDirective=c,e.CustomCursorDirective=d,e.CustomCursorsPlugin=u,e.CustomCursorPlugin=l,e.ConnectorFixedUserHandlesDirective=m,e.ConnectorFixedUserHandleDirective=f,e.ConnectorFixedUserHandlesPlugin=h,e.ConnectorFixedUserHandlePlugin=p,e.ConnectorAnnotationsDirective=g,e.ConnectorAnnotationDirective=v,e.ConnectorAnnotationsPlugin=j,e.ConnectorAnnotationPlugin=I,e.ConnectorsDirective=C,e.ConnectorDirective=x,e.ConnectorsPlugin=y,e.ConnectorPlugin=P,e.NodeFixedUserHandlesDirective=D,e.NodeFixedUserHandleDirective=E,e.NodeFixedUserHandlesPlugin=b,e.NodeFixedUserHandlePlugin=T,e.NodeAnnotationsDirective=$,e.NodeAnnotationDirective=O,e.NodeAnnotationsPlugin=L,e.NodeAnnotationPlugin=U,e.PortsDirective=S,e.PortDirective=N,e.PortsPlugin=M,e.PortPlugin=_,e.NodesDirective=w,e.NodeDirective=k,e.NodesPlugin=H,e.NodePlugin=A,e.DiagramComponent=J,e.DiagramPlugin=Q,e.PalettesDirective=X,e.PaletteDirective=Z,e.PalettesPlugin=Y,e.PalettePlugin=ee,e.SymbolPaletteComponent=de,e.SymbolPalettePlugin=le,e.OverviewComponent=ye,e.OverviewPlugin=xe,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-diagrams.umd.min.js.map