@syncfusion/ej2-vue-diagrams 19.4.56 → 20.1.47

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-diagrams@*",
-  "_id": "@syncfusion/ej2-vue-diagrams@19.4.55",
+  "_id": "@syncfusion/ej2-vue-diagrams@19.4.58",
   "_inBundle": false,
-  "_integrity": "sha512-nIvIy9ygkzKwLUhMYhWYlabXmInlJtDRTcHhbczTB1iP4Dh/xSTLPMHLVKkWcMBwGtBATUicLgFhSpwQfPL6mg==",
+  "_integrity": "sha512-4OTF8muc3mmjWC1tzFmGfA57BqfCDc0onHrN7lr64eWBch77j070CN0MzSwJ+xXFBPBa5YJ2fSQIH8KKDTh+ew==",
   "_location": "/@syncfusion/ej2-vue-diagrams",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-diagrams/-/ej2-vue-diagrams-19.4.55.tgz",
-  "_shasum": "5d01ce072f310f9984db33380686c2c1765bc508",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-diagrams/-/ej2-vue-diagrams-19.4.58.tgz",
+  "_shasum": "6a457bc37e2134097b52f64737f696de5f614abd",
   "_spec": "@syncfusion/ej2-vue-diagrams@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-diagrams": "19.4.56",
-    "@syncfusion/ej2-vue-base": "~19.4.56"
+    "@syncfusion/ej2-base": "~20.1.47",
+    "@syncfusion/ej2-diagrams": "20.1.47",
+    "@syncfusion/ej2-vue-base": "~20.1.47"
   },
   "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 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "19.4.56",
+  "version": "20.1.47",
   "sideEffects": false
 }

