@syncfusion/ej2-vue-diagrams 20.4.53 → 21.1.35

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

@@ -1,10 +1,4 @@
-declare let vueImport: any;
-export declare class LayersDirective extends vueImport {
-    constructor();
-    render(createElement: any): void;
-    updated(): void;
-    getTag(): string;
-}
+export declare let LayersDirective: any;
 export declare const LayersPlugin: {
     name: string;
     install(Vue: any): void;
@@ -21,12 +15,8 @@ export declare const LayersPlugin: {
 </ejs-diagram>
  * ```
  */
-export declare class LayerDirective extends vueImport {
-    render(): void;
-    getTag(): string;
-}
+export declare let LayerDirective: any;
 export declare const LayerPlugin: {
     name: string;
     install(Vue: any): void;
 };
-export {};

package/src/diagram/layers.directive.js

@@ -1,40 +1,8 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';
-import * as Vue3 from 'vue-class-component';
+import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
-import Vue from 'vue';
-import { Options } from 'vue-class-component';
-var vueImport;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport = Vue3.Vue;
-}
-else {
-    vueImport = Vue;
-}
-var LayersDirective = /** @class */ (function (_super) {
-    __extends(LayersDirective, _super);
-    function LayersDirective() {
-        return _super.call(this, arguments) || this;
-    }
-    LayersDirective.prototype.render = function (createElement) {
+export var LayersDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
         if (!isExecute) {
             var h = !isExecute ? gh : createElement;
             var slots = null;
@@ -44,28 +12,18 @@ var LayersDirective = /** @class */ (function (_super) {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    };
-    LayersDirective.prototype.updated = function () {
+    },
+    updated: function () {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    };
-    LayersDirective.prototype.getTag = function () {
-        return 'e-layers';
-    };
-    LayersDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-        ,Options({
-            inject: {
-                custom: {
-                    default: null
-                }
-            }
-        })
-    ], LayersDirective);
-    return LayersDirective;
-}(vueImport));
-export { LayersDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-layers';
+        }
+    }
+});
 export var LayersPlugin = {
     name: 'e-layers',
     install: function (Vue) {
@@ -84,23 +42,16 @@ export var LayersPlugin = {
 </ejs-diagram>
  * ```
  */
-var LayerDirective = /** @class */ (function (_super) {
-    __extends(LayerDirective, _super);
-    function LayerDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    LayerDirective.prototype.render = function () {
+export var LayerDirective = vueDefineComponent({
+    render: function () {
         return;
-    };
-    LayerDirective.prototype.getTag = function () {
-        return 'e-layer';
-    };
-    LayerDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-    ], LayerDirective);
-    return LayerDirective;
-}(vueImport));
-export { LayerDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-layer';
+        }
+    }
+});
 export var LayerPlugin = {
     name: 'e-layer',
     install: function (Vue) {

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

@@ -1,10 +1,4 @@
-declare let vueImport: any;
-export declare class NodeAnnotationsDirective extends vueImport {
-    constructor();
-    render(createElement: any): void;
-    updated(): void;
-    getTag(): string;
-}
+export declare let NodeAnnotationsDirective: any;
 export declare const NodeAnnotationsPlugin: {
     name: string;
     install(Vue: any): void;
@@ -25,12 +19,8 @@ export declare const NodeAnnotationsPlugin: {
  * </ejs-diagram>
  * ```
  */
-export declare class NodeAnnotationDirective extends vueImport {
-    render(): void;
-    getTag(): string;
-}
+export declare let NodeAnnotationDirective: any;
 export declare const NodeAnnotationPlugin: {
     name: string;
     install(Vue: any): void;
 };
-export {};

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

@@ -1,40 +1,8 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';
-import * as Vue3 from 'vue-class-component';
+import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
-import Vue from 'vue';
-import { Options } from 'vue-class-component';
-var vueImport;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport = Vue3.Vue;
-}
-else {
-    vueImport = Vue;
-}
-var NodeAnnotationsDirective = /** @class */ (function (_super) {
-    __extends(NodeAnnotationsDirective, _super);
-    function NodeAnnotationsDirective() {
-        return _super.call(this, arguments) || this;
-    }
-    NodeAnnotationsDirective.prototype.render = function (createElement) {
+export var NodeAnnotationsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
         if (!isExecute) {
             var h = !isExecute ? gh : createElement;
             var slots = null;
@@ -44,28 +12,18 @@ var NodeAnnotationsDirective = /** @class */ (function (_super) {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    };
-    NodeAnnotationsDirective.prototype.updated = function () {
+    },
+    updated: function () {
         if (!isExecute && 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));
-export { NodeAnnotationsDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-node-annotations';
+        }
+    }
+});
 export var NodeAnnotationsPlugin = {
     name: 'e-node-annotations',
     install: function (Vue) {
@@ -88,23 +46,16 @@ export var NodeAnnotationsPlugin = {
  * </ejs-diagram>
  * ```
  */
-var NodeAnnotationDirective = /** @class */ (function (_super) {
-    __extends(NodeAnnotationDirective, _super);
-    function NodeAnnotationDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    NodeAnnotationDirective.prototype.render = function () {
+export var NodeAnnotationDirective = vueDefineComponent({
+    render: function () {
         return;
-    };
-    NodeAnnotationDirective.prototype.getTag = function () {
-        return 'e-node-annotation';
-    };
-    NodeAnnotationDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-    ], NodeAnnotationDirective);
-    return NodeAnnotationDirective;
-}(vueImport));
-export { NodeAnnotationDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-node-annotation';
+        }
+    }
+});
 export var NodeAnnotationPlugin = {
     name: 'e-node-annotation',
     install: function (Vue) {

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

@@ -1,10 +1,4 @@
-declare let vueImport: any;
-export declare class NodeFixedUserHandlesDirective extends vueImport {
-    constructor();
-    render(createElement: any): void;
-    updated(): void;
-    getTag(): string;
-}
+export declare let NodeFixedUserHandlesDirective: any;
 export declare const NodeFixedUserHandlesPlugin: {
     name: string;
     install(Vue: any): void;
@@ -25,12 +19,8 @@ export declare const NodeFixedUserHandlesPlugin: {
  * </ejs-diagram>
  * ```
  */
-export declare class NodeFixedUserHandleDirective extends vueImport {
-    render(): void;
-    getTag(): string;
-}
+export declare let NodeFixedUserHandleDirective: any;
 export declare const NodeFixedUserHandlePlugin: {
     name: string;
     install(Vue: any): void;
 };
-export {};

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

@@ -1,40 +1,8 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';
-import * as Vue3 from 'vue-class-component';
+import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
-import Vue from 'vue';
-import { Options } from 'vue-class-component';
-var vueImport;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport = Vue3.Vue;
-}
-else {
-    vueImport = Vue;
-}
-var NodeFixedUserHandlesDirective = /** @class */ (function (_super) {
-    __extends(NodeFixedUserHandlesDirective, _super);
-    function NodeFixedUserHandlesDirective() {
-        return _super.call(this, arguments) || this;
-    }
-    NodeFixedUserHandlesDirective.prototype.render = function (createElement) {
+export var NodeFixedUserHandlesDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
         if (!isExecute) {
             var h = !isExecute ? gh : createElement;
             var slots = null;
@@ -44,28 +12,18 @@ var NodeFixedUserHandlesDirective = /** @class */ (function (_super) {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    };
-    NodeFixedUserHandlesDirective.prototype.updated = function () {
+    },
+    updated: function () {
         if (!isExecute && 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));
-export { NodeFixedUserHandlesDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-node-fixeduserhandles';
+        }
+    }
+});
 export var NodeFixedUserHandlesPlugin = {
     name: 'e-node-fixeduserhandles',
     install: function (Vue) {
@@ -88,23 +46,16 @@ export var NodeFixedUserHandlesPlugin = {
  * </ejs-diagram>
  * ```
  */
-var NodeFixedUserHandleDirective = /** @class */ (function (_super) {
-    __extends(NodeFixedUserHandleDirective, _super);
-    function NodeFixedUserHandleDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    NodeFixedUserHandleDirective.prototype.render = function () {
+export var NodeFixedUserHandleDirective = vueDefineComponent({
+    render: function () {
         return;
-    };
-    NodeFixedUserHandleDirective.prototype.getTag = function () {
-        return 'e-node-fixeduserhandle';
-    };
-    NodeFixedUserHandleDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-    ], NodeFixedUserHandleDirective);
-    return NodeFixedUserHandleDirective;
-}(vueImport));
-export { NodeFixedUserHandleDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-node-fixeduserhandle';
+        }
+    }
+});
 export var NodeFixedUserHandlePlugin = {
     name: 'e-node-fixeduserhandle',
     install: function (Vue) {

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

@@ -1,10 +1,4 @@
-declare let vueImport: any;
-export declare class NodesDirective extends vueImport {
-    constructor();
-    render(createElement: any): void;
-    updated(): void;
-    getTag(): string;
-}
+export declare let NodesDirective: any;
 export declare const NodesPlugin: {
     name: string;
     install(Vue: any): void;
@@ -20,12 +14,8 @@ export declare const NodesPlugin: {
  * </ejs-diagram>
  * ```
  */
-export declare class NodeDirective extends vueImport {
-    render(): void;
-    getTag(): string;
-}
+export declare let NodeDirective: any;
 export declare const NodePlugin: {
     name: string;
     install(Vue: any): void;
 };
-export {};

package/src/diagram/nodes.directive.js

@@ -1,40 +1,8 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';
-import * as Vue3 from 'vue-class-component';
+import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
-import Vue from 'vue';
-import { Options } from 'vue-class-component';
-var vueImport;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport = Vue3.Vue;
-}
-else {
-    vueImport = Vue;
-}
-var NodesDirective = /** @class */ (function (_super) {
-    __extends(NodesDirective, _super);
-    function NodesDirective() {
-        return _super.call(this, arguments) || this;
-    }
-    NodesDirective.prototype.render = function (createElement) {
+export var NodesDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
         if (!isExecute) {
             var h = !isExecute ? gh : createElement;
             var slots = null;
@@ -44,28 +12,18 @@ var NodesDirective = /** @class */ (function (_super) {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    };
-    NodesDirective.prototype.updated = function () {
+    },
+    updated: function () {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    };
-    NodesDirective.prototype.getTag = function () {
-        return 'e-nodes';
-    };
-    NodesDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-        ,Options({
-            inject: {
-                custom: {
-                    default: null
-                }
-            }
-        })
-    ], NodesDirective);
-    return NodesDirective;
-}(vueImport));
-export { NodesDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-nodes';
+        }
+    }
+});
 export var NodesPlugin = {
     name: 'e-nodes',
     install: function (Vue) {
@@ -83,23 +41,16 @@ export var NodesPlugin = {
  * </ejs-diagram>
  * ```
  */
-var NodeDirective = /** @class */ (function (_super) {
-    __extends(NodeDirective, _super);
-    function NodeDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    NodeDirective.prototype.render = function () {
+export var NodeDirective = vueDefineComponent({
+    render: function () {
         return;
-    };
-    NodeDirective.prototype.getTag = function () {
-        return 'e-node';
-    };
-    NodeDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-    ], NodeDirective);
-    return NodeDirective;
-}(vueImport));
-export { NodeDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-node';
+        }
+    }
+});
 export var NodePlugin = {
     name: 'e-node',
     install: function (Vue) {

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

@@ -1,10 +1,4 @@
-declare let vueImport: any;
-export declare class PortsDirective extends vueImport {
-    constructor();
-    render(createElement: any): void;
-    updated(): void;
-    getTag(): string;
-}
+export declare let PortsDirective: any;
 export declare const PortsPlugin: {
     name: string;
     install(Vue: any): void;
@@ -25,12 +19,8 @@ export declare const PortsPlugin: {
  * </ejs-diagram>
  * ```
  */
-export declare class PortDirective extends vueImport {
-    render(): void;
-    getTag(): string;
-}
+export declare let PortDirective: any;
 export declare const PortPlugin: {
     name: string;
     install(Vue: any): void;
 };
-export {};