@syncfusion/ej2-vue-diagrams 20.1.48 → 20.1.57

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

@@ -1,8 +1,8 @@
 import { Diagram, Overview, SymbolPalette } from '@syncfusion/ej2-diagrams';
 import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
 import { Vue } from 'vue-class-component';
-import Vue$1 from 'vue';
 import { getValue, isNullOrUndefined } from '@syncfusion/ej2-base';
+import Vue$1 from 'vue';
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -23,6 +23,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     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 { Options } from 'vue-class-component';
 var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -34,16 +35,36 @@ else {
 var LayersDirective = /** @__PURE__ @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));
@@ -107,6 +128,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 var isExecute$1 = gh ? false : true;
 var vueImport$1;
 if (!isExecute$1 || parseInt(allVue.version) < 3) {
@@ -118,16 +140,36 @@ else {
 var CustomCursorsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$1(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$1([
         EJComponentDecorator({}, isExecute$1)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], CustomCursorsDirective);
     return CustomCursorsDirective;
 }(vueImport$1));
@@ -191,6 +233,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 var isExecute$2 = gh ? false : true;
 var vueImport$2;
 if (!isExecute$2 || parseInt(allVue.version) < 3) {
@@ -202,16 +245,36 @@ else {
 var ConnectorFixedUserHandlesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$2(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$2([
         EJComponentDecorator({}, isExecute$2)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ConnectorFixedUserHandlesDirective);
     return ConnectorFixedUserHandlesDirective;
 }(vueImport$2));
@@ -279,6 +342,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 var isExecute$3 = gh ? false : true;
 var vueImport$3;
 if (!isExecute$3 || parseInt(allVue.version) < 3) {
@@ -290,16 +354,36 @@ else {
 var ConnectorAnnotationsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$3(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$3([
         EJComponentDecorator({}, isExecute$3)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ConnectorAnnotationsDirective);
     return ConnectorAnnotationsDirective;
 }(vueImport$3));
@@ -367,6 +451,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 var isExecute$4 = gh ? false : true;
 var vueImport$4;
 if (!isExecute$4 || parseInt(allVue.version) < 3) {
@@ -378,16 +463,36 @@ else {
 var ConnectorsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$4(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$4([
         EJComponentDecorator({}, isExecute$4)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ConnectorsDirective);
     return ConnectorsDirective;
 }(vueImport$4));
@@ -450,6 +555,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 var isExecute$5 = gh ? false : true;
 var vueImport$5;
 if (!isExecute$5 || parseInt(allVue.version) < 3) {
@@ -461,16 +567,36 @@ else {
 var NodeFixedUserHandlesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$5(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$5([
         EJComponentDecorator({}, isExecute$5)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], NodeFixedUserHandlesDirective);
     return NodeFixedUserHandlesDirective;
 }(vueImport$5));
@@ -538,6 +664,7 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 var isExecute$6 = gh ? false : true;
 var vueImport$6;
 if (!isExecute$6 || parseInt(allVue.version) < 3) {
@@ -549,16 +676,36 @@ else {
 var NodeAnnotationsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$6(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$6([
         EJComponentDecorator({}, isExecute$6)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], NodeAnnotationsDirective);
     return NodeAnnotationsDirective;
 }(vueImport$6));
@@ -626,6 +773,7 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 var isExecute$7 = gh ? false : true;
 var vueImport$7;
 if (!isExecute$7 || parseInt(allVue.version) < 3) {
@@ -637,16 +785,36 @@ else {
 var PortsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$7(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$7([
         EJComponentDecorator({}, isExecute$7)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], PortsDirective);
     return PortsDirective;
 }(vueImport$7));
@@ -714,6 +882,7 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 var isExecute$8 = gh ? false : true;
 var vueImport$8;
 if (!isExecute$8 || parseInt(allVue.version) < 3) {
@@ -725,16 +894,36 @@ else {
 var NodesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$8(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$8([
         EJComponentDecorator({}, isExecute$8)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], NodesDirective);
     return NodesDirective;
 }(vueImport$8));
@@ -797,7 +986,7 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
     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 { Options } from 'vue-class-component';
+// {{VueImport}}
 var properties = ['isLazyUpdate', 'addInfo', 'annotationTemplate', 'backgroundColor', 'bridgeDirection', 'commandManager', 'connectorDefaults', 'connectors', 'constraints', 'contextMenuSettings', 'customCursor', 'dataSourceSettings', 'diagramSettings', 'drawingObject', 'enablePersistence', 'enableRtl', 'getConnectorDefaults', 'getCustomCursor', 'getCustomProperty', 'getCustomTool', 'getDescription', 'getNodeDefaults', 'height', 'historyManager', 'layers', 'layout', 'locale', 'mode', 'nodeDefaults', 'nodeTemplate', 'nodes', 'pageSettings', 'rulerSettings', 'scrollSettings', '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 modelProps = [];
 var testProp = getProps({ props: properties });
@@ -832,6 +1021,7 @@ var DiagramComponent = /** @__PURE__ @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) {
@@ -890,6 +1080,9 @@ var DiagramComponent = /** @__PURE__ @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);
     };
@@ -1130,8 +1323,8 @@ var DiagramComponent = /** @__PURE__ @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();
@@ -1188,7 +1381,12 @@ var DiagramComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], DiagramComponent);
     return DiagramComponent;
@@ -1237,6 +1435,7 @@ var __decorate$10 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 var isExecute$10 = gh ? false : true;
 var vueImport$9;
 if (!isExecute$10 || parseInt(allVue.version) < 3) {
@@ -1248,16 +1447,36 @@ else {
 var PalettesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$10(PalettesDirective, _super);
     function PalettesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    PalettesDirective.prototype.render = function () {
+    PalettesDirective.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;
     };
+    PalettesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     PalettesDirective.prototype.getTag = function () {
         return 'e-palettes';
     };
     PalettesDirective = __decorate$10([
         EJComponentDecorator({}, isExecute$10)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], PalettesDirective);
     return PalettesDirective;
 }(vueImport$9));
@@ -1351,6 +1570,7 @@ var SymbolPaletteComponent = /** @__PURE__ @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;
     }
     SymbolPaletteComponent.prototype.clearTemplate = function (templateNames) {
@@ -1409,6 +1629,9 @@ var SymbolPaletteComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    SymbolPaletteComponent.prototype.custom = function () {
+        this.updated();
+    };
     SymbolPaletteComponent.prototype.addPaletteItem = function (paletteName, paletteSymbol, isChild) {
         return this.ej2Instances.addPaletteItem(paletteName, paletteSymbol, isChild);
     };
@@ -1428,7 +1651,12 @@ var SymbolPaletteComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], SymbolPaletteComponent);
     return SymbolPaletteComponent;
@@ -1496,6 +1724,7 @@ var OverviewComponent = /** @__PURE__ @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;
     }
     OverviewComponent.prototype.clearTemplate = function (templateNames) {
@@ -1554,6 +1783,9 @@ var OverviewComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    OverviewComponent.prototype.custom = function () {
+        this.updated();
+    };
     OverviewComponent.prototype.updateHtmlLayer = function (view) {
         return this.ej2Instances.updateHtmlLayer(view);
     };
@@ -1564,7 +1796,12 @@ var OverviewComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], OverviewComponent);
     return OverviewComponent;