@syncfusion/ej2-vue-diagrams 20.2.45 → 20.3.47

package/dist/es6/ej2-vue-diagrams.es5.js

@@ -1,5 +1,5 @@
 import { Diagram, Overview, SymbolPalette } from '@syncfusion/ej2-diagrams';
-import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
+import { ComponentBase, EJComponentDecorator, allVue, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import { Vue } from 'vue-class-component';
 import { getValue, isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue$1 from 'vue';
@@ -24,7 +24,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Options } from 'vue-class-component';
-var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport = Vue;
@@ -38,18 +37,18 @@ var LayersDirective = /** @__PURE__ @class */ (function (_super) {
         return _super.call(this, arguments) || this;
     }
     LayersDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     LayersDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };
@@ -129,9 +128,8 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var isExecute$1 = gh ? false : true;
 var vueImport$1;
-if (!isExecute$1 || parseInt(allVue.version) < 3) {
+if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport$1 = Vue;
 }
 else {
@@ -143,18 +141,18 @@ var CustomCursorsDirective = /** @__PURE__ @class */ (function (_super) {
         return _super.call(this, arguments) || this;
     }
     CustomCursorsDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     CustomCursorsDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };
@@ -162,7 +160,7 @@ var CustomCursorsDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-cursormaps';
     };
     CustomCursorsDirective = __decorate$1([
-        EJComponentDecorator({}, isExecute$1)
+        EJComponentDecorator({}, isExecute)
         ,Options({
             inject: {
                 custom: {
@@ -203,7 +201,7 @@ var CustomCursorDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-cursormap';
     };
     CustomCursorDirective = __decorate$1([
-        EJComponentDecorator({}, isExecute$1)
+        EJComponentDecorator({}, isExecute)
     ], CustomCursorDirective);
     return CustomCursorDirective;
 }(vueImport$1));
@@ -234,9 +232,8 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var isExecute$2 = gh ? false : true;
 var vueImport$2;
-if (!isExecute$2 || parseInt(allVue.version) < 3) {
+if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport$2 = Vue;
 }
 else {
@@ -248,18 +245,18 @@ var ConnectorFixedUserHandlesDirective = /** @__PURE__ @class */ (function (_sup
         return _super.call(this, arguments) || this;
     }
     ConnectorFixedUserHandlesDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     ConnectorFixedUserHandlesDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };
@@ -267,7 +264,7 @@ var ConnectorFixedUserHandlesDirective = /** @__PURE__ @class */ (function (_sup
         return 'e-connector-fixeduserhandles';
     };
     ConnectorFixedUserHandlesDirective = __decorate$2([
-        EJComponentDecorator({}, isExecute$2)
+        EJComponentDecorator({}, isExecute)
         ,Options({
             inject: {
                 custom: {
@@ -312,7 +309,7 @@ var ConnectorFixedUserHandleDirective = /** @__PURE__ @class */ (function (_supe
         return 'e-connector-fixeduserhandle';
     };
     ConnectorFixedUserHandleDirective = __decorate$2([
-        EJComponentDecorator({}, isExecute$2)
+        EJComponentDecorator({}, isExecute)
     ], ConnectorFixedUserHandleDirective);
     return ConnectorFixedUserHandleDirective;
 }(vueImport$2));
@@ -343,9 +340,8 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var isExecute$3 = gh ? false : true;
 var vueImport$3;
-if (!isExecute$3 || parseInt(allVue.version) < 3) {
+if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport$3 = Vue;
 }
 else {
@@ -357,18 +353,18 @@ var ConnectorAnnotationsDirective = /** @__PURE__ @class */ (function (_super) {
         return _super.call(this, arguments) || this;
     }
     ConnectorAnnotationsDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     ConnectorAnnotationsDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };
@@ -376,7 +372,7 @@ var ConnectorAnnotationsDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-connector-annotations';
     };
     ConnectorAnnotationsDirective = __decorate$3([
-        EJComponentDecorator({}, isExecute$3)
+        EJComponentDecorator({}, isExecute)
         ,Options({
             inject: {
                 custom: {
@@ -421,7 +417,7 @@ var ConnectorAnnotationDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-connector-annotation';
     };
     ConnectorAnnotationDirective = __decorate$3([
-        EJComponentDecorator({}, isExecute$3)
+        EJComponentDecorator({}, isExecute)
     ], ConnectorAnnotationDirective);
     return ConnectorAnnotationDirective;
 }(vueImport$3));
@@ -452,9 +448,8 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var isExecute$4 = gh ? false : true;
 var vueImport$4;
-if (!isExecute$4 || parseInt(allVue.version) < 3) {
+if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport$4 = Vue;
 }
 else {
@@ -466,18 +461,18 @@ var ConnectorsDirective = /** @__PURE__ @class */ (function (_super) {
         return _super.call(this, arguments) || this;
     }
     ConnectorsDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     ConnectorsDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };
@@ -485,7 +480,7 @@ var ConnectorsDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-connectors';
     };
     ConnectorsDirective = __decorate$4([
-        EJComponentDecorator({}, isExecute$4)
+        EJComponentDecorator({}, isExecute)
         ,Options({
             inject: {
                 custom: {
@@ -525,7 +520,7 @@ var ConnectorDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-connector';
     };
     ConnectorDirective = __decorate$4([
-        EJComponentDecorator({}, isExecute$4)
+        EJComponentDecorator({}, isExecute)
     ], ConnectorDirective);
     return ConnectorDirective;
 }(vueImport$4));
@@ -556,9 +551,8 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var isExecute$5 = gh ? false : true;
 var vueImport$5;
-if (!isExecute$5 || parseInt(allVue.version) < 3) {
+if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport$5 = Vue;
 }
 else {
@@ -570,18 +564,18 @@ var NodeFixedUserHandlesDirective = /** @__PURE__ @class */ (function (_super) {
         return _super.call(this, arguments) || this;
     }
     NodeFixedUserHandlesDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     NodeFixedUserHandlesDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };
@@ -589,7 +583,7 @@ var NodeFixedUserHandlesDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-node-fixeduserhandles';
     };
     NodeFixedUserHandlesDirective = __decorate$5([
-        EJComponentDecorator({}, isExecute$5)
+        EJComponentDecorator({}, isExecute)
         ,Options({
             inject: {
                 custom: {
@@ -634,7 +628,7 @@ var NodeFixedUserHandleDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-node-fixeduserhandle';
     };
     NodeFixedUserHandleDirective = __decorate$5([
-        EJComponentDecorator({}, isExecute$5)
+        EJComponentDecorator({}, isExecute)
     ], NodeFixedUserHandleDirective);
     return NodeFixedUserHandleDirective;
 }(vueImport$5));
@@ -665,9 +659,8 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var isExecute$6 = gh ? false : true;
 var vueImport$6;
-if (!isExecute$6 || parseInt(allVue.version) < 3) {
+if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport$6 = Vue;
 }
 else {
@@ -679,18 +672,18 @@ var NodeAnnotationsDirective = /** @__PURE__ @class */ (function (_super) {
         return _super.call(this, arguments) || this;
     }
     NodeAnnotationsDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     NodeAnnotationsDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };
@@ -698,7 +691,7 @@ var NodeAnnotationsDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-node-annotations';
     };
     NodeAnnotationsDirective = __decorate$6([
-        EJComponentDecorator({}, isExecute$6)
+        EJComponentDecorator({}, isExecute)
         ,Options({
             inject: {
                 custom: {
@@ -743,7 +736,7 @@ var NodeAnnotationDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-node-annotation';
     };
     NodeAnnotationDirective = __decorate$6([
-        EJComponentDecorator({}, isExecute$6)
+        EJComponentDecorator({}, isExecute)
     ], NodeAnnotationDirective);
     return NodeAnnotationDirective;
 }(vueImport$6));
@@ -774,9 +767,8 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var isExecute$7 = gh ? false : true;
 var vueImport$7;
-if (!isExecute$7 || parseInt(allVue.version) < 3) {
+if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport$7 = Vue;
 }
 else {
@@ -788,18 +780,18 @@ var PortsDirective = /** @__PURE__ @class */ (function (_super) {
         return _super.call(this, arguments) || this;
     }
     PortsDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     PortsDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };
@@ -807,7 +799,7 @@ var PortsDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-node-ports';
     };
     PortsDirective = __decorate$7([
-        EJComponentDecorator({}, isExecute$7)
+        EJComponentDecorator({}, isExecute)
         ,Options({
             inject: {
                 custom: {
@@ -852,7 +844,7 @@ var PortDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-node-port';
     };
     PortDirective = __decorate$7([
-        EJComponentDecorator({}, isExecute$7)
+        EJComponentDecorator({}, isExecute)
     ], PortDirective);
     return PortDirective;
 }(vueImport$7));
@@ -883,9 +875,8 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var isExecute$8 = gh ? false : true;
 var vueImport$8;
-if (!isExecute$8 || parseInt(allVue.version) < 3) {
+if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport$8 = Vue;
 }
 else {
@@ -897,18 +888,18 @@ var NodesDirective = /** @__PURE__ @class */ (function (_super) {
         return _super.call(this, arguments) || this;
     }
     NodesDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     NodesDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };
@@ -916,7 +907,7 @@ var NodesDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-nodes';
     };
     NodesDirective = __decorate$8([
-        EJComponentDecorator({}, isExecute$8)
+        EJComponentDecorator({}, isExecute)
         ,Options({
             inject: {
                 custom: {
@@ -956,7 +947,7 @@ var NodeDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-node';
     };
     NodeDirective = __decorate$8([
-        EJComponentDecorator({}, isExecute$8)
+        EJComponentDecorator({}, isExecute)
     ], NodeDirective);
     return NodeDirective;
 }(vueImport$8));
@@ -987,7 +978,7 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var properties = ['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', 'onImageLoad', 'onUserHandleMouseDown', 'onUserHandleMouseEnter', 'onUserHandleMouseLeave', 'onUserHandleMouseUp', 'positionChange', 'propertyChange', 'rotateChange', 'scrollChange', 'segmentCollectionChange', 'selectionChange', 'sizeChange', 'sourcePointChange', 'targetPointChange', 'textEdit'];
+var properties = ['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', 'onImageLoad', 'onUserHandleMouseDown', 'onUserHandleMouseEnter', 'onUserHandleMouseLeave', 'onUserHandleMouseUp', 'positionChange', 'propertyChange', 'rotateChange', 'scrollChange', 'segmentCollectionChange', 'selectionChange', 'sizeChange', 'sourcePointChange', 'targetPointChange', 'textEdit', 'elementDraw'];
 var modelProps = [];
 var testProp = getProps({ props: properties });
 var props = testProp[0];
@@ -998,7 +989,6 @@ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);
 }
-var isExecute$9 = gh ? false : true;
 /**
  * Represents vue Diagram Component
  * ```html
@@ -1015,7 +1005,7 @@ var DiagramComponent = /** @__PURE__ @class */ (function (_super) {
         _this.hasInjectedModules = true;
         _this.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" } } };
         _this.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" };
-        _this.isVue3 = !isExecute$9;
+        _this.isVue3 = !isExecute;
         _this.ej2Instances = new Diagram({});
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
@@ -1073,10 +1063,10 @@ var DiagramComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     DiagramComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('div', slots);
     };
@@ -1101,8 +1091,8 @@ var DiagramComponent = /** @__PURE__ @class */ (function (_super) {
     DiagramComponent.prototype.addCustomHistoryEntry = function (entry) {
         return this.ej2Instances.addCustomHistoryEntry(entry);
     };
-    DiagramComponent.prototype.addHistoryEntry = function (entry) {
-        return this.ej2Instances.addHistoryEntry(entry);
+    DiagramComponent.prototype.addHistoryEntry = function (entry, sourceId) {
+        return this.ej2Instances.addHistoryEntry(entry, sourceId);
     };
     DiagramComponent.prototype.addLabels = function (obj, labels) {
         return this.ej2Instances.addLabels(obj, labels);
@@ -1215,6 +1205,9 @@ var DiagramComponent = /** @__PURE__ @class */ (function (_super) {
     DiagramComponent.prototype.getCursor = function (action, active) {
         return this.ej2Instances.getCursor(action, active);
     };
+    DiagramComponent.prototype.getDiagramAction = function (diagramAction) {
+        return this.ej2Instances.getDiagramAction(diagramAction);
+    };
     DiagramComponent.prototype.getDiagramBounds = function () {
         return this.ej2Instances.getDiagramBounds();
     };
@@ -1377,7 +1370,7 @@ var DiagramComponent = /** @__PURE__ @class */ (function (_super) {
     DiagramComponent = __decorate$9([
         EJComponentDecorator({
             props: properties
-        }, isExecute$9)
+        }, isExecute)
         ,Options({
             props: props,
             watch: watch,
@@ -1436,9 +1429,8 @@ var __decorate$10 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var isExecute$10 = gh ? false : true;
 var vueImport$9;
-if (!isExecute$10 || parseInt(allVue.version) < 3) {
+if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport$9 = Vue;
 }
 else {
@@ -1450,18 +1442,18 @@ var PalettesDirective = /** @__PURE__ @class */ (function (_super) {
         return _super.call(this, arguments) || this;
     }
     PalettesDirective.prototype.render = function (createElement) {
-        if (gh) {
-            var h = gh || createElement;
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
             var slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     };
     PalettesDirective.prototype.updated = function () {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     };
@@ -1469,7 +1461,7 @@ var PalettesDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-palettes';
     };
     PalettesDirective = __decorate$10([
-        EJComponentDecorator({}, isExecute$10)
+        EJComponentDecorator({}, isExecute)
         ,Options({
             inject: {
                 custom: {
@@ -1505,7 +1497,7 @@ var PaletteDirective = /** @__PURE__ @class */ (function (_super) {
         return 'e-palette';
     };
     PaletteDirective = __decorate$10([
-        EJComponentDecorator({}, isExecute$10)
+        EJComponentDecorator({}, isExecute)
     ], PaletteDirective);
     return PaletteDirective;
 }(vueImport$9));
@@ -1547,7 +1539,6 @@ for (var _i$1 = 0, modelProps_1$1 = modelProps$1; _i$1 < modelProps_1$1.length;
     var props_1$1 = modelProps_1$1[_i$1];
     emitProbs$1.push('update:' + props_1$1);
 }
-var isExecute$11 = gh ? false : true;
 /**
  * Represents vue SymbolPalette Component
  * ```html
@@ -1564,7 +1555,7 @@ var SymbolPaletteComponent = /** @__PURE__ @class */ (function (_super) {
         _this.hasInjectedModules = true;
         _this.tagMapper = { "e-palettes": "e-palette" };
         _this.tagNameMapper = {};
-        _this.isVue3 = !isExecute$11;
+        _this.isVue3 = !isExecute;
         _this.ej2Instances = new SymbolPalette({});
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
@@ -1622,10 +1613,10 @@ var SymbolPaletteComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     SymbolPaletteComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('div', slots);
     };
@@ -1638,9 +1629,6 @@ var SymbolPaletteComponent = /** @__PURE__ @class */ (function (_super) {
     SymbolPaletteComponent.prototype.addPalettes = function (palettes) {
         return this.ej2Instances.addPalettes(palettes);
     };
-    SymbolPaletteComponent.prototype.defaultLocale = function () {
-        return this.ej2Instances.defaultLocale();
-    };
     SymbolPaletteComponent.prototype.removePaletteItem = function (paletteName, symbolId) {
         return this.ej2Instances.removePaletteItem(paletteName, symbolId);
     };
@@ -1650,7 +1638,7 @@ var SymbolPaletteComponent = /** @__PURE__ @class */ (function (_super) {
     SymbolPaletteComponent = __decorate$11([
         EJComponentDecorator({
             props: properties$1
-        }, isExecute$11)
+        }, isExecute)
         ,Options({
             props: props,
             watch: watch,
@@ -1704,7 +1692,6 @@ for (var _i$2 = 0, modelProps_1$2 = modelProps$2; _i$2 < modelProps_1$2.length;
     var props_1$2 = modelProps_1$2[_i$2];
     emitProbs$2.push('update:' + props_1$2);
 }
-var isExecute$12 = gh ? false : true;
 /**
  * Represents vue Overview Component
  * ```html
@@ -1721,7 +1708,7 @@ var OverviewComponent = /** @__PURE__ @class */ (function (_super) {
         _this.hasInjectedModules = false;
         _this.tagMapper = {};
         _this.tagNameMapper = {};
-        _this.isVue3 = !isExecute$12;
+        _this.isVue3 = !isExecute;
         _this.ej2Instances = new Overview({});
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
@@ -1779,10 +1766,10 @@ var OverviewComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     OverviewComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('div', slots);
     };
@@ -1795,7 +1782,7 @@ var OverviewComponent = /** @__PURE__ @class */ (function (_super) {
     OverviewComponent = __decorate$12([
         EJComponentDecorator({
             props: properties$2
-        }, isExecute$12)
+        }, isExecute)
         ,Options({
             props: props,
             watch: watch,