@syncfusion/ej2-angular-diagrams 25.2.5-ngcc → 26.1.35-ngcc

package/dist/ej2-angular-diagrams.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-diagrams.umd.js
-*  version : 25.2.5
+*  version : 26.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
@@ -25,10 +25,19 @@ var __extends = (this && this.__extends) || (function () {
 })();
 var input = ['addInfo', 'id', 'lock', 'objects', 'visible', 'zIndex'];
 var outputs = [];
-
-var LayerDirective =  (function (_super) {
+/**
+ * Layers Directive
+ * ```html
+ * <e-layers>
+ * <e-layer></e-layer>
+ * </e-layers>
+ * ```
+ */
+var LayerDirective = /** @class */ (function (_super) {
     __extends(LayerDirective, _super);
-    
+    /**
+     * @param {?} viewContainerRef
+     */
     function LayerDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -47,12 +56,16 @@ LayerDirective.decorators = [
                 queries: {}
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 LayerDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
-
-var LayersDirective =  (function (_super) {
+/**
+ * Layer Array Directive
+ */
+var LayersDirective = /** @class */ (function (_super) {
     __extends(LayersDirective, _super);
     function LayersDirective() {
         return _super.call(this, 'layers') || this;
@@ -67,14 +80,25 @@ LayersDirective.decorators = [
                 },
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 LayersDirective.ctorParameters = function () { return []; };
 var input$1 = ['action', 'cursor'];
 var outputs$1 = [];
-
-var CustomCursorDirective =  (function (_super) {
+/**
+ * Cursor Maps Directive
+ * ```html
+ * <e-cusrsormaps>
+ * <e-cursormap></e-cursormap>
+ * </e-cursormaps>
+ * ```
+ */
+var CustomCursorDirective = /** @class */ (function (_super) {
     __extends(CustomCursorDirective, _super);
-    
+    /**
+     * @param {?} viewContainerRef
+     */
     function CustomCursorDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -93,12 +117,16 @@ CustomCursorDirective.decorators = [
                 queries: {}
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 CustomCursorDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
-
-var CustomCursorsDirective =  (function (_super) {
+/**
+ * CustomCursor Array Directive
+ */
+var CustomCursorsDirective = /** @class */ (function (_super) {
     __extends(CustomCursorsDirective, _super);
     function CustomCursorsDirective() {
         return _super.call(this, 'customcursor') || this;
@@ -113,14 +141,30 @@ CustomCursorsDirective.decorators = [
                 },
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 CustomCursorsDirective.ctorParameters = function () { return []; };
-var input$2 = ['alignment', 'cornerRadius', 'displacement', 'fill', 'handleStrokeColor', 'handleStrokeWidth', 'height', 'iconStrokeColor', 'iconStrokeWidth', 'id', 'offset', 'padding', 'pathData', 'visibility', 'width'];
+var input$2 = ['alignment', 'cornerRadius', 'displacement', 'fill', 'handleStrokeColor', 'handleStrokeWidth', 'height', 'iconStrokeColor', 'iconStrokeWidth', 'id', 'offset', 'padding', 'pathData', 'tooltip', 'visibility', 'width'];
 var outputs$2 = [];
-
-var ConnectorFixedUserHandleDirective =  (function (_super) {
+/**
+ * Connectors Directive
+ * ```html
+ * <e-connectors>
+ * <e-connector>
+ * <e-connector-fixeduserhandles>
+ * <e-connector-fixeduserhandle>
+ * </e-connector-fixeduserhandle>
+ * </e-connector-fixeduserhandles>
+ * </e-connector>
+ * </e-connectors>
+ * ```
+ */
+var ConnectorFixedUserHandleDirective = /** @class */ (function (_super) {
     __extends(ConnectorFixedUserHandleDirective, _super);
-    
+    /**
+     * @param {?} viewContainerRef
+     */
     function ConnectorFixedUserHandleDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -139,12 +183,16 @@ ConnectorFixedUserHandleDirective.decorators = [
                 queries: {}
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 ConnectorFixedUserHandleDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
-
-var ConnectorFixedUserHandlesDirective =  (function (_super) {
+/**
+ * ConnectorFixedUserHandle Array Directive
+ */
+var ConnectorFixedUserHandlesDirective = /** @class */ (function (_super) {
     __extends(ConnectorFixedUserHandlesDirective, _super);
     function ConnectorFixedUserHandlesDirective() {
         return _super.call(this, 'fixeduserhandles') || this;
@@ -159,14 +207,30 @@ ConnectorFixedUserHandlesDirective.decorators = [
                 },
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 ConnectorFixedUserHandlesDirective.ctorParameters = function () { return []; };
-var input$3 = ['addInfo', 'alignment', 'annotationType', 'constraints', 'content', 'displacement', 'dragLimit', 'height', 'horizontalAlignment', 'hyperlink', 'id', 'margin', 'offset', 'rotateAngle', 'segmentAngle', 'style', 'template', 'type', 'verticalAlignment', 'visibility', 'width'];
+var input$3 = ['addInfo', 'alignment', 'annotationType', 'constraints', 'content', 'displacement', 'dragLimit', 'height', 'horizontalAlignment', 'hyperlink', 'id', 'margin', 'offset', 'rotateAngle', 'rotationReference', 'segmentAngle', 'style', 'template', 'type', 'verticalAlignment', 'visibility', 'width'];
 var outputs$3 = [];
-
-var ConnectorAnnotationDirective =  (function (_super) {
+/**
+ * Connectors Directive
+ * ```html
+ * <e-connectors>
+ * <e-connector>
+ * <e-connector-annotations>
+ * <e-connector-annotation>
+ * </e-connector-annotation>
+ * </e-connector-annotations>
+ * </e-connector>
+ * </e-connectors>
+ * ```
+ */
+var ConnectorAnnotationDirective = /** @class */ (function (_super) {
     __extends(ConnectorAnnotationDirective, _super);
-    
+    /**
+     * @param {?} viewContainerRef
+     */
     function ConnectorAnnotationDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -185,12 +249,16 @@ ConnectorAnnotationDirective.decorators = [
                 queries: {}
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 ConnectorAnnotationDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
-
-var ConnectorAnnotationsDirective =  (function (_super) {
+/**
+ * ConnectorAnnotation Array Directive
+ */
+var ConnectorAnnotationsDirective = /** @class */ (function (_super) {
     __extends(ConnectorAnnotationsDirective, _super);
     function ConnectorAnnotationsDirective() {
         return _super.call(this, 'annotations') || this;
@@ -205,14 +273,25 @@ ConnectorAnnotationsDirective.decorators = [
                 },
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 ConnectorAnnotationsDirective.ctorParameters = function () { return []; };
 var input$4 = ['addInfo', 'allowNodeOverlap', 'annotations', 'bezierSettings', 'bridgeSpace', 'connectionPadding', 'connectorSpacing', 'constraints', 'cornerRadius', 'dragSize', 'excludeFromLayout', 'fixedUserHandles', 'flip', 'flipMode', 'hitPadding', 'id', 'margin', 'maxSegmentThumb', 'ports', 'previewSize', 'segmentThumbShape', 'segments', 'shape', 'sourceDecorator', 'sourceID', 'sourcePadding', 'sourcePoint', 'sourcePortID', 'style', 'symbolInfo', 'targetDecorator', 'targetID', 'targetPadding', 'targetPoint', 'targetPortID', 'tooltip', 'type', 'visible', 'wrapper', 'zIndex'];
 var outputs$4 = [];
-
-var ConnectorDirective =  (function (_super) {
+/**
+ * Connectors Directive
+ * ```html
+ * <e-connectors>
+ * <e-connector></e-connector>
+ * </e-connectors>
+ * ```
+ */
+var ConnectorDirective = /** @class */ (function (_super) {
     __extends(ConnectorDirective, _super);
-    
+    /**
+     * @param {?} viewContainerRef
+     */
     function ConnectorDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -235,12 +314,16 @@ ConnectorDirective.decorators = [
                 }
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 ConnectorDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
-
-var ConnectorsDirective =  (function (_super) {
+/**
+ * Connector Array Directive
+ */
+var ConnectorsDirective = /** @class */ (function (_super) {
     __extends(ConnectorsDirective, _super);
     function ConnectorsDirective() {
         return _super.call(this, 'connectors') || this;
@@ -255,14 +338,30 @@ ConnectorsDirective.decorators = [
                 },
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 ConnectorsDirective.ctorParameters = function () { return []; };
-var input$5 = ['cornerRadius', 'fill', 'handleStrokeColor', 'handleStrokeWidth', 'height', 'iconStrokeColor', 'iconStrokeWidth', 'id', 'margin', 'offset', 'padding', 'pathData', 'visibility', 'width'];
+var input$5 = ['cornerRadius', 'fill', 'handleStrokeColor', 'handleStrokeWidth', 'height', 'iconStrokeColor', 'iconStrokeWidth', 'id', 'margin', 'offset', 'padding', 'pathData', 'tooltip', 'visibility', 'width'];
 var outputs$5 = [];
-
-var NodeFixedUserHandleDirective =  (function (_super) {
+/**
+ * Nodes Directive
+ * ```html
+ * <e-nodes>
+ * <e-node>
+ * <e-node-fixeduserhandles>
+ * <e-node-fixeduserhandle>
+ * </e-node-fixeduserhandle>
+ * </e-node-fixeduserhandles>
+ * </e-node>
+ * </e-nodes>
+ * ```
+ */
+var NodeFixedUserHandleDirective = /** @class */ (function (_super) {
     __extends(NodeFixedUserHandleDirective, _super);
-    
+    /**
+     * @param {?} viewContainerRef
+     */
     function NodeFixedUserHandleDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -281,12 +380,16 @@ NodeFixedUserHandleDirective.decorators = [
                 queries: {}
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 NodeFixedUserHandleDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
-
-var NodeFixedUserHandlesDirective =  (function (_super) {
+/**
+ * NodeFixedUserHandle Array Directive
+ */
+var NodeFixedUserHandlesDirective = /** @class */ (function (_super) {
     __extends(NodeFixedUserHandlesDirective, _super);
     function NodeFixedUserHandlesDirective() {
         return _super.call(this, 'fixeduserhandles') || this;
@@ -301,14 +404,30 @@ NodeFixedUserHandlesDirective.decorators = [
                 },
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 NodeFixedUserHandlesDirective.ctorParameters = function () { return []; };
-var input$6 = ['addInfo', 'annotationType', 'constraints', 'content', 'dragLimit', 'height', 'horizontalAlignment', 'hyperlink', 'id', 'margin', 'offset', 'rotateAngle', 'style', 'template', 'type', 'verticalAlignment', 'visibility', 'width'];
+var input$6 = ['addInfo', 'annotationType', 'constraints', 'content', 'dragLimit', 'height', 'horizontalAlignment', 'hyperlink', 'id', 'margin', 'offset', 'rotateAngle', 'rotationReference', 'style', 'template', 'type', 'verticalAlignment', 'visibility', 'width'];
 var outputs$6 = [];
-
-var NodeAnnotationDirective =  (function (_super) {
+/**
+ * Nodes Directive
+ * ```html
+ * <e-nodes>
+ * <e-node>
+ * <e-node-annotations>
+ * <e-node-annotation>
+ * </e-node-annotation>
+ * </e-node-annotations>
+ * </e-node>
+ * </e-nodes>
+ * ```
+ */
+var NodeAnnotationDirective = /** @class */ (function (_super) {
     __extends(NodeAnnotationDirective, _super);
-    
+    /**
+     * @param {?} viewContainerRef
+     */
     function NodeAnnotationDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -327,12 +446,16 @@ NodeAnnotationDirective.decorators = [
                 queries: {}
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 NodeAnnotationDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
-
-var NodeAnnotationsDirective =  (function (_super) {
+/**
+ * NodeAnnotation Array Directive
+ */
+var NodeAnnotationsDirective = /** @class */ (function (_super) {
     __extends(NodeAnnotationsDirective, _super);
     function NodeAnnotationsDirective() {
         return _super.call(this, 'annotations') || this;
@@ -347,14 +470,30 @@ NodeAnnotationsDirective.decorators = [
                 },
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 NodeAnnotationsDirective.ctorParameters = function () { return []; };
-var input$7 = ['addInfo', 'constraints', 'height', 'horizontalAlignment', 'id', 'inEdges', 'margin', 'offset', 'outEdges', 'pathData', 'shape', 'style', 'tooltip', 'verticalAlignment', 'visibility', 'width'];
+var input$7 = ['addInfo', 'connectionDirection', 'constraints', 'height', 'horizontalAlignment', 'id', 'inEdges', 'margin', 'offset', 'outEdges', 'pathData', 'shape', 'style', 'tooltip', 'verticalAlignment', 'visibility', 'width'];
 var outputs$7 = [];
-
-var PortDirective =  (function (_super) {
+/**
+ * Nodes Directive
+ * ```html
+ * <e-nodes>
+ * <e-node>
+ * <e-node-ports>
+ * <e-node-port>
+ * </e-node-port>
+ * </e-node-ports>
+ * </e-node>
+ * </e-nodes>
+ * ```
+ */
+var PortDirective = /** @class */ (function (_super) {
     __extends(PortDirective, _super);
-    
+    /**
+     * @param {?} viewContainerRef
+     */
     function PortDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -373,12 +512,16 @@ PortDirective.decorators = [
                 queries: {}
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 PortDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
-
-var PortsDirective =  (function (_super) {
+/**
+ * Port Array Directive
+ */
+var PortsDirective = /** @class */ (function (_super) {
     __extends(PortsDirective, _super);
     function PortsDirective() {
         return _super.call(this, 'ports') || this;
@@ -393,14 +536,25 @@ PortsDirective.decorators = [
                 },
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 PortsDirective.ctorParameters = function () { return []; };
 var input$8 = ['addInfo', 'annotations', 'backgroundColor', 'borderColor', 'borderWidth', 'branch', 'children', 'collapseIcon', 'columnIndex', 'columnSpan', 'columns', 'constraints', 'container', 'data', 'dragSize', 'excludeFromLayout', 'expandIcon', 'fixedUserHandles', 'flip', 'flipMode', 'height', 'horizontalAlignment', 'id', 'isExpanded', 'layoutInfo', 'margin', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'offsetX', 'offsetY', 'padding', 'pivot', 'ports', 'previewSize', 'rotateAngle', 'rowIndex', 'rowSpan', 'rows', 'shadow', 'shape', 'style', 'symbolInfo', 'tooltip', 'verticalAlignment', 'visible', 'width', 'wrapper', 'zIndex'];
 var outputs$8 = [];
-
-var NodeDirective =  (function (_super) {
+/**
+ * Nodes Directive
+ * ```html
+ * <e-nodes>
+ * <e-node></e-node>
+ * </e-nodes>
+ * ```
+ */
+var NodeDirective = /** @class */ (function (_super) {
     __extends(NodeDirective, _super);
-    
+    /**
+     * @param {?} viewContainerRef
+     */
     function NodeDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -424,12 +578,16 @@ NodeDirective.decorators = [
                 }
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 NodeDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
-
-var NodesDirective =  (function (_super) {
+/**
+ * Node Array Directive
+ */
+var NodesDirective = /** @class */ (function (_super) {
     __extends(NodesDirective, _super);
     function NodesDirective() {
         return _super.call(this, 'nodes') || this;
@@ -444,7 +602,9 @@ NodesDirective.decorators = [
                 },
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 NodesDirective.ctorParameters = function () { return []; };
 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;
@@ -461,12 +621,22 @@ var __metadata = (this && this.__metadata) || function (k, v) {
         return Reflect.metadata(k, v);
 };
 var inputs = ['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'];
-var outputs$9 = ['animationComplete', 'click', 'collectionChange', 'commandExecute', 'connectionChange', 'contextMenuBeforeItemRender', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataLoaded', 'doubleClick', 'dragEnter', 'dragLeave', 'dragOver', 'drop', 'expandStateChange', 'fixedUserHandleClick', 'historyChange', 'historyStateChange', 'keyDown', 'keyUp', 'load', 'mouseEnter', 'mouseLeave', 'mouseOver', 'mouseWheel', 'onImageLoad', 'onUserHandleMouseDown', 'onUserHandleMouseEnter', 'onUserHandleMouseLeave', 'onUserHandleMouseUp', 'positionChange', 'propertyChange', 'rotateChange', 'scrollChange', 'segmentChange', 'segmentCollectionChange', 'selectionChange', 'sizeChange', 'sourcePointChange', 'targetPointChange', 'textEdit', 'elementDraw'];
+var outputs$9 = ['animationComplete', 'click', 'collectionChange', 'commandExecute', 'connectionChange', 'contextMenuBeforeItemRender', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataLoaded', 'doubleClick', 'dragEnter', 'dragLeave', 'dragOver', 'drop', 'elementDraw', 'expandStateChange', 'fixedUserHandleClick', 'historyChange', 'historyStateChange', 'keyDown', 'keyUp', 'load', 'mouseEnter', 'mouseLeave', 'mouseOver', 'mouseWheel', 'onFixedUserHandleMouseDown', 'onFixedUserHandleMouseEnter', 'onFixedUserHandleMouseLeave', 'onFixedUserHandleMouseUp', 'onImageLoad', 'onUserHandleMouseDown', 'onUserHandleMouseEnter', 'onUserHandleMouseLeave', 'onUserHandleMouseUp', 'positionChange', 'propertyChange', 'rotateChange', 'scrollChange', 'segmentChange', 'segmentCollectionChange', 'selectionChange', 'sizeChange', 'sourcePointChange', 'targetPointChange', 'textEdit'];
 var twoWays = [''];
-
-exports.DiagramComponent =  (function (_super) {
+/**
+ * Diagram Component
+ * ```html
+ * <ej-diagram></ej-diagram>
+ * ```
+ */
+exports.DiagramComponent = /** @class */ (function (_super) {
     __extends(DiagramComponent, _super);
-    
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
     function DiagramComponent(ngEle, srenderer, viewContainerRef, injector) {
         var _this = _super.call(this) || this;
         _this.ngEle = ngEle;
@@ -608,19 +778,27 @@ exports.DiagramComponent =  (function (_super) {
         _this.context = new ej2AngularBase.ComponentBase();
         return _this;
     }
-    
+    /**
+     * @return {?}
+     */
     DiagramComponent.prototype.ngOnInit = function () {
         this.context.ngOnInit(this);
     };
-    
+    /**
+     * @return {?}
+     */
     DiagramComponent.prototype.ngAfterViewInit = function () {
         this.context.ngAfterViewInit(this);
     };
-    
+    /**
+     * @return {?}
+     */
     DiagramComponent.prototype.ngOnDestroy = function () {
         this.context.ngOnDestroy(this);
     };
-    
+    /**
+     * @return {?}
+     */
     DiagramComponent.prototype.ngAfterContentChecked = function () {
         this.tagObjects[0].instance = this.childLayers;
         if (this.childCustomCursor) {
@@ -651,7 +829,9 @@ exports.DiagramComponent.decorators = [
                 }
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 exports.DiagramComponent.ctorParameters = function () { return [
     { type: core.ElementRef, },
     { type: core.Renderer2, },
@@ -682,8 +862,10 @@ exports.DiagramComponent = __decorate([
         core.ViewContainerRef,
         core.Injector])
 ], exports.DiagramComponent);
-
-var DiagramModule =  (function () {
+/**
+ * NgModule definition for the Diagram component.
+ */
+var DiagramModule = /** @class */ (function () {
     function DiagramModule() {
     }
     return DiagramModule;
@@ -735,7 +917,9 @@ DiagramModule.decorators = [
                 ]
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 DiagramModule.ctorParameters = function () { return []; };
 var HierarchicalTreeService = { provide: 'DiagramsHierarchicalTree', useValue: ej2Diagrams.HierarchicalTree };
 var MindMapService = { provide: 'DiagramsMindMap', useValue: ej2Diagrams.MindMap };
@@ -755,8 +939,10 @@ var ConnectorEditingService = { provide: 'DiagramsConnectorEditing', useValue: e
 var BlazorTooltipService = { provide: 'DiagramsBlazorTooltip', useValue: ej2Diagrams.BlazorTooltip };
 var LineDistributionService = { provide: 'DiagramsLineDistribution', useValue: ej2Diagrams.LineDistribution };
 var Ej1SerializationService = { provide: 'DiagramsEj1Serialization', useValue: ej2Diagrams.Ej1Serialization };
-
-var DiagramAllModule =  (function () {
+/**
+ * NgModule definition for the Diagram component with providers.
+ */
+var DiagramAllModule = /** @class */ (function () {
     function DiagramAllModule() {
     }
     return DiagramAllModule;
@@ -789,14 +975,23 @@ DiagramAllModule.decorators = [
                 ]
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 DiagramAllModule.ctorParameters = function () { return []; };
 var input$9 = ['expanded', 'height', 'iconCss', 'id', 'symbols', 'title'];
 var outputs$10 = [];
-
-var PaletteDirective =  (function (_super) {
+/**
+ * Palette Directive
+ * ```html
+ * <e-palettes><e-palette></e-palette><e-palettes>
+ * ```
+ */
+var PaletteDirective = /** @class */ (function (_super) {
     __extends(PaletteDirective, _super);
-    
+    /**
+     * @param {?} viewContainerRef
+     */
     function PaletteDirective(viewContainerRef) {
         var _this = _super.call(this) || this;
         _this.viewContainerRef = viewContainerRef;
@@ -815,12 +1010,16 @@ PaletteDirective.decorators = [
                 queries: {}
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 PaletteDirective.ctorParameters = function () { return [
     { type: core.ViewContainerRef, },
 ]; };
-
-var PalettesDirective =  (function (_super) {
+/**
+ * Palette Array Directive
+ */
+var PalettesDirective = /** @class */ (function (_super) {
     __extends(PalettesDirective, _super);
     function PalettesDirective() {
         return _super.call(this, 'palettes') || this;
@@ -835,7 +1034,9 @@ PalettesDirective.decorators = [
                 },
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 PalettesDirective.ctorParameters = function () { return []; };
 var __decorate$1 = (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;
@@ -854,10 +1055,20 @@ var __metadata$1 = (this && this.__metadata) || function (k, v) {
 var inputs$1 = ['accessKey', 'allowDrag', 'connectorDefaults', 'enableAnimation', 'enablePersistence', 'enableRtl', 'enableSearch', 'expandMode', 'filterSymbols', 'getConnectorDefaults', 'getNodeDefaults', 'getSymbolInfo', 'getSymbolTemplate', 'height', 'ignoreSymbolsOnSearch', 'locale', 'nodeDefaults', 'palettes', 'symbolDragSize', 'symbolHeight', 'symbolInfo', 'symbolMargin', 'symbolPreview', 'symbolWidth', 'width'];
 var outputs$11 = ['paletteExpanding', 'paletteSelectionChange'];
 var twoWays$1 = [''];
-
-exports.SymbolPaletteComponent =  (function (_super) {
+/**
+ * SymbolPalette Component
+ * ```html
+ * <ej-symbol-palette></ej-symbol-palette>
+ * ```
+ */
+exports.SymbolPaletteComponent = /** @class */ (function (_super) {
     __extends(SymbolPaletteComponent, _super);
-    
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
     function SymbolPaletteComponent(ngEle, srenderer, viewContainerRef, injector) {
         var _this = _super.call(this) || this;
         _this.ngEle = ngEle;
@@ -880,19 +1091,27 @@ exports.SymbolPaletteComponent =  (function (_super) {
         _this.context = new ej2AngularBase.ComponentBase();
         return _this;
     }
-    
+    /**
+     * @return {?}
+     */
     SymbolPaletteComponent.prototype.ngOnInit = function () {
         this.context.ngOnInit(this);
     };
-    
+    /**
+     * @return {?}
+     */
     SymbolPaletteComponent.prototype.ngAfterViewInit = function () {
         this.context.ngAfterViewInit(this);
     };
-    
+    /**
+     * @return {?}
+     */
     SymbolPaletteComponent.prototype.ngOnDestroy = function () {
         this.context.ngOnDestroy(this);
     };
-    
+    /**
+     * @return {?}
+     */
     SymbolPaletteComponent.prototype.ngAfterContentChecked = function () {
         this.tagObjects[0].instance = this.childPalettes;
         this.context.ngAfterContentChecked(this);
@@ -911,7 +1130,9 @@ exports.SymbolPaletteComponent.decorators = [
                 }
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 exports.SymbolPaletteComponent.ctorParameters = function () { return [
     { type: core.ElementRef, },
     { type: core.Renderer2, },
@@ -925,8 +1146,10 @@ exports.SymbolPaletteComponent = __decorate$1([
         core.ViewContainerRef,
         core.Injector])
 ], exports.SymbolPaletteComponent);
-
-var SymbolPaletteModule =  (function () {
+/**
+ * NgModule definition for the SymbolPalette component.
+ */
+var SymbolPaletteModule = /** @class */ (function () {
     function SymbolPaletteModule() {
     }
     return SymbolPaletteModule;
@@ -946,10 +1169,14 @@ SymbolPaletteModule.decorators = [
                 ]
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 SymbolPaletteModule.ctorParameters = function () { return []; };
-
-var SymbolPaletteAllModule =  (function () {
+/**
+ * NgModule definition for the SymbolPalette component with providers.
+ */
+var SymbolPaletteAllModule = /** @class */ (function () {
     function SymbolPaletteAllModule() {
     }
     return SymbolPaletteAllModule;
@@ -963,7 +1190,9 @@ SymbolPaletteAllModule.decorators = [
                 providers: []
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 SymbolPaletteAllModule.ctorParameters = function () { return []; };
 var __decorate$2 = (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;
@@ -982,10 +1211,20 @@ var __metadata$2 = (this && this.__metadata) || function (k, v) {
 var inputs$2 = ['enablePersistence', 'enableRtl', 'height', 'locale', 'sourceID', 'width'];
 var outputs$12 = ['created'];
 var twoWays$2 = [''];
-
-exports.OverviewComponent =  (function (_super) {
+/**
+ * Overview Component
+ * ```html
+ * <ej-overview></ej-overview>
+ * ```
+ */
+exports.OverviewComponent = /** @class */ (function (_super) {
     __extends(OverviewComponent, _super);
-    
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
     function OverviewComponent(ngEle, srenderer, viewContainerRef, injector) {
         var _this = _super.call(this) || this;
         _this.ngEle = ngEle;
@@ -1001,19 +1240,27 @@ exports.OverviewComponent =  (function (_super) {
         _this.context = new ej2AngularBase.ComponentBase();
         return _this;
     }
-    
+    /**
+     * @return {?}
+     */
     OverviewComponent.prototype.ngOnInit = function () {
         this.context.ngOnInit(this);
     };
-    
+    /**
+     * @return {?}
+     */
     OverviewComponent.prototype.ngAfterViewInit = function () {
         this.context.ngAfterViewInit(this);
     };
-    
+    /**
+     * @return {?}
+     */
     OverviewComponent.prototype.ngOnDestroy = function () {
         this.context.ngOnDestroy(this);
     };
-    
+    /**
+     * @return {?}
+     */
     OverviewComponent.prototype.ngAfterContentChecked = function () {
         this.context.ngAfterContentChecked(this);
     };
@@ -1029,7 +1276,9 @@ exports.OverviewComponent.decorators = [
                 queries: {}
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 exports.OverviewComponent.ctorParameters = function () { return [
     { type: core.ElementRef, },
     { type: core.Renderer2, },
@@ -1043,8 +1292,10 @@ exports.OverviewComponent = __decorate$2([
         core.ViewContainerRef,
         core.Injector])
 ], exports.OverviewComponent);
-
-var OverviewModule =  (function () {
+/**
+ * NgModule definition for the Overview component.
+ */
+var OverviewModule = /** @class */ (function () {
     function OverviewModule() {
     }
     return OverviewModule;
@@ -1060,10 +1311,14 @@ OverviewModule.decorators = [
                 ]
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 OverviewModule.ctorParameters = function () { return []; };
-
-var OverviewAllModule =  (function () {
+/**
+ * NgModule definition for the Overview component with providers.
+ */
+var OverviewAllModule = /** @class */ (function () {
     function OverviewAllModule() {
     }
     return OverviewAllModule;
@@ -1077,7 +1332,9 @@ OverviewAllModule.decorators = [
                 providers: []
             },] },
 ];
-
+/**
+ * @nocollapse
+ */
 OverviewAllModule.ctorParameters = function () { return []; };
 
 exports.LayerDirective = LayerDirective;