@syncfusion/ej2-vue-diagrams 21.2.9 → 22.1.36

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-diagrams@*",
-  "_id": "@syncfusion/ej2-vue-diagrams@21.2.8",
+  "_id": "@syncfusion/ej2-vue-diagrams@21.1.36",
   "_inBundle": false,
-  "_integrity": "sha512-k4AsOsbmvxPX6+peCZwD1xD62BHn+W5BGKsfHWDF3BtI6YF6wnj+y5LpMwBoyBv/Pn27ln5+voyk80zHTqMb9w==",
+  "_integrity": "sha512-qtgejrM9brUyTTB3GZa6XYy5QYamYZQI1p+HAHZMJi+HrODqOOhHoYIx18eFFPizMzivD90x4tgeVmEho71Bug==",
   "_location": "/@syncfusion/ej2-vue-diagrams",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-diagrams/-/ej2-vue-diagrams-21.2.8.tgz",
-  "_shasum": "c2556a5004a98f76dd46dcb761160ffae4703f74",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-diagrams/-/ej2-vue-diagrams-21.1.36.tgz",
+  "_shasum": "253faf8db3454b8f39916759a513ad910cffdab3",
   "_spec": "@syncfusion/ej2-vue-diagrams@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.9",
-    "@syncfusion/ej2-diagrams": "21.2.9",
-    "@syncfusion/ej2-vue-base": "~21.2.9"
+    "@syncfusion/ej2-base": "~22.1.34",
+    "@syncfusion/ej2-diagrams": "22.1.36",
+    "@syncfusion/ej2-vue-base": "~22.1.34"
   },
   "deprecated": false,
   "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",
@@ -57,6 +57,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "21.2.9",
+  "version": "22.1.36",
   "sideEffects": false
 }

package/src/diagram/diagram.component.js

@@ -34,7 +34,7 @@ export var DiagramComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instances: new Diagram({}),
+            ej2Instance: new Diagram({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: true,
@@ -280,8 +280,8 @@ export var DiagramComponent = vueDefineComponent({
         insertData: function (node) {
             return this.ej2Instances.insertData(node);
         },
-        loadDiagram: function (data) {
-            return this.ej2Instances.loadDiagram(data);
+        loadDiagram: function (data, isEJ1Data) {
+            return this.ej2Instances.loadDiagram(data, isEJ1Data);
         },
         moveForward: function () {
             return this.ej2Instances.moveForward();
@@ -292,8 +292,8 @@ export var DiagramComponent = vueDefineComponent({
         moveObjectsUp: function (node, currentLayer) {
             return this.ej2Instances.moveObjectsUp(node, currentLayer);
         },
-        nudge: function (direction, x, y) {
-            return this.ej2Instances.nudge(direction, x, y);
+        nudge: function (direction, x, y, type) {
+            return this.ej2Instances.nudge(direction, x, y, type);
         },
         pan: function (horizontalOffset, verticalOffset, focusedPoint, isInteractiveZoomPan) {
             return this.ej2Instances.pan(horizontalOffset, verticalOffset, focusedPoint, isInteractiveZoomPan);

package/src/overview/overview.component.js

@@ -25,7 +25,7 @@ export var OverviewComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instances: new Overview({}),
+            ej2Instance: new Overview({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: true,

package/src/symbol-palette/symbolpalette.component.js

@@ -26,7 +26,7 @@ export var SymbolPaletteComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instances: new SymbolPalette({}),
+            ej2Instance: new SymbolPalette({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: true,

package/styles/bootstrap-dark.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #313131;
+  background: #313131;
   color: #f0f0f0;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #313131;
+  background: #313131;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/bootstrap.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   color: #8c8c8c;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/bootstrap4.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   color: #f8f9fa;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/bootstrap5-dark.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #282d31;
+  background: #282d31;
   color: #ced4da;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #282d31;
+  background: #282d31;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/bootstrap5.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   color: #495057;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/bootstrap-dark.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #313131;
+  background: #313131;
   color: #f0f0f0;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #313131;
+  background: #313131;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/bootstrap.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   color: #8c8c8c;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/bootstrap4.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   color: #f8f9fa;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/bootstrap5-dark.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #282d31;
+  background: #282d31;
   color: #ced4da;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #282d31;
+  background: #282d31;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/bootstrap5.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   color: #495057;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/fabric-dark.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #333232;
+  background: #333232;
   color: #9a9a9a;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #333232;
+  background: #333232;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/fabric.css

@@ -307,13 +307,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   color: #a6a6a6;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/fluent-dark.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #201f1e;
+  background: #201f1e;
   color: #c8c6c4;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #201f1e;
+  background: #201f1e;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/fluent.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #faf9f8;
+  background: #faf9f8;
   color: #3b3a39;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #faf9f8;
+  background: #faf9f8;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/highcontrast-light.css

@@ -306,13 +306,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #fff;
+  background: #fff;
   color: rgb(166, 166, 166);
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #fff;
+  background: #fff;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/highcontrast.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #000;
+  background: #000;
   color: #ffd939;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #000;
+  background: #000;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/material-dark.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #424242;
+  background: #424242;
   color: #f5f5f5;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #424242;
+  background: #424242;
 }
 
 .e-diagram .e-d-ruler-marker {

package/styles/diagram/material.css

@@ -308,13 +308,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #f5f5f5;
+  background: #f5f5f5;
   color: #f5f5f5;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #f5f5f5;
+  background: #f5f5f5;
 }
 
 .e-diagram .e-d-ruler-marker {