package/src/diagram/connector-annotation.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class ConnectorAnnotationsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const ConnectorAnnotationsPlugin: {

package/src/diagram/connector-annotation.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var ConnectorAnnotationsDirective = /** @class */ (function (_super) {
     __extends(ConnectorAnnotationsDirective, _super);
     function ConnectorAnnotationsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    ConnectorAnnotationsDirective.prototype.render = function () {
+    ConnectorAnnotationsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    ConnectorAnnotationsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     ConnectorAnnotationsDirective.prototype.getTag = function () {
         return 'e-connector-annotations';
     };
     ConnectorAnnotationsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ConnectorAnnotationsDirective);
     return ConnectorAnnotationsDirective;
 }(vueImport));

package/src/diagram/connector-fixeduserhandle.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class ConnectorFixedUserHandlesDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const ConnectorFixedUserHandlesPlugin: {

package/src/diagram/connector-fixeduserhandle.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var ConnectorFixedUserHandlesDirective = /** @class */ (function (_super) {
     __extends(ConnectorFixedUserHandlesDirective, _super);
     function ConnectorFixedUserHandlesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    ConnectorFixedUserHandlesDirective.prototype.render = function () {
+    ConnectorFixedUserHandlesDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    ConnectorFixedUserHandlesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     ConnectorFixedUserHandlesDirective.prototype.getTag = function () {
         return 'e-connector-fixeduserhandles';
     };
     ConnectorFixedUserHandlesDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ConnectorFixedUserHandlesDirective);
     return ConnectorFixedUserHandlesDirective;
 }(vueImport));

package/src/diagram/connectors.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class ConnectorsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const ConnectorsPlugin: {

package/src/diagram/connectors.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var ConnectorsDirective = /** @class */ (function (_super) {
     __extends(ConnectorsDirective, _super);
     function ConnectorsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    ConnectorsDirective.prototype.render = function () {
+    ConnectorsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    ConnectorsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     ConnectorsDirective.prototype.getTag = function () {
         return 'e-connectors';
     };
     ConnectorsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ConnectorsDirective);
     return ConnectorsDirective;
 }(vueImport));

package/src/diagram/customcursor.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class CustomCursorsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const CustomCursorsPlugin: {

package/src/diagram/customcursor.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var CustomCursorsDirective = /** @class */ (function (_super) {
     __extends(CustomCursorsDirective, _super);
     function CustomCursorsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    CustomCursorsDirective.prototype.render = function () {
+    CustomCursorsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    CustomCursorsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     CustomCursorsDirective.prototype.getTag = function () {
         return 'e-cursormaps';
     };
     CustomCursorsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], CustomCursorsDirective);
     return CustomCursorsDirective;
 }(vueImport));

package/src/diagram/diagram.component.d.ts

@@ -28,6 +28,7 @@ export declare class DiagramComponent extends ComponentBase {
     clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
+    custom(): void;
     add(obj: Object | Object, group?: boolean): Object | Object;
     addChildToGroup(group: Object, child: string | Object | Object): void;
     addConnector(obj: Object): Object;

package/src/diagram/diagram.component.js

@@ -64,6 +64,7 @@ var DiagramComponent = /** @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     DiagramComponent.prototype.clearTemplate = function (templateNames) {
@@ -122,6 +123,9 @@ var DiagramComponent = /** @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    DiagramComponent.prototype.custom = function () {
+        this.updated();
+    };
     DiagramComponent.prototype.add = function (obj, group) {
         return this.ej2Instances.add(obj, group);
     };
@@ -420,7 +424,12 @@ var DiagramComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], DiagramComponent);
     return DiagramComponent;

package/src/diagram/layers.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class LayersDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const LayersPlugin: {

package/src/diagram/layers.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var LayersDirective = /** @class */ (function (_super) {
     __extends(LayersDirective, _super);
     function LayersDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    LayersDirective.prototype.render = function () {
+    LayersDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    LayersDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     LayersDirective.prototype.getTag = function () {
         return 'e-layers';
     };
     LayersDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], LayersDirective);
     return LayersDirective;
 }(vueImport));

package/src/diagram/node-annotation.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class NodeAnnotationsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const NodeAnnotationsPlugin: {

package/src/diagram/node-annotation.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var NodeAnnotationsDirective = /** @class */ (function (_super) {
     __extends(NodeAnnotationsDirective, _super);
     function NodeAnnotationsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    NodeAnnotationsDirective.prototype.render = function () {
+    NodeAnnotationsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    NodeAnnotationsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     NodeAnnotationsDirective.prototype.getTag = function () {
         return 'e-node-annotations';
     };
     NodeAnnotationsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], NodeAnnotationsDirective);
     return NodeAnnotationsDirective;
 }(vueImport));

package/src/diagram/node-fixeduserhandle.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class NodeFixedUserHandlesDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const NodeFixedUserHandlesPlugin: {

package/src/diagram/node-fixeduserhandle.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var NodeFixedUserHandlesDirective = /** @class */ (function (_super) {
     __extends(NodeFixedUserHandlesDirective, _super);
     function NodeFixedUserHandlesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    NodeFixedUserHandlesDirective.prototype.render = function () {
+    NodeFixedUserHandlesDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    NodeFixedUserHandlesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     NodeFixedUserHandlesDirective.prototype.getTag = function () {
         return 'e-node-fixeduserhandles';
     };
     NodeFixedUserHandlesDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], NodeFixedUserHandlesDirective);
     return NodeFixedUserHandlesDirective;
 }(vueImport));

package/src/diagram/nodes.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class NodesDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const NodesPlugin: {

package/src/diagram/nodes.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var NodesDirective = /** @class */ (function (_super) {
     __extends(NodesDirective, _super);
     function NodesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    NodesDirective.prototype.render = function () {
+    NodesDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    NodesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     NodesDirective.prototype.getTag = function () {
         return 'e-nodes';
     };
     NodesDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], NodesDirective);
     return NodesDirective;
 }(vueImport));

package/src/diagram/ports.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class PortsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const PortsPlugin: {

package/src/diagram/ports.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var PortsDirective = /** @class */ (function (_super) {
     __extends(PortsDirective, _super);
     function PortsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    PortsDirective.prototype.render = function () {
+    PortsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    PortsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     PortsDirective.prototype.getTag = function () {
         return 'e-node-ports';
     };
     PortsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], PortsDirective);
     return PortsDirective;
 }(vueImport));

package/src/overview/overview.component.d.ts

@@ -28,6 +28,7 @@ export declare class OverviewComponent extends ComponentBase {
     clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
+    custom(): void;
     updateHtmlLayer(view: Object): void;
 }
 export declare const OverviewPlugin: {