@syncfusion/ej2-vue-diagrams 20.1.48 → 20.1.57

package/package.json

@@ -1,14 +1,8 @@
 {
-  "_args": [
-    [
-      "@syncfusion/ej2-vue-diagrams@19.4.55",
-      "D:\\Augest 2021\\vue package publish\\vue source from nexus"
-    ]
-  ],
   "_from": "@syncfusion/ej2-vue-diagrams@*",
-  "_id": "@syncfusion/ej2-vue-diagrams@19.4.55",
+  "_id": "@syncfusion/ej2-vue-diagrams@20.1.55",
   "_inBundle": false,
-  "_integrity": "sha512-dU1nBqEG6GU+y5JhTC3h/kLiLWVJiKtxv1OFMUGf5oZB8KvF2f0nolRR7Ng5aIxPtCAvPAMYdBH2gMEX/eR+Cg==",
+  "_integrity": "sha512-gAy8y+0MehAKNxCPqzI9/vEAd/+XmaLQta2NkzHm3AafcZuy4jo2ctroX7fNcaMy1xlJA/HCJd++DsfLvhf85g==",
   "_location": "/@syncfusion/ej2-vue-diagrams",
   "_phantomChildren": {},
   "_requested": {
@@ -25,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": "cbe88aa8d03b3f8f76dd5e487bf9cdc5b1010e53",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-diagrams/-/ej2-vue-diagrams-20.1.55.tgz",
+  "_shasum": "f6dbf6d0f68fb391a3f6c8f159347ad63de83ecf",
   "_spec": "@syncfusion/ej2-vue-diagrams@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -37,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.48",
-    "@syncfusion/ej2-diagrams": "20.1.48",
-    "@syncfusion/ej2-vue-base": "~20.1.48"
+    "@syncfusion/ej2-base": "~20.1.56",
+    "@syncfusion/ej2-diagrams": "20.1.57",
+    "@syncfusion/ej2-vue-base": "~20.1.57"
   },
   "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",
@@ -63,6 +57,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "20.1.48",
+  "version": "20.1.57",
   "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;
@@ -108,7 +109,7 @@ export declare class DiagramComponent extends ComponentBase {
     sameSize(option: Object, objects?: undefined[]): void;
     saveDiagram(): string;
     scale(obj: Object | Object | Object, sx: number, sy: number, pivot: Object): boolean;
-    select(objects: undefined[], multipleSelection?: boolean): void;
+    select(objects: undefined[], multipleSelection?: boolean, oldValue?: undefined[]): void;
     selectAll(): void;
     sendBackward(): void;
     sendLayerBackward(layerName: string): void;

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);
     };
@@ -362,8 +366,8 @@ var DiagramComponent = /** @class */ (function (_super) {
     DiagramComponent.prototype.scale = function (obj, sx, sy, pivot) {
         return this.ej2Instances.scale(obj, sx, sy, pivot);
     };
-    DiagramComponent.prototype.select = function (objects, multipleSelection) {
-        return this.ej2Instances.select(objects, multipleSelection);
+    DiagramComponent.prototype.select = function (objects, multipleSelection, oldValue) {
+        return this.ej2Instances.select(objects, multipleSelection, oldValue);
     };
     DiagramComponent.prototype.selectAll = function () {
         return this.ej2Instances.selectAll();
@@ -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: {