@syncfusion/ej2-diagrams - npm Package Compare versions

Comparing version 17.2.28-beta to 17.2.29-beta

CHANGELOG.md

@@ -5,4 +5,77 @@ # Changelog
 
+## 17.2.46 (2019-08-22)
+
 ### Diagram
 
+#### Bug Fixes
+
+- `#245696`,`#245047`,`#244836` - Now, the Angular diagram will be rendered properly when we set the target as es6/es2015 in ts.config file.
+- `#244623` - The issue "Flip not working for HTML node" is now resolved.
+- `#242968` - Now, the sequence connector updated properly while changing port to port connection at runtime.
+- `#244365` - Now, the user handle events firing after zoom in the diagram is validated.
+- `#245231` - The issue "When we draw multiple nodes horizontally and update layout at runtime, connectors are not updated in straight" is now resolved.
+- `#244804` - The fill color for target Decorator is now applied properly for sequence connector.
+- `#245061` - The issue "Nodes beyond the diagram view port also rendered dynamically, when enable the virtualization" is now resolved.
+
+## 17.2.41 (2019-08-14)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#146327` - The issue "Layout not working for Group Node" is now resolved.
+- `#243648` - The issue "Exception raised while adding UML class shapes at runtime" is now resolved.
+- `#146017` - The issue "Decorator is not aligned properly in palette when we set large stroke Width for it" is now resolved.
+- `#242713` - The issue "Diagram Connectors not exported properly using web kit" is now resolved.
+- `#244589`, `#244046` - The issue "Context menu properties are generated in MVC" is now resolved.
+- `#243734` - The issue "Symbol Palette - first palette element gets removed while refresh the palette" is now resolved.
+- `#244519` - The issue "Support to delete a lane from swimlane" is now resolved.
+- The issue "Ports are not rendered when we enable virtualization" is now resolved.
+
+## 17.2.40 (2019-08-06)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#243785` - The issue "Symbol palette first row expands twice on click" is now resolved.
+- `#243648` - The issue "Exception raised while adding UML class shapes at runtime" is now resolved.
+- `#146017` - The issue "Decorator is not aligned properly in palette when we set large stroke width for it" is now resolved.
+
+## 17.2.39 (2019-07-30)
+
+### Diagram
+
+#### New Features
+
+- `#242645` - The issue  "Support to add node in lanes collection at runtime" is now resolved.
+
+#### Bug Fixes
+
+- `#243078` - The issue "Hidden layer is visible" is now resolved.
+- The issue "Context menu re-opens if you click a menu item quickly" is now working fine.
+
+## 17.2.36 (2019-07-24)
+
+### Diagram
+
+#### Bug Fixes
+
+- #236860, #237139 - The issue "MouseMove event is not triggered in Firefox" is now resolved.
+- #241680 - The issue "Nodes drawn using drawing tools not appeared in overview" is now resolved.
+- #240493 - The console error thrown while resizing the window in Chrome has been fixed.
+- #242332 - The issue "ContextMenu not appears while clicking an empty diagram" is now resolved.
+
+## 17.2.35 (2019-07-17)
+
+### Diagram
+
+#### Bug Fixes
+
+- #239193 - The issue "element does not placed properly when specify the position as (0,0)" is now resolved.
+
+## 17.2.28-beta (2019-06-27)
+
+### Diagram
+
 #### Breaking Changes
@@ -186,2 +259,111 @@
 
+- #236866 - The issue with tooltip is shown even after deleting the node has been resolved.
+
+## 17.1.50 (2019-06-04)
+
+### Diagram
+
+#### Bug Fixes
+
+- #237131 - The issue "Layout is messed up when diagram have disconnected nodes" has been resolved using complex hierarchical tree layout.
+- #237533 - The issue "min-height and min-width properties of node does not updated properly at run time" has been resolved.
+
+## 17.1.49 (2019-05-29)
+
+### Diagram
+
+#### Breaking Changes
+
+- The `data` property is removed from the DataSource property of the diagram.
+
+## 17.1.48 (2019-05-21)
+
+### Diagram
+
+#### Breaking Changes
+
+- The `class` property in the UML Classifier shape is renamed properly as `classShape`.
+- The `interface` property in the UML Classifier shape is renamed properly as `interfaceShape`.
+- The `enumeration` property in the UML Classifier shape is renamed properly as `enumerationShape`.
+
+#### Bug Fixes
+
+- #234537 - The BPMN shape style is now applied to the BPMN inner elements.
+- #235977 - The issue "User handles drawn multiple times while dragging a node from the palette" has been resolved.
+- #235742 - The issue with the oldValue of selectionChange is shown incorrect when mouse down on node has been resolved.
+- #235794 - The `textEdit` event is now fired in Edge browser.
+- #236322 - The module property in the package.json has been updated.
+
+## 17.1.47 (2019-05-14)
+
+### Diagram
+
+#### Breaking Changes
+
+- The `hyperLink` property in the Shape Annotation and Path annotation is renamed properly as `hyperlink`.
+
+#### Bug Fixes
+
+## 17.1.44 (2019-05-07)
+
+### Diagram
+
+#### Bug Fixes
+
+- #234537 - Conditional sequence connector is now working properly when connected with BPMN Service shape.
+- #234307 - Undo/redo is now working properly when modifying the annotation's font size at run time.
+- #234106 - When the node having different size and executing the layout, nodes are now arranged properly.
+
+## 17.1.43 (2019-04-30)
+
+### Diagram
+
+#### Bug Fixes
+
+- When changing the node's path data at run time, it scales properly with respect to node's size.
+- When changing the trigger type of BPMN's Task shape at run time, the trigger shape is positioned properly.
+- Now, the connector's decorator is docked properly when layout is enabled and drag the node.
+- When zooming the diagram, the user handles position is updated properly with respect to zoom percentage.
+- If boundaryConstraints is enabled and node's rotateAngle is changed at run time, node does not exceed the boundary limit.
+- When changing the annotation's properties at run time, annotation will update properly.
+
+## 17.1.41 (2019-04-16)
+
+### Diagram
+
+- #232371 - Drag and drop the nodes from symbol palette to the diagram will no longer work if the SymbolPalette "allowDrag" property set to false at runtime.
+- Now, the connector can be moved over the connection disabled node when drawing the connector using drawing tools.
+- #232226 - The issue "Annotation added multiple times in DOM if annotation's text overflow enabled and select the node" has been fixed.
+- #232343 - Diagram's selectionChange event is now triggered properly when selecting another node or unselect the selected node in less than 1 second after dragging the node.
+- Diagram's propertyChange event is now triggered properly when move the node using keyboard and undo/redo dragged node.
+- #233008 - BPMN sequence connector does not move with stroke when its dependent node is moved issue is now fixed.
+
+## 17.1.40 (2019-04-09)
+
+### Diagram
+
+- Z-index for nodes/connectors is now properly updated when rendering the nodes/connectors with same z-index in symbol palette and drag and drop the nodes from the symbol palette to the diagram.
+- Now, the connection between the ports has been established when remove the InConnect/OutConnect from node’s constraints.
+- Issue with the “Layer’s z-index property and sendLayerBackward/bringLayerForward API methods” has been fixed.
+
+## 17.1.38 (2019-03-29)
+
+### Diagram
+
+#### New Features
+
+- Support added to create a swimlane diagram using code or a visual interface with built-in swim lane shapes.
+- Support provided to prevent “previous selection gets cleared when dragging a new symbol from the symbol palette and dropping it to the diagram”.
+- Support provided to cancel the drag and drop operation from the symbol palette to the diagram when the ESC key is pressed.
+- Support provided to define the padding between the connector’s end point and the object to which it gets connected.
+- Option has been provided to retain the selection of an object when performing undo and redo operations.
+- Option provided to prevent serializing default properties when the diagram is serialized as JSON format.
+- Padding option added to scroll settings.
+- Now, it is possible to export HTML and native nodes to image format.
+- Support provided to limit the number of actions to be stored in the history manager.
+
+#### Bug Fixes
+
+- The "nodes distributed incorrectly" issue has been fixed.
+- The "duplicate SVG appears when node's SVG is changed" issue has been fixed.
 - Drop event is now fixed when drag and drop other component is now working fine.
@@ -194,2 +376,27 @@ - Diagram does not zoom based on the center point is now working fine.
 
+## 17.1.32-beta (2019-03-13)
+
+### Diagram
+
+#### New Features
+
+- Support added to create a swimlane diagram using code or a visual interface with built-in swim lane shapes.
+- Support provided to prevent “previous selection gets cleared when dragging a new symbol from the symbol palette and dropping it to the diagram”.
+- Support provided to cancel the drag and drop operation from the symbol palette to the diagram when the ESC key is pressed.
+- Support provided to define the padding between the connector’s end point and the object to which it gets connected.
+- Option has been provided to retain the selection of an object when performing undo and redo operations.
+- Option provided to prevent serializing default properties when the diagram is serialized as JSON format.
+- Padding option added to scroll settings.
+- Now, it is possible to export HTML and native nodes to image format.
+- Support provided to limit the number of actions to be stored in the history manager.
+
+#### Bug Fixes
+
+- Drop event is now fixed when drag and drop other component is now working fine.
+- Diagram does not zoom based on the center point is now working fine.
+- Background color of the label and nodes will be black by default while updating dynamically is now working fine.
+- Background color issue found while on text editing is not fixed.
+- Connections have created from port after removing the constraints is now working fine.
+- Performance issue on diagram layout has been fixed.
+
 ## 16.4.54 (2019-02-19)
@@ -196,0 +403,0 @@

dist/global/index.d.ts

@@ -1,10 +0,1 @@
-/*!
-*  filename: index.d.ts
-*  version : 17.2.28-beta
-*  Copyright Syncfusion Inc. 2001 - 2019. 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
-*  [e-mail]. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 import * as _diagrams from '@syncfusion/ej2-diagrams';
@@ -11,0 +2,0 @@

package.json

 {
   "_from": "@syncfusion/ej2-diagrams@*",
-  "_id": "@syncfusion/ej2-diagrams@16.56.0",
+  "_id": "@syncfusion/ej2-diagrams@17.2.46",
   "_inBundle": false,
-  "_integrity": "sha512-19VOvy/eROvdB2iHvghUKgjSl6KwF3tsQxJPgLHzAU7dcj2c8pKEy7eNqbGmtdR6crNf/5djVWN0Fb32yJyvFw==",
+  "_integrity": "sha512-T5sxIkhepFMKyrdVSvmWeqPGuLDQUg4VPvVIRySK64ex4h46QqQJM2zugku5DqPd3NK9mlgvD9xycBN7YiDkAg==",
   "_location": "/@syncfusion/ej2-diagrams",
@@ -26,4 +26,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-diagrams/-/ej2-diagrams-16.56.0.tgz",
-  "_shasum": "52759d4c56bb4e0fe87430195c229e466c47cb62",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-production/@syncfusion/ej2-diagrams/-/ej2-diagrams-17.2.46.tgz",
+  "_shasum": "5f5d3d0fcd2890628eba935181b7ef0f24f1dc5d",
   "_spec": "@syncfusion/ej2-diagrams@*",
@@ -39,9 +39,9 @@ "_where": "/jenkins/workspace/ation_hotfix_16.4.0.42_Vol4-CJVRBFC7Z7RSISPRJNEMNQSRMCB6XTG67IJD6R2DVNXFIKQEITTQ/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~17.2.28-beta",
-    "@syncfusion/ej2-buttons": "~17.2.28-beta",
-    "@syncfusion/ej2-data": "~17.2.28-beta",
-    "@syncfusion/ej2-inputs": "~17.2.28-beta",
-    "@syncfusion/ej2-lists": "~17.2.28-beta",
-    "@syncfusion/ej2-navigations": "~17.2.28-beta",
-    "@syncfusion/ej2-popups": "~17.2.28-beta"
+    "@syncfusion/ej2-base": "17.2.29-beta",
+    "@syncfusion/ej2-buttons": "17.2.29-beta",
+    "@syncfusion/ej2-data": "17.2.29-beta",
+    "@syncfusion/ej2-inputs": "17.2.29-beta",
+    "@syncfusion/ej2-lists": "17.2.29-beta",
+    "@syncfusion/ej2-navigations": "17.2.29-beta",
+    "@syncfusion/ej2-popups": "17.2.29-beta"
   },
@@ -70,4 +70,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "17.2.28-beta",
+  "version": "17.2.29-beta",
   "sideEffects": false
 }

README.md

@@ -23,3 +23,3 @@ # ej2-diagrams
 * [View Online Demos](https://ej2.syncfusion.com/16.2.41/demos/#/material/diagram/default-functionalities.html)
-* [Product Page](https://www.syncfusion.com/javascript-ui-controls/diagram)
+* [Product Page](https://www.syncfusion.com/javascript-ui-controls/diagram) 
 
@@ -26,0 +26,0 @@ ## Supported Frameworks

src/diagram/core/appearance-model.d.ts

@@ -18,2 +18,3 @@ import { Property, ChildProperty, Collection, ComplexFactory } from '@syncfusion/ej2-base';import { TextDecoration, WhiteSpace, TextWrap, TextAlign, GradientType, TextOverflow } from '../enum/enum';
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -25,2 +26,3 @@ left?: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -32,2 +34,3 @@ right?: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -39,2 +42,3 @@ top?: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -90,2 +94,3 @@ bottom?: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -92,0 +97,0 @@ offset?: number;

src/diagram/core/appearance.d.ts

@@ -37,2 +37,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -43,2 +44,3 @@ left: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -49,2 +51,3 @@ right: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -55,2 +58,3 @@ top: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -131,2 +135,3 @@ bottom: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -133,0 +138,0 @@ offset: number;

src/diagram/core/containers/canvas.js

@@ -50,5 +50,2 @@ var __extends = (this && this.__extends) || (function () {
                     }
-                    else {
-                        break;
-                    }
                 }
@@ -55,0 +52,0 @@ else if (!(child instanceof TextElement)) {

src/diagram/diagram-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, Property, Complex, Collection, EventHandler, L10n, Droppable, remove, Ajax } from '@syncfusion/ej2-base';import { Browser, ModuleDeclaration, Event, EmitType } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, updateBlazorTemplate, resetBlazorTemplate } from '@syncfusion/ej2-base';import { CanvasRenderer } from './rendering/canvas-renderer';import { SvgRenderer } from './rendering/svg-renderer';import { DiagramRenderer } from './rendering/renderer';import { BaseAttributes } from './rendering/canvas-interface';import { PageSettings, ScrollSettings } from './diagram/page-settings';import { PageSettingsModel, ScrollSettingsModel } from './diagram/page-settings-model';import { DiagramElement } from './core/elements/diagram-element';import { ServiceLocator } from './objects/service';import { IElement, IDataLoadedEventArgs, ISelectionChangeEventArgs, IClickEventArgs, ScrollValues } from './objects/interface/IElement';import { ISizeChangeEventArgs, IConnectionChangeEventArgs, IEndChangeEventArgs, IDoubleClickEventArgs } from './objects/interface/IElement';import { ICollectionChangeEventArgs, IPropertyChangeEventArgs, IDraggingEventArgs, IRotationEventArgs } from './objects/interface/IElement';import { ISegmentCollectionChangeEventArgs } from './objects/interface/IElement';import { IDragEnterEventArgs, IDragLeaveEventArgs, IDragOverEventArgs, IDropEventArgs } from './objects/interface/IElement';import { ITextEditEventArgs, IHistoryChangeArgs, IScrollChangeEventArgs, IMouseEventArgs } from './objects/interface/IElement';import { StackEntryObject, IExpandStateChangeEventArgs } from './objects/interface/IElement';import { ZoomOptions, IPrintOptions, IExportOptions, IFitOptions, ActiveLabel } from './objects/interface/interfaces';import { View, IDataSource, IFields } from './objects/interface/interfaces';import { Container } from './core/containers/container';import { Node, BpmnShape, BpmnAnnotation, SwimLane, Path } from './objects/node';import { flipConnector, updatePortEdges, alignElement } from './utility/diagram-util';import { Segment } from './interaction/scroller';import { Connector } from './objects/connector';import { ConnectorModel, BpmnFlowModel } from './objects/connector-model';import { SnapSettings } from './diagram/grid-lines';import { RulerSettings } from './diagram/ruler-settings';import { removeRulerElements, updateRuler, getRulerSize } from './ruler/ruler';import { renderRuler, renderOverlapElement } from './ruler/ruler';import { RulerSettingsModel } from './diagram/ruler-settings-model';import { SnapSettingsModel } from './diagram/grid-lines-model';import { NodeModel, TextModel, BpmnShapeModel, BpmnAnnotationModel, HeaderModel, HtmlModel } from './objects/node-model';import { UmlActivityShapeModel, SwimLaneModel, LaneModel, PhaseModel } from './objects/node-model';import { Size } from './primitives/size';import { Keys, KeyModifiers, DiagramTools, AlignmentMode, AnnotationConstraints, NodeConstraints, RendererAction } from './enum/enum';import { DiagramConstraints, BridgeDirection, AlignmentOptions, SelectorConstraints, PortVisibility, DiagramEvent } from './enum/enum';import { DistributeOptions, SizingOptions, RenderingMode, DiagramAction, ThumbsConstraints, NudgeDirection } from './enum/enum';import { RealAction, ElementAction, FlipDirection, Orientation, PortConstraints } from './enum/enum';import { PathElement } from './core/elements/path-element';import { TextElement } from './core/elements/text-element';import { updateStyle, removeItem, updateConnector, updateShape, setUMLActivityDefaults, findNodeByName } from './utility/diagram-util';import { setSwimLaneDefaults } from './utility/diagram-util';import { checkPortRestriction, serialize, deserialize, updateHyperlink, getObjectType, removeGradient } from './utility/diagram-util';import { Rect } from './primitives/rect';import { getPortShape } from './objects/dictionary/common';import { PointPortModel } from './objects/port-model';import { ShapeAnnotationModel, AnnotationModel, PathAnnotationModel } from './objects/annotation-model';import { ShapeAnnotation, PathAnnotation, Annotation } from './objects/annotation';import { PointModel } from './primitives/point-model';import { Canvas } from './core/containers/canvas';import { GridPanel, ColumnDefinition } from './core/containers/grid';import { DataSourceModel } from './diagram/data-source-model';import { DataSource } from './diagram/data-source';import { LayoutModel } from './layout/layout-base-model';import { Layout, INode, ILayout } from './layout/layout-base';import { DataBinding } from './data-binding/data-binding';import { Selector } from './interaction/selector';import { SelectorModel } from './interaction/selector-model';import { DiagramEventHandler } from './interaction/event-handlers';import { CommandHandler } from './interaction/command-manager';import { DiagramScroller } from './interaction/scroller';import { Actions, isSelected } from './interaction/actions';import { ToolBase } from './interaction/tool';import { BpmnDiagrams } from './objects/bpmn';import { DiagramContextMenu } from './objects/context-menu';import { ConnectorBridging } from './objects/connector-bridging';import { SpatialSearch } from './interaction/spatial-search/spatial-search';import { HistoryEntry, History } from './diagram/history';import { UndoRedo } from './objects/undo-redo';import { ConnectorEditing } from './interaction/connector-editing';import { Ruler } from '../ruler/index';import { BeforeOpenCloseMenuEventArgs, MenuEventArgs, EJ2Instance } from '@syncfusion/ej2-navigations';import { setAttributeSvg, setAttributeHtml, measureHtmlText, removeElement, createMeasureElements, getDomIndex } from './utility/dom-util';import { getDiagramElement, getScrollerWidth, getHTMLLayer } from './utility/dom-util';import { getBackgroundLayer, createHtmlElement, createSvgElement, getNativeLayerSvg } from './utility/dom-util';import { getPortLayerSvg, getDiagramLayerSvg } from './utility/dom-util';import { getAdornerLayerSvg, getSelectorElement, getGridLayerSvg, getBackgroundLayerSvg } from './utility/dom-util';import { CommandManager, ContextMenuSettings } from './diagram/keyboard-commands';import { CommandManagerModel, CommandModel, ContextMenuSettingsModel } from './diagram/keyboard-commands-model';import { canDelete, canInConnect, canOutConnect, canRotate, canVitualize, canDrawThumbs } from './utility/constraints-util';import { canPortInConnect, canPortOutConnect } from './utility/constraints-util';import { canResize, canSingleSelect, canZoomPan, canZoomTextEdit } from './utility/constraints-util';import { canDragSourceEnd, canDragTargetEnd, canDragSegmentThumb, enableReadOnly, canMove } from './utility/constraints-util';import { findAnnotation, arrangeChild, getInOutConnectPorts, removeChildNodes } from './utility/diagram-util';import { randomId, cloneObject, extendObject, getFunction, getBounds } from './utility/base-util';import { Snapping } from './objects/snapping';import { DiagramTooltipModel } from './objects/tooltip-model';import { TextStyleModel, ShadowModel } from './core/appearance-model';import { TransformFactor } from './interaction/scroller';import { RadialTree } from './layout/radial-tree';import { HierarchicalTree } from './layout/hierarchical-tree';import { ComplexHierarchicalTree } from './layout/complex-hierarchical-tree';import { MindMap } from './layout/mind-map';import { DiagramTooltip, initTooltip } from './objects/tooltip';import { Tooltip } from '@syncfusion/ej2-popups';import { PrintAndExport } from './print-settings';import { Port, PointPort } from './objects/port';import { SymmetricLayout, IGraphObject } from './layout/symmetrical-layout';import { LayoutAnimation } from './objects/layout-animation';import { canShadow } from './utility/constraints-util';import { Layer } from './diagram/layer';import { LayerModel } from './diagram/layer-model';import { DiagramNativeElement } from './core/elements/native-element';import { DiagramHtmlElement } from './core/elements/html-element';import { IconShapeModel } from './objects/icon-model';import { canAllowDrop } from './utility/constraints-util';import { checkParentAsContainer, addChildToContainer, updateLaneBoundsAfterAddChild } from './interaction/container-interaction';import { DataManager } from '@syncfusion/ej2-data';import { getConnectors, updateConnectorsProperties, phaseDefine } from './utility/swim-lane-util';import { swimLaneMeasureAndArrange } from './utility/swim-lane-util';import { arrangeChildNodesInSwimLane, updateHeaderMaxWidth, updatePhaseMaxWidth } from './utility/swim-lane-util';import { addLane, addPhase } from './utility/swim-lane-util';import { ContextMenuItemModel } from './../diagram/objects/interface/interfaces';import { SerializationSettingsModel } from './diagram/serialization-settings-model';import { SerializationSettings } from './diagram/serialization-settings';import { removeSwimLane, removeLane, removePhase, removeLaneChildNode } from './utility/swim-lane-util';import { RowDefinition } from './core/containers/grid';
+import { Component, Property, Complex, Collection, EventHandler, L10n, Droppable, remove, Ajax, isBlazor } from '@syncfusion/ej2-base';import { Browser, ModuleDeclaration, Event, EmitType } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, updateBlazorTemplate, resetBlazorTemplate } from '@syncfusion/ej2-base';import { CanvasRenderer } from './rendering/canvas-renderer';import { SvgRenderer } from './rendering/svg-renderer';import { DiagramRenderer } from './rendering/renderer';import { BaseAttributes } from './rendering/canvas-interface';import { PageSettings, ScrollSettings } from './diagram/page-settings';import { PageSettingsModel, ScrollSettingsModel } from './diagram/page-settings-model';import { DiagramElement } from './core/elements/diagram-element';import { ServiceLocator } from './objects/service';import { IElement, IDataLoadedEventArgs, ISelectionChangeEventArgs, IClickEventArgs, ScrollValues } from './objects/interface/IElement';import { ISizeChangeEventArgs, IConnectionChangeEventArgs, IEndChangeEventArgs, IDoubleClickEventArgs } from './objects/interface/IElement';import { ICollectionChangeEventArgs, IPropertyChangeEventArgs, IDraggingEventArgs, IRotationEventArgs } from './objects/interface/IElement';import { ISegmentCollectionChangeEventArgs } from './objects/interface/IElement';import { IDragEnterEventArgs, IDragLeaveEventArgs, IDragOverEventArgs, IDropEventArgs } from './objects/interface/IElement';import { ITextEditEventArgs, IHistoryChangeArgs, IScrollChangeEventArgs, IMouseEventArgs } from './objects/interface/IElement';import { StackEntryObject, IExpandStateChangeEventArgs } from './objects/interface/IElement';import { ZoomOptions, IPrintOptions, IExportOptions, IFitOptions, ActiveLabel } from './objects/interface/interfaces';import { View, IDataSource, IFields } from './objects/interface/interfaces';import { Container } from './core/containers/container';import { Node, BpmnShape, BpmnAnnotation, SwimLane, Path } from './objects/node';import { flipConnector, updatePortEdges, alignElement, setConnectorDefaults } from './utility/diagram-util';import { Segment } from './interaction/scroller';import { Connector } from './objects/connector';import { ConnectorModel, BpmnFlowModel } from './objects/connector-model';import { SnapSettings } from './diagram/grid-lines';import { RulerSettings } from './diagram/ruler-settings';import { removeRulerElements, updateRuler, getRulerSize } from './ruler/ruler';import { renderRuler, renderOverlapElement } from './ruler/ruler';import { RulerSettingsModel } from './diagram/ruler-settings-model';import { SnapSettingsModel } from './diagram/grid-lines-model';import { NodeModel, TextModel, BpmnShapeModel, BpmnAnnotationModel, HeaderModel, HtmlModel } from './objects/node-model';import { UmlActivityShapeModel, SwimLaneModel, LaneModel, PhaseModel } from './objects/node-model';import { Size } from './primitives/size';import { Keys, KeyModifiers, DiagramTools, AlignmentMode, AnnotationConstraints, NodeConstraints, RendererAction } from './enum/enum';import { DiagramConstraints, BridgeDirection, AlignmentOptions, SelectorConstraints, PortVisibility, DiagramEvent } from './enum/enum';import { DistributeOptions, SizingOptions, RenderingMode, DiagramAction, ThumbsConstraints, NudgeDirection } from './enum/enum';import { RealAction, ElementAction, FlipDirection, Orientation, PortConstraints } from './enum/enum';import { PathElement } from './core/elements/path-element';import { TextElement } from './core/elements/text-element';import { updateStyle, removeItem, updateConnector, updateShape, setUMLActivityDefaults, findNodeByName } from './utility/diagram-util';import { setSwimLaneDefaults } from './utility/diagram-util';import { checkPortRestriction, serialize, deserialize, updateHyperlink, getObjectType, removeGradient } from './utility/diagram-util';import { Rect } from './primitives/rect';import { getPortShape } from './objects/dictionary/common';import { PointPortModel } from './objects/port-model';import { ShapeAnnotationModel, AnnotationModel, PathAnnotationModel } from './objects/annotation-model';import { ShapeAnnotation, PathAnnotation, Annotation } from './objects/annotation';import { PointModel } from './primitives/point-model';import { Canvas } from './core/containers/canvas';import { GridPanel, ColumnDefinition } from './core/containers/grid';import { DataSourceModel } from './diagram/data-source-model';import { DataSource } from './diagram/data-source';import { LayoutModel } from './layout/layout-base-model';import { Layout, INode, ILayout } from './layout/layout-base';import { DataBinding } from './data-binding/data-binding';import { Selector } from './objects/node';import { SelectorModel } from './objects/node-model';import { DiagramEventHandler } from './interaction/event-handlers';import { CommandHandler } from './interaction/command-manager';import { DiagramScroller } from './interaction/scroller';import { Actions, isSelected } from './interaction/actions';import { ToolBase } from './interaction/tool';import { BpmnDiagrams } from './objects/bpmn';import { DiagramContextMenu } from './objects/context-menu';import { ConnectorBridging } from './objects/connector-bridging';import { SpatialSearch } from './interaction/spatial-search/spatial-search';import { HistoryEntry, History } from './diagram/history';import { UndoRedo } from './objects/undo-redo';import { ConnectorEditing } from './interaction/connector-editing';import { Ruler } from '../ruler/index';import { BeforeOpenCloseMenuEventArgs, MenuEventArgs, EJ2Instance } from '@syncfusion/ej2-navigations';import { setAttributeSvg, setAttributeHtml, measureHtmlText, removeElement, createMeasureElements, getDomIndex } from './utility/dom-util';import { getDiagramElement, getScrollerWidth, getHTMLLayer } from './utility/dom-util';import { getBackgroundLayer, createHtmlElement, createSvgElement, getNativeLayerSvg } from './utility/dom-util';import { getPortLayerSvg, getDiagramLayerSvg } from './utility/dom-util';import { getAdornerLayerSvg, getSelectorElement, getGridLayerSvg, getBackgroundLayerSvg } from './utility/dom-util';import { CommandManager, ContextMenuSettings } from './diagram/keyboard-commands';import { CommandManagerModel, CommandModel, ContextMenuSettingsModel } from './diagram/keyboard-commands-model';import { canDelete, canInConnect, canOutConnect, canRotate, canVitualize, canDrawThumbs } from './utility/constraints-util';import { canPortInConnect, canPortOutConnect } from './utility/constraints-util';import { canResize, canSingleSelect, canZoomPan, canZoomTextEdit } from './utility/constraints-util';import { canDragSourceEnd, canDragTargetEnd, canDragSegmentThumb, enableReadOnly, canMove } from './utility/constraints-util';import { findAnnotation, arrangeChild, getInOutConnectPorts, removeChildNodes } from './utility/diagram-util';import { randomId, cloneObject, extendObject, getFunction, getBounds } from './utility/base-util';import { Snapping } from './objects/snapping';import { DiagramTooltipModel } from './objects/tooltip-model';import { TextStyleModel, ShadowModel } from './core/appearance-model';import { TransformFactor } from './interaction/scroller';import { RadialTree } from './layout/radial-tree';import { HierarchicalTree } from './layout/hierarchical-tree';import { ComplexHierarchicalTree } from './layout/complex-hierarchical-tree';import { MindMap } from './layout/mind-map';import { DiagramTooltip, initTooltip } from './objects/tooltip';import { Tooltip } from '@syncfusion/ej2-popups';import { PrintAndExport } from './print-settings';import { Port, PointPort } from './objects/port';import { SymmetricLayout, IGraphObject } from './layout/symmetrical-layout';import { LayoutAnimation } from './objects/layout-animation';import { canShadow } from './utility/constraints-util';import { Layer } from './diagram/layer';import { LayerModel } from './diagram/layer-model';import { DiagramNativeElement } from './core/elements/native-element';import { DiagramHtmlElement } from './core/elements/html-element';import { IconShapeModel } from './objects/icon-model';import { canAllowDrop } from './utility/constraints-util';import { checkParentAsContainer, addChildToContainer, updateLaneBoundsAfterAddChild } from './interaction/container-interaction';import { DataManager } from '@syncfusion/ej2-data';import { getConnectors, updateConnectorsProperties, phaseDefine } from './utility/swim-lane-util';import { swimLaneMeasureAndArrange } from './utility/swim-lane-util';import { arrangeChildNodesInSwimLane, updateHeaderMaxWidth, updatePhaseMaxWidth } from './utility/swim-lane-util';import { addLane, addPhase } from './utility/swim-lane-util';import { ContextMenuItemModel } from './../diagram/objects/interface/interfaces';import { SerializationSettingsModel } from './diagram/serialization-settings-model';import { SerializationSettings } from './diagram/serialization-settings';import { removeSwimLane, removeLane, removePhase, removeLaneChildNode } from './utility/swim-lane-util';import { RowDefinition } from './core/containers/grid';import { LineRouting } from './interaction/line-routing';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -51,2 +51,3 @@
      * ```
+     * @deprecated
      */
@@ -70,2 +71,3 @@ contextMenuSettings?: ContextMenuSettingsModel;
      * @aspNumberEnum 
+     * @blazorNumberEnum
      */
@@ -83,3 +85,4 @@ constraints?: DiagramConstraints;
      * @default 'Default'
-     * @aspNumberEnum 
+     * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -212,2 +215,3 @@
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -231,3 +235,5 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
+     * @deprecated
      */
@@ -282,2 +288,3 @@ drawingObject?: NodeModel | ConnectorModel;
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -290,2 +297,3 @@ */
      * @default undefined
+     * @deprecated
      */
@@ -329,2 +337,3 @@ historyManager?: History;
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -360,2 +369,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -416,2 +426,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -496,2 +507,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -613,2 +625,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -622,2 +635,3 @@ * @deprecated
      * @default {}
+     * @deprecated
      */
@@ -641,2 +655,3 @@ selectedItems?: SelectorModel;
      * @default {}
+     * @deprecated
      */
@@ -656,3 +671,3 @@ commandManager?: CommandManagerModel;
      * @event
-     * @blazorProperty 'OnDragEnter'
+     * @blazorProperty 'DragEnter'
      */
@@ -664,3 +679,3 @@ dragEnter?: EmitType<IDragEnterEventArgs>;
      * @event
-     * @blazorProperty 'OnDragLeave'
+     * @blazorProperty 'DragLeave'
      */
@@ -672,3 +687,3 @@ dragLeave?: EmitType<IDragLeaveEventArgs>;
      * @event
-     * @blazorProperty 'OnDragOver'
+     * @blazorProperty 'DragOver'
      */
@@ -680,3 +695,3 @@ dragOver?: EmitType<IDragOverEventArgs>;
      * @event
-     * @blazorProperty 'OnClick'
+     * @blazorProperty 'Clicked'
      */
@@ -718,3 +733,3 @@ click?: EmitType<IClickEventArgs>;
      * @event
-     * @blazorProperty 'OnSelectionChange'
+     * @blazorProperty 'SelectionChange'
      */
@@ -814,3 +829,3 @@ selectionChange?: EmitType<ISelectionChangeEventArgs>;
      * @event
-     * @blazorProperty 'OnMouseEnter'
+     * @blazorProperty 'MouseEnter'
      */
@@ -822,3 +837,3 @@ mouseEnter?: EmitType<IMouseEventArgs>;
      * @event
-     * @blazorProperty 'OnMouseLeave'
+     * @blazorProperty 'MouseLeave'
      */
@@ -830,3 +845,3 @@ mouseLeave?: EmitType<IMouseEventArgs>;
      * @event
-     * @blazorProperty 'OnMouseOver'
+     * @blazorProperty 'MouseOver'
      */
@@ -833,0 +848,0 @@ mouseOver?: EmitType<IMouseEventArgs>;

src/diagram/diagram.d.ts

@@ -40,4 +40,4 @@ import { Component, L10n, Droppable } from '@syncfusion/ej2-base';
 import { DataBinding } from './data-binding/data-binding';
-import { Selector } from './interaction/selector';
-import { SelectorModel } from './interaction/selector-model';
+import { Selector } from './objects/node';
+import { SelectorModel } from './objects/node-model';
 import { CommandHandler } from './interaction/command-manager';
@@ -70,2 +70,3 @@ import { DiagramScroller } from './interaction/scroller';
 import { SerializationSettingsModel } from './diagram/serialization-settings-model';
+import { LineRouting } from './interaction/line-routing';
 /**
@@ -153,2 +154,7 @@ * Represents the Diagram control
     /**
+     * `lineRoutingModule` is used to connect the node's without overlapping
+     * @private
+     */
+    lineRoutingModule: LineRouting;
+    /**
      * Defines the width of the diagram model.
@@ -192,2 +198,3 @@ * ```html
      * ```
+     * @deprecated
      */
@@ -210,2 +217,3 @@ contextMenuSettings: ContextMenuSettingsModel;
      * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -223,2 +231,3 @@ constraints: DiagramConstraints;
      * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -343,2 +352,3 @@ tool: DiagramTools;
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -361,3 +371,5 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
+     * @deprecated
      */
@@ -407,2 +419,3 @@ drawingObject: NodeModel | ConnectorModel;
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -414,2 +427,3 @@ */
      * @default undefined
+     * @deprecated
      */
@@ -452,2 +466,3 @@ historyManager: History;
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -482,2 +497,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -537,2 +553,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -545,2 +562,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -621,2 +639,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -629,2 +648,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -682,2 +702,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -747,2 +768,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -757,2 +779,3 @@ * @deprecated
      * @default {}
+     * @deprecated
      */
@@ -773,2 +796,3 @@ selectedItems: SelectorModel;
      * @default {}
+     * @deprecated
      */
@@ -786,3 +810,3 @@ commandManager: CommandManagerModel;
      * @event
-     * @blazorProperty 'OnDragEnter'
+     * @blazorProperty 'DragEnter'
      */
@@ -793,3 +817,3 @@ dragEnter: EmitType<IDragEnterEventArgs>;
      * @event
-     * @blazorProperty 'OnDragLeave'
+     * @blazorProperty 'DragLeave'
      */
@@ -800,3 +824,3 @@ dragLeave: EmitType<IDragLeaveEventArgs>;
      * @event
-     * @blazorProperty 'OnDragOver'
+     * @blazorProperty 'DragOver'
      */
@@ -807,3 +831,3 @@ dragOver: EmitType<IDragOverEventArgs>;
      * @event
-     * @blazorProperty 'OnClick'
+     * @blazorProperty 'Clicked'
      */
@@ -840,3 +864,3 @@ click: EmitType<IClickEventArgs>;
      * @event
-     * @blazorProperty 'OnSelectionChange'
+     * @blazorProperty 'SelectionChange'
      */
@@ -923,3 +947,3 @@ selectionChange: EmitType<ISelectionChangeEventArgs>;
      * @event
-     * @blazorProperty 'OnMouseEnter'
+     * @blazorProperty 'MouseEnter'
      */
@@ -930,3 +954,3 @@ mouseEnter: EmitType<IMouseEventArgs>;
      * @event
-     * @blazorProperty 'OnMouseLeave'
+     * @blazorProperty 'MouseLeave'
      */
@@ -937,3 +961,3 @@ mouseLeave: EmitType<IMouseEventArgs>;
      * @event
-     * @blazorProperty 'OnMouseOver'
+     * @blazorProperty 'MouseOver'
      */
@@ -1402,4 +1426,5 @@ mouseOver: EmitType<IMouseEventArgs>;
     /** @private */
-    triggerEvent(eventName: DiagramEvent, args: Object, onSuccessCallBack?: Function, onFailureCallback?: Function): void;
+    triggerEvent(eventName: DiagramEvent, args: Object): void;
     private updateEventValue;
+    addNodeToLane(node: NodeModel, swimLane: string, lane: string): void;
     /**
@@ -1445,4 +1470,2 @@ * Shows tooltip for corresponding diagram object
     private removeCommand;
-    /** @private */
-    private removeCollectionParameters;
     /**
@@ -1453,3 +1476,2 @@ * Removes the given object from diagram
     remove(obj?: NodeModel | ConnectorModel): void;
-    private onRemoveCollectionChangeSuccess;
     private isStackChild;
@@ -1474,2 +1496,3 @@ /** @private */
     private updateConnectorAnnotation;
+    private removeChildrenFromLayout;
     /**
@@ -1552,2 +1575,10 @@ * Automatically updates the diagram objects based on the type of the layout
     addPhases(node: NodeModel, phases: PhaseModel[]): void;
+    /**
+     * Remove dynamic Lanes to swimLane at runtime
+     */
+    removeLane(node: NodeModel, lane: LaneModel): void;
+    /**
+     * Remove a phase to a swimLane at runtime
+     */
+    removePhase(node: NodeModel, phase: PhaseModel): void;
     private removelabelExtension;
@@ -1711,3 +1742,2 @@ /**
     private endEditCommand;
-    private textEditEvent;
     /**
@@ -1717,3 +1747,2 @@ * @private
     endEdit(): void;
-    private successTextEdit;
     /** @private */
@@ -1788,6 +1817,2 @@ canLogChange(): boolean;
     updateMargin(node: Node, changes: Node): void;
-    /** @private */
-    dragEnterEvent: object;
-    successDragEnter(arg: IDragEnterEventArgs): Function;
-    private onDropEventSuccess;
     private initDroppables;
@@ -1794,0 +1819,0 @@ private removeChildInNodes;

src/diagram/diagram/data-source-model.d.ts

@@ -35,2 +35,3 @@ import { DataManager } from '@syncfusion/ej2-data';import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -98,2 +99,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -147,2 +149,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -156,2 +159,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -164,2 +168,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -166,0 +171,0 @@ */

src/diagram/diagram/data-source.d.ts

@@ -57,2 +57,3 @@ import { DataManager } from '@syncfusion/ej2-data';
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -106,2 +107,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -141,2 +143,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -149,2 +152,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -156,2 +160,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -158,0 +163,0 @@ */

src/diagram/diagram/grid-lines-model.d.ts

@@ -90,3 +90,4 @@ import { Property, Complex, ChildProperty } from '@syncfusion/ej2-base';import { SnapConstraints } from '../enum/enum';
      * @default 'All'
-     * @aspNumberEnum 
+     * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -93,0 +94,0 @@ constraints?: SnapConstraints;

src/diagram/diagram/grid-lines.d.ts

@@ -86,2 +86,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';
      * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -88,0 +89,0 @@ constraints: SnapConstraints;

src/diagram/diagram/history.d.ts

@@ -1,2 +0,2 @@
-import { SelectorModel } from '../interaction/selector-model';
+import { SelectorModel } from '../objects/node-model';
 import { ConnectorModel } from '../objects/connector-model';
@@ -7,3 +7,3 @@ import { NodeModel, PhaseModel } from '../objects/node-model';
 import { PointPortModel } from '../objects/port-model';
-import { EntryType, EntryChangeType, EntryCategory } from '../enum/enum';
+import { EntryType, EntryChangeType, EntryCategory, DiagramHistoryAction } from '../enum/enum';
 import { DiagramElement } from '../core/elements/diagram-element';
@@ -68,2 +68,7 @@ /**
     previousPhase?: PhaseModel;
+    /**
+     * Used to stored the added node cause.
+     * @blazorType object
+     */
+    historyAction ?: DiagramHistoryAction;
 
@@ -70,0 +75,0 @@ }

src/diagram/diagram/keyboard-commands-model.d.ts

@@ -78,3 +78,5 @@ import { Keys, KeyModifiers } from '../enum/enum';import { Property, Complex, ChildProperty, Collection } from '@syncfusion/ej2-base';import { ContextMenuItemModel } from '../objects/interface/interfaces';
      * @aspDefaultValueIgnore
-     * @aspNumberEnum 
+     * @blazorDefaultValueIgnore
+     * @aspNumberEnum
+     * @blazorNumberEnum
      * @default undefined
@@ -92,3 +94,5 @@ */
      * @aspDefaultValueIgnore
-     * @aspNumberEnum 
+     * @blazorDefaultValueIgnore
+     * @aspNumberEnum
+     * @blazorNumberEnum
      * @default undefined
@@ -114,2 +118,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -123,2 +128,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -204,2 +210,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -212,2 +219,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -235,2 +243,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -237,0 +246,0 @@ */

src/diagram/diagram/keyboard-commands.d.ts

@@ -79,3 +79,5 @@ import { Keys, KeyModifiers } from '../enum/enum';
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @aspNumberEnum
+     * @blazorNumberEnum
      * @default undefined
@@ -92,3 +94,5 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @aspNumberEnum
+     * @blazorNumberEnum
      * @default undefined
@@ -110,2 +114,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -118,2 +123,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -196,2 +202,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -203,2 +210,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -225,2 +233,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -227,0 +236,0 @@ */

src/diagram/diagram/layer-model.d.ts

@@ -29,2 +29,3 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -67,2 +68,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -69,0 +71,0 @@ */

src/diagram/diagram/layer.d.ts

@@ -25,2 +25,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -62,2 +63,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -64,0 +66,0 @@ */

src/diagram/diagram/page-settings-model.d.ts

@@ -129,2 +129,3 @@ import { Property, Complex, ChildProperty } from '@syncfusion/ej2-base';import { PageOrientation, BoundaryConstraints, ImageAlignment, ScrollLimit, Scale } from '../enum/enum';import { MarginModel } from '../core/appearance-model';import { Margin } from '../core/appearance';import { Rect } from '../primitives/rect';
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -136,2 +137,3 @@ horizontalOffset?: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -149,2 +151,3 @@ verticalOffset?: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -156,2 +159,3 @@ viewPortWidth?: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -196,2 +200,3 @@ viewPortHeight?: number;
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -198,0 +203,0 @@ */

src/diagram/diagram/page-settings.d.ts

@@ -129,2 +129,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -135,2 +136,3 @@ horizontalOffset: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -146,2 +148,3 @@ verticalOffset: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -152,2 +155,3 @@ viewPortWidth: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -188,2 +192,3 @@ viewPortHeight: number;
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -190,0 +195,0 @@ */

src/diagram/enum/enum.js

@@ -12,2 +12,3 @@ /**
  * @aspNumberEnum
+ * @blazorNumberEnum
  */
@@ -37,2 +38,3 @@ export var PortVisibility;
  * @aspNumberEnum
+ * @blazorNumberEnum
  */
@@ -77,2 +79,3 @@ export var SnapConstraints;
  * @aspNumberEnum
+ * @blazorNumberEnum
  * @IgnoreSingular
@@ -135,2 +138,3 @@ */
  * @aspNumberEnum
+ * @blazorNumberEnum
  * @IgnoreSingular
@@ -172,4 +176,8 @@ */
     ConnectorConstraints[ConnectorConstraints["ReadOnly"] = 16384] = "ReadOnly";
+    /** Enables or disables routing to the connector. */
+    ConnectorConstraints[ConnectorConstraints["LineRouting"] = 32768] = "LineRouting";
+    /** Enables or disables routing to the connector. */
+    ConnectorConstraints[ConnectorConstraints["InheritLineRouting"] = 65536] = "InheritLineRouting";
     /** Enables all constraints. */
-    ConnectorConstraints[ConnectorConstraints["Default"] = 11838] = "Default";
+    ConnectorConstraints[ConnectorConstraints["Default"] = 77374] = "Default";
 })(ConnectorConstraints || (ConnectorConstraints = {}));
@@ -187,2 +195,3 @@ /**
  * @aspNumberEnum
+ * @blazorNumberEnum
  * @IgnoreSingular
@@ -240,2 +249,3 @@ */
  * @aspNumberEnum
+ * @blazorNumberEnum
  * @IgnoreSingular
@@ -376,2 +386,3 @@ */
  * @aspNumberEnum
+ * @blazorNumberEnum
  * @IgnoreSingular
@@ -407,2 +418,4 @@ */
     DiagramConstraints[DiagramConstraints["Virtualization"] = 1024] = "Virtualization";
+    /** Enables/ Disable the line routing */
+    DiagramConstraints[DiagramConstraints["LineRouting"] = 2048] = "LineRouting";
     /** Enables/Disable all constraints */
@@ -421,2 +434,3 @@ DiagramConstraints[DiagramConstraints["Default"] = 500] = "Default";
  * @aspNumberEnum
+ * @blazorNumberEnum
  * @IgnoreSingular
@@ -473,2 +487,3 @@ */
  * @aspNumberEnum
+ * @blazorNumberEnum
  * @IgnoreSingular
@@ -559,2 +574,3 @@ */
  * @aspNumberEnum
+ * @blazorNumberEnum
  * @IgnoreSingular
@@ -802,2 +818,3 @@ */
  * @aspNumberEnum
+ * @blazorNumberEnum
  * @IgnoreSingular
@@ -804,0 +821,0 @@ */

src/diagram/index.d.ts

@@ -59,2 +59,3 @@ /**
 export * from './interaction/container-interaction';
+export * from './interaction/line-routing';
 export * from './diagram/data-source';
@@ -61,0 +62,0 @@ export * from './diagram/grid-lines';

src/diagram/index.js

@@ -48,3 +48,3 @@ /**
 export * from './objects/layout-animation';
-//interaction
+//interaction 
 export * from './interaction/selector';
@@ -57,2 +57,3 @@ export * from './interaction/tool';
 export * from './interaction/container-interaction';
+export * from './interaction/line-routing';
 export * from './diagram/data-source';
@@ -59,0 +60,0 @@ export * from './diagram/grid-lines';

src/diagram/interaction/actions.js

@@ -12,3 +12,3 @@ import { Connector } from '../objects/connector';
 import { PortConstraints, DiagramTools, PortVisibility, ThumbsConstraints } from '../enum/enum';
-import { Selector } from './selector';
+import { Selector } from '../objects/node';
 import { PointPort } from './../objects/port';
@@ -45,3 +45,3 @@ import { ShapeAnnotation, PathAnnotation } from '../objects/annotation';
                     var paddedBounds = getUserHandlePosition(handle, obj_1, diagram.scroller.transform);
-                    if (contains(position, paddedBounds, obj_1.size / 2)) {
+                    if (contains(position, paddedBounds, obj_1.size / (2 * diagram.scroller.transform.scale))) {
                         return obj_1.name;
@@ -48,0 +48,0 @@ }

src/diagram/interaction/command-manager.d.ts

@@ -12,4 +12,4 @@ import { IElement } from '../objects/interface/IElement';
 import { DiagramElement } from './../core/elements/diagram-element';
-import { SelectorModel } from './selector-model';
-import { Selector } from './selector';
+import { SelectorModel } from '../objects/node-model';
+import { Selector } from '../objects/node';
 import { AlignmentOptions, DistributeOptions, SizingOptions, DiagramEvent, AlignmentMode } from '../enum/enum';
@@ -68,3 +68,3 @@ import { HistoryEntry } from '../diagram/history';
      */
-    triggerEvent(event: DiagramEvent, args: Object, onSuccessCallBack?: Function, onFailureCallback?: Function): void;
+    triggerEvent(event: DiagramEvent, args: Object): void;
     /**
@@ -74,3 +74,2 @@ * @private
     dragOverElement(args: MouseEventArgs, currentPosition: PointModel): void;
-    private connectionChangeEvent;
     /**
@@ -80,6 +79,3 @@ * @private
     disConnect(obj: IElement, endPoint?: string): void;
-    private successDisconnect;
-    private connectionChange;
     private connectionEventChange;
-    private successConnectionChange;
     /**
@@ -97,3 +93,2 @@ * @private
     changeAnnotationDrag(args: MouseEventArgs): void;
-    private connectionChangeConnect;
     /**
@@ -103,3 +98,2 @@ * @private
     connect(endPoint: string, args: MouseEventArgs): void;
-    private successConnect;
     /** @private */
@@ -150,9 +144,4 @@ cut(): void;
     addText(obj: Node | Connector, currentPosition: PointModel): void;
-    /**
-     * @private
-     */
-    private selectObjectParameters;
     /** @private */
     selectObjects(obj: (NodeModel | ConnectorModel)[], multipleSelection?: boolean, oldValue?: (NodeModel | ConnectorModel)[]): void;
-    private selectObjectSuccess;
     /**
@@ -207,8 +196,5 @@ * @private
     getSelectedObject(): (NodeModel | ConnectorModel)[];
-    private onClearSelectionParameters;
     /** @private */
     clearSelection(triggerAction?: boolean): void;
     /** @private */
-    private onClearSelectionSuccess;
-    /** @private */
     clearSelectedItems(): void;
@@ -334,2 +320,6 @@ /**
     updateConnectorPoints(obj: Node | Connector, rect?: Rect): void;
+    /**
+     * @private
+     */
+    updateSelectedNodeProperties(object?: NodeModel | ConnectorModel[]): void;
     /** @private */
@@ -336,0 +326,0 @@ drawSelectionRectangle(x: number, y: number, width: number, height: number): void;

src/diagram/interaction/container-interaction.d.ts

@@ -6,3 +6,3 @@ import { NodeModel } from '../objects/node-model';
 import { PointModel } from '../primitives/point-model';
-import { SelectorModel } from './selector-model';
+import { SelectorModel } from '../objects/node-model';
 import { Rect } from '../primitives/rect';
@@ -30,3 +30,3 @@ import { DiagramElement } from '../core/elements/diagram-element';
  */
-export declare function addChildToContainer(diagram: Diagram, parent: NodeModel, node: NodeModel, isUndo?: boolean): void;
+export declare function addChildToContainer(diagram: Diagram, parent: NodeModel, node: NodeModel, isUndo?: boolean, historyAction?: boolean): void;
 export declare function updateLaneBoundsAfterAddChild(container: NodeModel, swimLane: NodeModel, node: NodeModel, diagram: Diagram, isBoundsUpdate?: boolean): boolean;
@@ -33,0 +33,0 @@ /** @private */

src/diagram/interaction/container-interaction.js

 import { Node } from '../objects/node';
-import { Selector } from './selector';
+import { Selector } from '../objects/node';
 import { Size } from '../primitives/size';
@@ -11,3 +11,3 @@ import { cloneObject } from './../utility/base-util';
 import { considerSwimLanePadding } from '../utility/swim-lane-util';
-import { DiagramAction } from '../enum/enum';
+import { DiagramAction, DiagramConstraints } from '../enum/enum';
 /**
@@ -132,2 +132,3 @@ * Interaction for Container
     var object;
+    var container;
     var nodes;
@@ -140,9 +141,11 @@ if (diagram.selectedObject.helperObject) {
             object = (obj.nodes.length > 0) ? obj.nodes[0] : obj.connectors[0];
+            container = diagram.selectedItems.wrapper.children[0];
         }
         else {
             object = obj;
+            container = diagram.selectedItems.wrapper;
         }
         diagram.selectedObject.actualObject = object;
-        var container = diagram.selectedItems.wrapper.children[0];
-        if (checkParentAsContainer(diagram, object)) {
+        if (checkParentAsContainer(diagram, object) ||
+            ((diagram.constraints & DiagramConstraints.LineRouting) && diagram.selectedItems.connectors.length === 0)) {
             var node = {
@@ -195,3 +198,3 @@ id: 'helper',
 function removeChildrenInLane(diagram, node) {
-    if (node.parentId !== '') {
+    if (node.parentId && node.parentId !== '') {
         var prevParentNode = diagram.nameTable[node.parentId];
@@ -222,9 +225,9 @@ if (prevParentNode.isLane && prevParentNode.parentId) {
  */
-export function addChildToContainer(diagram, parent, node, isUndo) {
+export function addChildToContainer(diagram, parent, node, isUndo, historyAction) {
     if (!diagram.currentSymbol) {
         diagram.protectPropertyChange(true);
-        var swimlane = void 0;
+        var swimlane = diagram.nameTable[parent.parentId];
         node = diagram.getObject(node.id) || node;
         var child = (diagram.nodes.indexOf(node) !== -1) ? node.id : node;
-        if (parent.container.type === 'Canvas') {
+        if (parent.container.type === 'Canvas' && !historyAction) {
             var left = (node.wrapper.offsetX - node.wrapper.actualSize.width / 2) -
@@ -237,2 +240,13 @@ (parent.wrapper.offsetX - parent.wrapper.actualSize.width / 2);
         }
+        else if (swimlane) {
+            var swimLaneBounds = swimlane.wrapper.bounds;
+            var parentBounds = parent.wrapper.bounds;
+            if (swimlane.shape.orientation === 'Horizontal') {
+                node.margin.left -= parentBounds.x - swimLaneBounds.x;
+            }
+            else {
+                var laneHeaderId = parent.parentId + swimlane.shape.lanes[0].id + '_0_header';
+                node.margin.top -= parentBounds.y - swimLaneBounds.y - diagram.nameTable[laneHeaderId].wrapper.bounds.height;
+            }
+        }
         var container = diagram.nameTable[parent.id];
@@ -271,3 +285,3 @@ if (!container.children) {
                     type: 'ChildCollectionChanged', category: 'Internal',
-                    undoObject: undoObj, redoObject: cloneObject(node)
+                    undoObject: undoObj, redoObject: cloneObject(node), historyAction: historyAction ? 'AddNodeToLane' : undefined
                 };
@@ -274,0 +288,0 @@ diagram.addHistoryEntry(entry);

src/diagram/interaction/selector-model.d.ts

@@ -1,2 +0,2 @@
-import { Property, ChildProperty, Collection, Complex } from '@syncfusion/ej2-base';import { IElement } from '../objects/interface/IElement';import { Container } from '../core/containers/container';import { Node } from '../objects/node';import { Connector } from '../objects/connector';import { PointModel } from '../primitives/point-model';import { Point } from '../primitives/point';import { Size } from '../primitives/size';import { RubberBandSelectionMode, Side, ThumbsConstraints } from '../enum/enum';import { SelectorConstraints, HorizontalAlignment, VerticalAlignment } from '../enum/enum';import { NodeModel } from '../objects/node-model';import { ConnectorModel } from '../objects/connector-model';import { Diagram } from '../../diagram/diagram';import { MarginModel } from '../core/appearance-model';import { Margin } from '../core/appearance';import { ShapeAnnotationModel, PathAnnotationModel } from '../objects/annotation-model';import { DiagramElement } from '../core/elements/diagram-element';
+import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';import { Side } from '../enum/enum';import { HorizontalAlignment, VerticalAlignment } from '../enum/enum';import { MarginModel } from '../core/appearance-model';import { Margin } from '../core/appearance';
 
@@ -87,2 +87,3 @@ /**
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -119,141 +120,2 @@ offset?: number;
 
-}
-
-/**
- * Interface for a class Selector
- */
-export interface SelectorModel {
-
-    /**
-     * Defines the size and position of the container
-     * @default null
-     */
-    wrapper?: Container;
-
-    /**
-     * Defines the collection of selected nodes
-     */
-    nodes?: NodeModel[];
-
-    /**
-     * Defines the collection of selected connectors
-     */
-    connectors?: ConnectorModel[];
-
-    /**
-     * Sets/Gets the width of the container
-     * @aspDefaultValueIgnore
-     * @default undefined
-     */
-    width?: number;
-
-    /**
-     * Sets/Gets the height of the container
-     * @aspDefaultValueIgnore
-     * @default undefined
-     */
-    height?: number;
-
-    /**
-     * Sets the rotate angle of the container
-     * @default 0
-     */
-    rotateAngle?: number;
-
-    /**
-     * Sets the positionX of the container
-     * @default 0
-     */
-    offsetX?: number;
-
-    /**
-     * Sets the positionY of the container
-     * @default 0
-     */
-    offsetY?: number;
-
-    /**
-     * Sets the pivot of the selector
-     * @default { x: 0.5, y: 0.5 }
-     */
-    pivot?: PointModel;
-
-    /**
-     * Defines how to pick the objects to be selected using rubber band selection
-     * * CompleteIntersect - Selects the objects that are contained within the selected region
-     * * PartialIntersect - Selects the objects that are partially intersected with the selected region
-     * @default 'CompleteIntersect'
-     */
-    rubberBandSelectionMode?: RubberBandSelectionMode;
-
-    /**
-     * Defines the collection of user handle
-     * ```html
-     * <div id='diagram'></div>
-     * ```
-     * ```typescript
-     * let nodes: NodeModel[] = [{
-     *           id: 'node1', width: 100, height: 100, offsetX: 100, offsetY: 100,
-     *           annotations: [{ content: 'Default Shape' }]
-     *       },
-     *       {
-     *           id: 'node2', width: 100, height: 100, offsetX: 300, offsetY: 100,
-     *           shape: {
-     *               type: 'Basic', shape: 'Ellipse'
-     *           },
-     *           annotations: [{ content: 'Path Element' }]
-     *       }
-     *       ];
-     *       let connectors: ConnectorModel[] = [{
-     *           id: 'connector1',
-     *           type: 'Straight',
-     *           sourcePoint: { x: 100, y: 300 },
-     *           targetPoint: { x: 200, y: 400 },
-     *       }];
-     * let handle: UserHandleModel[] = [
-     * { name: 'handle', margin: { top: 0, bottom: 0, left: 0, right: 0 }, offset: 0,
-     * pathData: 'M 376.892,225.284L 371.279,211.95L 376.892,198.617L 350.225,211.95L 376.892,225.284 Z',
-     * side: 'Top', horizontalAlignment: 'Center', verticalAlignment: 'Center', 
-     * pathColor: 'yellow' }];
-     * let diagram: Diagram = new Diagram({
-     * ...
-     *     connectors: connectors, nodes: nodes,
-     *     selectedItems: { constraints: SelectorConstraints.All, userHandles: handle },
-     * ...
-     * });
-     * diagram.appendTo('#diagram');
-     * ```
-     * @default []
-     */
-    userHandles?: UserHandleModel[];
-
-    /**
-     * Controls the visibility of selector.
-     * * None - Hides all the selector elements
-     * * ConnectorSourceThumb - Shows/hides the source thumb of the connector
-     * * ConnectorTargetThumb - Shows/hides the target thumb of the connector
-     * * ResizeSouthEast - Shows/hides the bottom right resize handle of the selector
-     * * ResizeSouthWest - Shows/hides the bottom left resize handle of the selector
-     * * ResizeNorthEast - Shows/hides the top right resize handle of the selector
-     * * ResizeNorthWest - Shows/hides the top left resize handle of the selector
-     * * ResizeEast - Shows/hides the middle right resize handle of the selector
-     * * ResizeWest - Shows/hides the middle left resize handle of the selector
-     * * ResizeSouth - Shows/hides the bottom center resize handle of the selector
-     * * ResizeNorth - Shows/hides the top center resize handle of the selector
-     * * Rotate - Shows/hides the rotate handle of the selector
-     * * UserHandles - Shows/hides the user handles of the selector
-     * * Resize - Shows/hides all resize handles of the selector
-     * @default 'All'
-     * @aspNumberEnum 
-     */
-    constraints?: SelectorConstraints;
-
-    /**
-     * setTooltipTemplate helps to customize the content of a tooltip
-     * @aspDefaultValueIgnore
-     * @default undefined
-     * @deprecated
-     */
-    setTooltipTemplate?: Function | string;
-
 }

src/diagram/interaction/selector.d.ts

 import { ChildProperty } from '@syncfusion/ej2-base';
-import { IElement } from '../objects/interface/IElement';
-import { Container } from '../core/containers/container';
-import { PointModel } from '../primitives/point-model';
-import { RubberBandSelectionMode, Side, ThumbsConstraints } from '../enum/enum';
-import { SelectorConstraints, HorizontalAlignment, VerticalAlignment } from '../enum/enum';
-import { NodeModel } from '../objects/node-model';
-import { ConnectorModel } from '../objects/connector-model';
-import { UserHandleModel } from '../interaction/selector-model';
-import { Diagram } from '../../diagram/diagram';
+import { Side } from '../enum/enum';
+import { HorizontalAlignment, VerticalAlignment } from '../enum/enum';
 import { MarginModel } from '../core/appearance-model';
-import { ShapeAnnotationModel, PathAnnotationModel } from '../objects/annotation-model';
 /**
@@ -120,2 +112,3 @@ * A collection of frequently used commands that will be added around the selector
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -154,150 +147,1 @@ offset: number;
 }
-/**
- * Defines the size and position of selected items and defines the appearance of selector
- */
-export declare class Selector extends ChildProperty<Selector> implements IElement {
-    /**
-     * Defines the size and position of the container
-     * @default null
-     */
-    wrapper: Container;
-    /**
-     * Defines the collection of selected nodes
-     */
-    nodes: NodeModel[];
-    /**
-     * Defines the collection of selected connectors
-     */
-    connectors: ConnectorModel[];
-    /**
-     * @private
-     */
-    annotation: ShapeAnnotationModel | PathAnnotationModel;
-    /**
-     * Sets/Gets the width of the container
-     * @aspDefaultValueIgnore
-     * @default undefined
-     */
-    width: number;
-    /**
-     * Sets/Gets the height of the container
-     * @aspDefaultValueIgnore
-     * @default undefined
-     */
-    height: number;
-    /**
-     * Sets the rotate angle of the container
-     * @default 0
-     */
-    rotateAngle: number;
-    /**
-     * Sets the positionX of the container
-     * @default 0
-     */
-    offsetX: number;
-    /**
-     * Sets the positionY of the container
-     * @default 0
-     */
-    offsetY: number;
-    /**
-     * Sets the pivot of the selector
-     * @default { x: 0.5, y: 0.5 }
-     */
-    pivot: PointModel;
-    /**
-     * Defines how to pick the objects to be selected using rubber band selection
-     * * CompleteIntersect - Selects the objects that are contained within the selected region
-     * * PartialIntersect - Selects the objects that are partially intersected with the selected region
-     * @default 'CompleteIntersect'
-     */
-    rubberBandSelectionMode: RubberBandSelectionMode;
-    /**
-     * Defines the collection of user handle
-     * ```html
-     * <div id='diagram'></div>
-     * ```
-     * ```typescript
-     * let nodes: NodeModel[] = [{
-     *           id: 'node1', width: 100, height: 100, offsetX: 100, offsetY: 100,
-     *           annotations: [{ content: 'Default Shape' }]
-     *       },
-     *       {
-     *           id: 'node2', width: 100, height: 100, offsetX: 300, offsetY: 100,
-     *           shape: {
-     *               type: 'Basic', shape: 'Ellipse'
-     *           },
-     *           annotations: [{ content: 'Path Element' }]
-     *       }
-     *       ];
-     *       let connectors: ConnectorModel[] = [{
-     *           id: 'connector1',
-     *           type: 'Straight',
-     *           sourcePoint: { x: 100, y: 300 },
-     *           targetPoint: { x: 200, y: 400 },
-     *       }];
-     * let handle: UserHandleModel[] = [
-     * { name: 'handle', margin: { top: 0, bottom: 0, left: 0, right: 0 }, offset: 0,
-     * pathData: 'M 376.892,225.284L 371.279,211.95L 376.892,198.617L 350.225,211.95L 376.892,225.284 Z',
-     * side: 'Top', horizontalAlignment: 'Center', verticalAlignment: 'Center',
-     * pathColor: 'yellow' }];
-     * let diagram: Diagram = new Diagram({
-     * ...
-     *     connectors: connectors, nodes: nodes,
-     *     selectedItems: { constraints: SelectorConstraints.All, userHandles: handle },
-     * ...
-     * });
-     * diagram.appendTo('#diagram');
-     * ```
-     * @default []
-     */
-    userHandles: UserHandleModel[];
-    /**
-     * Controls the visibility of selector.
-     * * None - Hides all the selector elements
-     * * ConnectorSourceThumb - Shows/hides the source thumb of the connector
-     * * ConnectorTargetThumb - Shows/hides the target thumb of the connector
-     * * ResizeSouthEast - Shows/hides the bottom right resize handle of the selector
-     * * ResizeSouthWest - Shows/hides the bottom left resize handle of the selector
-     * * ResizeNorthEast - Shows/hides the top right resize handle of the selector
-     * * ResizeNorthWest - Shows/hides the top left resize handle of the selector
-     * * ResizeEast - Shows/hides the middle right resize handle of the selector
-     * * ResizeWest - Shows/hides the middle left resize handle of the selector
-     * * ResizeSouth - Shows/hides the bottom center resize handle of the selector
-     * * ResizeNorth - Shows/hides the top center resize handle of the selector
-     * * Rotate - Shows/hides the rotate handle of the selector
-     * * UserHandles - Shows/hides the user handles of the selector
-     * * Resize - Shows/hides all resize handles of the selector
-     * @default 'All'
-     * @aspNumberEnum
-     */
-    constraints: SelectorConstraints;
-    /**
-     * set the constraint of the container
-     * * Rotate - Enable Rotate Thumb
-     * * ConnectorSource - Enable Connector source point
-     * * ConnectorTarget - Enable Connector target point
-     * * ResizeNorthEast - Enable ResizeNorthEast Resize
-     * * ResizeEast - Enable ResizeEast Resize
-     * * ResizeSouthEast - Enable ResizeSouthEast Resize
-     * * ResizeSouth - Enable ResizeSouth Resize
-     * * ResizeSouthWest - Enable ResizeSouthWest Resize
-     * * ResizeWest - Enable ResizeWest Resize
-     * * ResizeNorthWest - Enable ResizeNorthWest Resize
-     * * ResizeNorth - Enable ResizeNorth Resize
-     * @private
-     * @aspNumberEnum
-     */
-    thumbsConstraints: ThumbsConstraints;
-    /**
-     * setTooltipTemplate helps to customize the content of a tooltip
-     * @aspDefaultValueIgnore
-     * @default undefined
-     * @deprecated
-     */
-    setTooltipTemplate: Function | string;
-    /**
-     * Initializes the UI of the container
-     */
-    init(diagram: Diagram): Container;
-}

src/diagram/interaction/selector.js

@@ -20,9 +20,3 @@ var __extends = (this && this.__extends) || (function () {
 };
-import { Property, ChildProperty, Collection, Complex } from '@syncfusion/ej2-base';
-import { Container } from '../core/containers/container';
-import { Node } from '../objects/node';
-import { Connector } from '../objects/connector';
-import { Point } from '../primitives/point';
-import { Size } from '../primitives/size';
-import { SelectorConstraints } from '../enum/enum';
+import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';
 import { Margin } from '../core/appearance';
@@ -131,90 +125,1 @@ /**
 export { UserHandle };
-/**
- * Defines the size and position of selected items and defines the appearance of selector
- */
-var Selector = /** @class */ (function (_super) {
-    __extends(Selector, _super);
-    function Selector() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * Initializes the UI of the container
-     */
-    Selector.prototype.init = function (diagram) {
-        var container = new Container();
-        container.measureChildren = false;
-        var consize = new Size();
-        container.children = [];
-        if (this.annotation) {
-            var object = (this.nodes.length > 0) ? diagram.nameTable[this.nodes[0].id].wrapper :
-                diagram.nameTable[this.connectors[0].id].wrapper;
-            var wrapper = diagram.getWrapper(object, this.annotation.id);
-            container.children.push(wrapper);
-        }
-        else {
-            if (this.nodes || this.connectors) {
-                for (var i = 0; i < this.nodes.length; i++) {
-                    var node = diagram.nameTable[this.nodes[i].id];
-                    var wrapper = node.wrapper;
-                    // this.width = wrapper.actualSize.width; 
-                    // this.height = wrapper.actualSize.height;
-                    // this.rotateAngle = wrapper.rotateAngle;
-                    // this.offsetX = wrapper.offsetX;
-                    // this.offsetY = wrapper.offsetY;
-                    container.children.push(wrapper);
-                }
-                for (var j = 0; j < this.connectors.length; j++) {
-                    var connector = diagram.nameTable[this.connectors[j].id];
-                    var wrapper = connector.wrapper;
-                    // this.width = wrapper.actualSize.width; this.height = wrapper.actualSize.height;
-                    // this.rotateAngle = wrapper.rotateAngle; this.offsetX = wrapper.offsetX;
-                    // this.offsetY = wrapper.offsetY;
-                    container.children.push(wrapper);
-                }
-            }
-        }
-        this.wrapper = container;
-        return container;
-    };
-    __decorate([
-        Property(null)
-    ], Selector.prototype, "wrapper", void 0);
-    __decorate([
-        Collection([], Node)
-    ], Selector.prototype, "nodes", void 0);
-    __decorate([
-        Collection([], Connector)
-    ], Selector.prototype, "connectors", void 0);
-    __decorate([
-        Property()
-    ], Selector.prototype, "width", void 0);
-    __decorate([
-        Property()
-    ], Selector.prototype, "height", void 0);
-    __decorate([
-        Property(0)
-    ], Selector.prototype, "rotateAngle", void 0);
-    __decorate([
-        Property(0)
-    ], Selector.prototype, "offsetX", void 0);
-    __decorate([
-        Property(0)
-    ], Selector.prototype, "offsetY", void 0);
-    __decorate([
-        Complex({ x: 0.5, y: 0.5 }, Point)
-    ], Selector.prototype, "pivot", void 0);
-    __decorate([
-        Property('CompleteIntersect')
-    ], Selector.prototype, "rubberBandSelectionMode", void 0);
-    __decorate([
-        Collection([], UserHandle)
-    ], Selector.prototype, "userHandles", void 0);
-    __decorate([
-        Property(SelectorConstraints.All)
-    ], Selector.prototype, "constraints", void 0);
-    __decorate([
-        Property()
-    ], Selector.prototype, "setTooltipTemplate", void 0);
-    return Selector;
-}(ChildProperty));
-export { Selector };

src/diagram/interaction/tool.d.ts

@@ -10,3 +10,3 @@ import { PointModel } from '../primitives/point-model';
 import { ObjectTypes } from './../enum/enum';
-import { SelectorModel } from './selector-model';
+import { SelectorModel } from '../objects/node-model';
 import { MouseEventArgs } from './event-handlers';
@@ -106,6 +106,3 @@ import { Actions } from './actions';
     /**   @private  */
-    private pointChangeParameter;
-    /**   @private  */
     mouseMove(args: MouseEventArgs): boolean;
-    private onSuccessPointChange;
     /**   @private  */
@@ -151,4 +148,2 @@ mouseLeave(args: MouseEventArgs): void;
     /**   @private  */
-    rotateEventArgs: object;
-    /**   @private  */
     mouseDown(args: MouseEventArgs): void;
@@ -160,3 +155,2 @@ /**   @private  */
     private getTooltipContent;
-    private successRotateEvent;
     /**   @private  */
@@ -191,4 +185,2 @@ mouseLeave(args: MouseEventArgs): void;
     private getChanges;
-    /**   @private  */
-    private sizeChangeParameters;
     /**
@@ -201,3 +193,2 @@ * Updates the size with delta width and delta height using scaling.
     private scaleObjects;
-    private sizeChangeSuccessCallback;
 }
@@ -204,0 +195,0 @@ /**

src/diagram/layout/layout-base-model.d.ts

@@ -164,2 +164,3 @@ import { PointModel } from '../primitives/point-model';import { Rect } from '../primitives/rect';import { MarginModel } from '../core/appearance-model';import { Margin } from '../core/appearance';import { HorizontalAlignment, VerticalAlignment, ConnectionDirection, } from '../enum/enum';import { LayoutOrientation, ConnectorSegments, LayoutType, SubTreeOrientation, SubTreeAlignments, Segments } from '../enum/enum';import { Property, Complex, ChildProperty } from '@syncfusion/ej2-base';import { OrthogonalSegmentModel, BezierSegmentModel, StraightSegmentModel } from '../objects/connector-model';
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -173,2 +174,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -182,2 +184,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -184,0 +187,0 @@ */

src/diagram/layout/layout-base.d.ts

@@ -155,2 +155,3 @@ import { PointModel } from '../primitives/point-model';
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -163,2 +164,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -171,2 +173,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -340,2 +343,3 @@ */
      * @default undefined
+     * @blazorDefaultValueIgnore
      */
@@ -346,2 +350,3 @@ horizontalAlignment?: HorizontalAlignment;
      * @default undefined
+     * @blazorDefaultValueIgnore
      */
@@ -348,0 +353,0 @@ verticalAlignment?: VerticalAlignment;

src/diagram/objects/annotation-model.d.ts

@@ -66,3 +66,4 @@ import { Property, Complex, ChildProperty } from '@syncfusion/ej2-base';import { TextStyle, Margin } from '../core/appearance';import { Point } from '../primitives/point';import { TextStyleModel, MarginModel } from '../core/appearance-model';import { PointModel } from '../primitives/point-model';import { HorizontalAlignment, VerticalAlignment, AnnotationAlignment, AnnotationTypes, TextDecoration } from '../enum/enum';import { AnnotationConstraints } from '../enum/enum';import { randomId } from '../utility/base-util';
      * @default 'InheritReadOnly'
-     * @aspNumberEnum 
+     * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -93,2 +94,3 @@ constraints?: AnnotationConstraints;
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -107,2 +109,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -115,2 +118,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -195,2 +199,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -229,2 +234,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -231,0 +237,0 @@ */

src/diagram/objects/annotation.d.ts

@@ -61,2 +61,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';
      * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -86,2 +87,3 @@ constraints: AnnotationConstraints;
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -98,2 +100,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -105,2 +108,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -177,2 +181,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -211,2 +216,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -213,0 +219,0 @@ */

src/diagram/objects/connector-model.d.ts

@@ -1,2 +0,2 @@
-import { Property, Complex, Collection, ChildProperty, ComplexFactory, CollectionFactory } from '@syncfusion/ej2-base';import { ShapeStyle, StrokeStyle } from '../core/appearance';import { StrokeStyleModel, ShapeStyleModel } from '../core/appearance-model';import { Point } from '../primitives/point';import { TextElement } from '../core/elements/text-element';import { PointModel } from '../primitives/point-model';import { Segments, DecoratorShapes, Transform, ConnectorConstraints, Direction, LayoutOrientation, Status } from '../enum/enum';import { Rect } from '../primitives/rect';import { Size } from '../primitives/size';import { findAngle, findConnectorPoints, Bridge, getOuterBounds } from '../utility/connector';import { getAnnotationPosition, alignLabelOnSegments, updateConnector, setUMLActivityDefaults } from '../utility/diagram-util';import { findDistance, findPath, updatePathElement} from '../utility/diagram-util';import { randomId, getFunction } from './../utility/base-util';import { flipConnector } from './../utility/diagram-util';import { PathElement } from '../core/elements/path-element';import { PathAnnotation } from './annotation';import { Canvas } from '../core/containers/canvas';import { getDecoratorShape } from './dictionary/common';import { IElement } from './interface/IElement';import { Container } from '../core/containers/container';import { DiagramElement } from '../core/elements/diagram-element';import { HorizontalAlignment, VerticalAlignment, AssociationFlow, ClassifierShape, Multiplicity } from '../enum/enum';import { ConnectionShapes, UmlActivityFlows, BpmnFlows, BpmnMessageFlows, BpmnSequenceFlows, BpmnAssociationFlows } from '../enum/enum';import { SegmentInfo, Alignment } from '../rendering/canvas-interface';import { PathAnnotationModel } from './annotation-model';import { NodeBase } from './node-base';import { DiagramTooltipModel } from './tooltip-model';import { DiagramTooltip } from './tooltip';import { Matrix, identityMatrix, rotateMatrix, scaleMatrix, transformPointsByMatrix, transformPointByMatrix } from '../primitives/matrix';import { DiagramHtmlElement } from '../core/elements/html-element';
+import { Property, Complex, Collection, ChildProperty, ComplexFactory, CollectionFactory } from '@syncfusion/ej2-base';import { ShapeStyle, StrokeStyle } from '../core/appearance';import { StrokeStyleModel, ShapeStyleModel } from '../core/appearance-model';import { Point } from '../primitives/point';import { TextElement } from '../core/elements/text-element';import { PointModel } from '../primitives/point-model';import { Segments, DecoratorShapes, Transform, ConnectorConstraints, Direction, LayoutOrientation, Status } from '../enum/enum';import { Rect } from '../primitives/rect';import { Size } from '../primitives/size';import { findAngle, findConnectorPoints, Bridge, getOuterBounds } from '../utility/connector';import { getAnnotationPosition, alignLabelOnSegments, updateConnector, setUMLActivityDefaults } from '../utility/diagram-util';import { findDistance, findPath, updatePathElement, setConnectorDefaults } from '../utility/diagram-util';import { randomId, getFunction } from './../utility/base-util';import { flipConnector } from './../utility/diagram-util';import { PathElement } from '../core/elements/path-element';import { PathAnnotation } from './annotation';import { Canvas } from '../core/containers/canvas';import { getDecoratorShape } from './dictionary/common';import { IElement } from './interface/IElement';import { Container } from '../core/containers/container';import { DiagramElement } from '../core/elements/diagram-element';import { HorizontalAlignment, VerticalAlignment, AssociationFlow, ClassifierShape, Multiplicity } from '../enum/enum';import { ConnectionShapes, UmlActivityFlows, BpmnFlows, BpmnMessageFlows, BpmnSequenceFlows, BpmnAssociationFlows } from '../enum/enum';import { SegmentInfo, Alignment } from '../rendering/canvas-interface';import { PathAnnotationModel } from './annotation-model';import { NodeBase } from './node-base';import { DiagramTooltipModel } from './tooltip-model';import { DiagramTooltip } from './tooltip';import { Matrix, identityMatrix, rotateMatrix, scaleMatrix, transformPointsByMatrix, transformPointByMatrix } from '../primitives/matrix';import { DiagramHtmlElement } from '../core/elements/html-element';
 import {NodeBaseModel} from "./node-base-model";
@@ -417,3 +417,4 @@
      * @default 'None'
-     * @aspNumberEnum 
+     * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -463,2 +464,3 @@ constraints?: ConnectorConstraints;
      * @aspType object
+     * @blazorType object
      */
@@ -492,2 +494,4 @@ segments?: (OrthogonalSegmentModel | StraightSegmentModel | BezierSegmentModel)[];
      * @aspType Syncfusion.EJ2.Diagrams.Segments
+     * @blazorDefaultValueIgnore
+     * @blazorDefaultValue  Syncfusion.EJ2.Blazor.Diagrams.Segments.Straight
      */
@@ -535,2 +539,3 @@ type?: Segments;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -542,2 +547,3 @@ sourcePadding?: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -544,0 +550,0 @@ targetPadding?: number;

src/diagram/objects/connector.d.ts

@@ -452,2 +452,3 @@ /// <reference path="node-base-model.d.ts" />
      * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -463,2 +464,3 @@ constraints: ConnectorConstraints;
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -498,2 +500,3 @@ */
      * @aspType object
+     * @blazorType object
      */
@@ -523,2 +526,4 @@ segments: (OrthogonalSegmentModel | StraightSegmentModel | BezierSegmentModel)[];
      * @aspType Syncfusion.EJ2.Diagrams.Segments
+     * @blazorDefaultValueIgnore
+     * @blazorDefaultValue  Syncfusion.EJ2.Blazor.Diagrams.Segments.Straight
      */
@@ -559,2 +564,3 @@ type: Segments;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -565,2 +571,3 @@ sourcePadding: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -567,0 +574,0 @@ targetPadding: number;

src/diagram/objects/connector.js

@@ -30,3 +30,3 @@ var __extends = (this && this.__extends) || (function () {
 import { getAnnotationPosition, alignLabelOnSegments, updateConnector, setUMLActivityDefaults } from '../utility/diagram-util';
-import { findDistance, findPath, updatePathElement } from '../utility/diagram-util';
+import { findDistance, findPath, updatePathElement, setConnectorDefaults } from '../utility/diagram-util';
 import { randomId, getFunction } from './../utility/base-util';
@@ -459,2 +459,5 @@ import { flipConnector } from './../utility/diagram-util';
         }
+        if (defaultValue && defaultValue.shape && defaultValue.shape.type !== 'None') {
+            setConnectorDefaults(defaultValue, _this);
+        }
         return _this;
@@ -562,3 +565,2 @@ }
             this.targetDecorator.shape = 'Arrow';
-            this.style.strokeWidth = 2;
         }
@@ -569,5 +571,2 @@ else if (shape.relationship === 'Inheritance') {
             this.targetDecorator.shape = 'Arrow';
-            this.targetDecorator.style.fill = 'white';
-            this.style.strokeWidth = 2;
-            this.style.strokeDashArray = '4 4';
         }
@@ -578,4 +577,2 @@ else if (shape.relationship === 'Composition') {
             this.targetDecorator.shape = 'None';
-            this.sourceDecorator.style.fill = 'black';
-            this.style.strokeWidth = 2;
         }
@@ -586,4 +583,2 @@ else if (shape.relationship === 'Aggregation') {
             this.targetDecorator.shape = 'None';
-            this.sourceDecorator.style.fill = 'white';
-            this.style.strokeWidth = 2;
         }
@@ -594,5 +589,2 @@ else if (shape.relationship === 'Dependency') {
             this.targetDecorator.shape = 'OpenArrow';
-            this.sourceDecorator.style.fill = 'white';
-            this.style.strokeWidth = 2;
-            this.style.strokeDashArray = '4 4';
         }
@@ -603,4 +595,2 @@ else if (shape.relationship === 'Realization') {
             this.targetDecorator.shape = 'Arrow';
-            this.sourceDecorator.style.fill = 'white';
-            this.style.strokeWidth = 2;
         }
@@ -666,3 +656,2 @@ if (shape.associationType === 'BiDirectional') {
             this.targetDecorator.shape = 'Arrow';
-            this.targetDecorator.style.fill = 'black';
         }
@@ -674,3 +663,2 @@ if ((this.shape.sequence) === 'Default') {
             this.targetDecorator.shape = 'Arrow';
-            this.targetDecorator.style.fill = 'black';
         }
@@ -681,6 +669,2 @@ if ((this.shape.sequence) === 'Conditional') {
             pathseq.id = this.id + this.shape.type;
-            this.sourceDecorator.style.fill = 'white';
-            this.targetDecorator.style.fill = 'black';
-            this.sourceDecorator.width = 20;
-            this.sourceDecorator.height = 10;
         }
@@ -720,17 +704,9 @@ return pathseq;
             this.targetDecorator.shape = 'Arrow';
-            this.targetDecorator.style.fill = 'black';
         }
         if ((this.shape.association) === 'Directional') {
-            this.style.strokeDashArray = '2 2';
-            this.targetDecorator.style.fill = 'black';
             this.targetDecorator.shape = 'Arrow';
         }
         if ((this.shape.association) === 'BiDirectional') {
-            this.style.strokeDashArray = '2 2';
             this.targetDecorator.shape = 'Arrow';
-            this.targetDecorator.style.fill = 'black';
             this.sourceDecorator.shape = 'Arrow';
-            this.sourceDecorator.style.fill = 'white';
-            this.sourceDecorator.width = 5;
-            this.sourceDecorator.height = 10;
         }
@@ -740,3 +716,2 @@ };
         var segmentMessage = new PathElement();
-        this.style.strokeDashArray = '4 4';
         this.targetDecorator.shape = 'Arrow';
@@ -891,5 +866,2 @@ this.targetDecorator.width = 5;
         len = (len === 0) ? 1 : len;
-        var width = connector.style.strokeWidth - 1;
-        point.x = (Math.round(start.x + width * (end.x - start.x) / len));
-        point.y = (Math.round(start.y + width * (end.y - start.y) / len));
         var strokeWidth = 1;
@@ -900,2 +872,5 @@ var node = isSource ? connector.sourceWrapper : connector.targetWrapper;
         }
+        var width = strokeWidth - 1;
+        point.x = (Math.round(start.x + width * (end.x - start.x) / len));
+        point.y = (Math.round(start.y + width * (end.y - start.y) / len));
         if ((isSource && connector.sourceDecorator.shape !== 'None') ||
@@ -902,0 +877,0 @@ (!isSource && connector.targetDecorator.shape !== 'None')) {

src/diagram/objects/context-menu.js

@@ -81,3 +81,4 @@ import { remove } from '@syncfusion/ej2-base';
             onClose: this.contextMenuOnClose.bind(this),
-            cssClass: 'e-diagram-menu'
+            cssClass: 'e-diagram-menu',
+            animationSettings: { effect: 'None' }
         });
@@ -230,2 +231,3 @@ this.contextMenu.appendTo(this.element);
                 hidden = false;
+                contextItems.contextMenu.showItems([item.id], true);
             }
@@ -232,0 +234,0 @@ });

src/diagram/objects/interface/IElement.d.ts

@@ -7,3 +7,3 @@ import { Container } from '../../core/containers/container';
 import { EventState, ChangeType, State, DiagramAction } from '../../enum/enum';
-import { SelectorModel } from '../../interaction/selector-model';
+import { SelectorModel } from '../../objects/node-model';
 import { DiagramModel } from '../../diagram-model';
@@ -10,0 +10,0 @@ import { Connector } from '../../objects/connector';

src/diagram/objects/node-base-model.d.ts

@@ -35,2 +35,3 @@ import { Property, Complex, ChildProperty, Collection } from '@syncfusion/ej2-base';import { Margin } from '../core/appearance';import { PointPortModel } from './port-model';import { MarginModel } from '../core/appearance-model';import { DiagramTooltipModel } from './tooltip-model';import { IconShape } from './icon';import { IconShapeModel } from './icon-model';import { DiagramTooltip } from './tooltip';import { PointPort } from './port';import { FlipDirection } from '../enum/enum';
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -73,2 +74,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -81,2 +83,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default None
@@ -83,0 +86,0 @@ */

src/diagram/objects/node-base.d.ts

@@ -34,2 +34,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -66,2 +67,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -73,2 +75,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default None
@@ -75,0 +78,0 @@ */

src/diagram/objects/node-model.d.ts

@@ -1,2 +0,2 @@
-import { Property, Complex, Collection, ChildProperty, ComplexFactory } from '@syncfusion/ej2-base';import { ShapeStyle, Margin, TextStyle, Shadow } from '../core/appearance';import { ShapeStyleModel, TextStyleModel, ShadowModel, } from '../core/appearance-model';import { Point } from '../primitives/point';import { Size } from '../primitives/size';import { PointModel } from '../primitives/point-model';import { Shapes, BasicShapes, FlowShapes, UmlActivityShapes, Scale, ImageAlignment, Status, ElementAction } from '../enum/enum';import { IElement } from './interface/IElement';import { Container } from '../core/containers/container';import { Canvas } from '../core/containers/canvas';import { getBasicShape } from './dictionary/basic-shapes';import { DiagramElement } from '../core/elements/diagram-element';import { PathElement } from '../core/elements/path-element';import { TextElement } from '../core/elements/text-element';import { ImageElement } from '../core/elements/image-element';import { DiagramNativeElement } from '../core/elements/native-element';import { Port, PointPort } from './port';import { PointPortModel } from './port-model';import { Annotation, ShapeAnnotation } from './annotation';import { ShapeAnnotationModel, HyperlinkModel } from './annotation-model';import { getPortShape, getIconShape } from './dictionary/common';import { getFlowShape } from './dictionary/flow-shapes';import { HorizontalAlignment, VerticalAlignment, BpmnShapes, BpmnEvents, BpmnTriggers, BpmnGateways, NodeConstraints } from '../enum/enum';import { BpmnDataObjects, BpmnTasks, BpmnSubProcessTypes, BpmnLoops } from '../enum/enum';import { BpmnBoundary, BpmnActivities, UmlScope } from '../enum/enum';import { MarginModel } from '../core/appearance-model';import { LayoutModel } from '../layout/layout-base-model';import { checkPortRestriction, setUMLActivityDefaults, getUMLActivityShapes, updatePortEdges } from './../utility/diagram-util';import { setSwimLaneDefaults } from './../utility/diagram-util';import { randomId, getFunction } from './../utility/base-util';import { NodeBase } from './node-base';import { canShadow } from './../utility/constraints-util';import { PortVisibility, Stretch } from '../enum/enum';import { IconShapeModel } from './icon-model';import { IconShape } from './icon';import { measurePath } from './../utility/dom-util';import { Rect } from '../primitives/rect';import { getPolygonPath } from './../utility/path-util';import { DiagramHtmlElement } from '../core/elements/html-element';import { StackPanel } from '../core/containers/stack-panel';import { GridPanel, RowDefinition, ColumnDefinition } from '../core/containers/grid';import { Orientation, ContainerTypes, ClassifierShape } from '../enum/enum';import { getULMClassifierShapes } from '../utility/uml-util';import { initSwimLane } from './../utility/swim-lane-util';import { AnnotationModel } from './annotation-model';
+import { Property, Complex, Collection, ChildProperty, ComplexFactory } from '@syncfusion/ej2-base';import { ShapeStyle, Margin, TextStyle, Shadow } from '../core/appearance';import { ShapeStyleModel, TextStyleModel, ShadowModel, } from '../core/appearance-model';import { Point } from '../primitives/point';import { Size } from '../primitives/size';import { PointModel } from '../primitives/point-model';import { Shapes, BasicShapes, FlowShapes, UmlActivityShapes, Scale, ImageAlignment, Status, ElementAction } from '../enum/enum';import { IElement } from './interface/IElement';import { Container } from '../core/containers/container';import { Canvas } from '../core/containers/canvas';import { getBasicShape } from './dictionary/basic-shapes';import { DiagramElement } from '../core/elements/diagram-element';import { PathElement } from '../core/elements/path-element';import { TextElement } from '../core/elements/text-element';import { ImageElement } from '../core/elements/image-element';import { DiagramNativeElement } from '../core/elements/native-element';import { RubberBandSelectionMode, ThumbsConstraints } from '../enum/enum';import { Port, PointPort } from './port';import { PointPortModel } from './port-model';import { SelectorConstraints } from '../enum/enum';import { Annotation, ShapeAnnotation } from './annotation';import { ShapeAnnotationModel, HyperlinkModel, PathAnnotationModel } from './annotation-model';import { getPortShape, getIconShape } from './dictionary/common';import { getFlowShape } from './dictionary/flow-shapes';import { HorizontalAlignment, VerticalAlignment, BpmnShapes, BpmnEvents, BpmnTriggers, BpmnGateways, NodeConstraints } from '../enum/enum';import { BpmnDataObjects, BpmnTasks, BpmnSubProcessTypes, BpmnLoops } from '../enum/enum';import { BpmnBoundary, BpmnActivities, UmlScope } from '../enum/enum';import { MarginModel } from '../core/appearance-model';import { LayoutModel } from '../layout/layout-base-model';import { checkPortRestriction, setUMLActivityDefaults, getUMLActivityShapes, updatePortEdges } from './../utility/diagram-util';import { setSwimLaneDefaults } from './../utility/diagram-util';import { randomId, getFunction } from './../utility/base-util';import { NodeBase } from './node-base';import { canShadow } from './../utility/constraints-util';import { PortVisibility, Stretch } from '../enum/enum';import { IconShapeModel } from './icon-model';import { IconShape } from './icon';import { measurePath } from './../utility/dom-util';import { Rect } from '../primitives/rect';import { getPolygonPath } from './../utility/path-util';import { DiagramHtmlElement } from '../core/elements/html-element';import { StackPanel } from '../core/containers/stack-panel';import { GridPanel, RowDefinition, ColumnDefinition } from '../core/containers/grid';import { Orientation, ContainerTypes, ClassifierShape } from '../enum/enum';import { getULMClassifierShapes } from '../utility/uml-util';import { initSwimLane } from './../utility/swim-lane-util';import { AnnotationModel } from './annotation-model';import { ConnectorModel } from './connector-model';import { Diagram } from '../../diagram/diagram';import { Connector } from './connector';import { UserHandleModel } from '../interaction/selector-model';import { UserHandle } from '../interaction/selector';
 import {NodeBaseModel} from "./node-base-model";
@@ -310,2 +310,3 @@
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -600,2 +601,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -608,2 +610,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -616,2 +619,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -624,2 +628,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -898,2 +903,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -906,2 +912,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -914,2 +921,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -922,2 +930,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1286,2 +1295,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1312,2 +1322,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1320,2 +1331,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1328,2 +1340,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1336,2 +1349,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1344,2 +1358,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1352,2 +1367,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1385,2 +1401,3 @@ */
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -1437,3 +1454,4 @@ borderWidth?: number;
      * @default 'Default'
-     * @aspNumberEnum 
+     * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -1451,2 +1469,3 @@ constraints?: NodeConstraints;
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1459,2 +1478,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default null
@@ -1480,2 +1500,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1489,2 +1510,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1498,2 +1520,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1507,2 +1530,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1516,2 +1540,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1524,2 +1549,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1705,2 +1731,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default Canvas
@@ -1713,2 +1740,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1718,2 +1746,148 @@ */
 
+}
+
+/**
+ * Interface for a class Selector
+ */
+export interface SelectorModel {
+
+    /**
+     * Defines the size and position of the container
+     * @default null
+     */
+    wrapper?: Container;
+
+    /**
+     * Defines the collection of selected nodes
+     */
+    nodes?: NodeModel[];
+
+    /**
+     * Defines the collection of selected connectors
+     */
+    connectors?: ConnectorModel[];
+
+    /**
+     * Sets/Gets the width of the container
+     * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
+     * @default undefined
+     */
+    width?: number;
+
+    /**
+     * Sets/Gets the height of the container
+     * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
+     * @default undefined
+     */
+    height?: number;
+
+    /**
+     * Sets the rotate angle of the container
+     * @default 0
+     * @isBlazorNullableType true
+     */
+    rotateAngle?: number;
+
+    /**
+     * Sets the positionX of the container
+     * @default 0
+     * @isBlazorNullableType true
+     */
+    offsetX?: number;
+
+    /**
+     * Sets the positionY of the container
+     * @default 0
+     * @isBlazorNullableType true
+     */
+    offsetY?: number;
+
+    /**
+     * Sets the pivot of the selector
+     * @default { x: 0.5, y: 0.5 }
+     */
+    pivot?: PointModel;
+
+    /**
+     * Defines how to pick the objects to be selected using rubber band selection
+     * * CompleteIntersect - Selects the objects that are contained within the selected region
+     * * PartialIntersect - Selects the objects that are partially intersected with the selected region
+     * @default 'CompleteIntersect'
+     */
+    rubberBandSelectionMode?: RubberBandSelectionMode;
+
+    /**
+     * Defines the collection of user handle
+     * ```html
+     * <div id='diagram'></div>
+     * ```
+     * ```typescript
+     * let nodes: NodeModel[] = [{
+     *           id: 'node1', width: 100, height: 100, offsetX: 100, offsetY: 100,
+     *           annotations: [{ content: 'Default Shape' }]
+     *       },
+     *       {
+     *           id: 'node2', width: 100, height: 100, offsetX: 300, offsetY: 100,
+     *           shape: {
+     *               type: 'Basic', shape: 'Ellipse'
+     *           },
+     *           annotations: [{ content: 'Path Element' }]
+     *       }
+     *       ];
+     *       let connectors: ConnectorModel[] = [{
+     *           id: 'connector1',
+     *           type: 'Straight',
+     *           sourcePoint: { x: 100, y: 300 },
+     *           targetPoint: { x: 200, y: 400 },
+     *       }];
+     * let handle: UserHandleModel[] = [
+     * { name: 'handle', margin: { top: 0, bottom: 0, left: 0, right: 0 }, offset: 0,
+     * pathData: 'M 376.892,225.284L 371.279,211.95L 376.892,198.617L 350.225,211.95L 376.892,225.284 Z',
+     * side: 'Top', horizontalAlignment: 'Center', verticalAlignment: 'Center', 
+     * pathColor: 'yellow' }];
+     * let diagram: Diagram = new Diagram({
+     * ...
+     *     connectors: connectors, nodes: nodes,
+     *     selectedItems: { constraints: SelectorConstraints.All, userHandles: handle },
+     * ...
+     * });
+     * diagram.appendTo('#diagram');
+     * ```
+     * @default []
+     */
+    userHandles?: UserHandleModel[];
+
+    /**
+     * Controls the visibility of selector.
+     * * None - Hides all the selector elements
+     * * ConnectorSourceThumb - Shows/hides the source thumb of the connector
+     * * ConnectorTargetThumb - Shows/hides the target thumb of the connector
+     * * ResizeSouthEast - Shows/hides the bottom right resize handle of the selector
+     * * ResizeSouthWest - Shows/hides the bottom left resize handle of the selector
+     * * ResizeNorthEast - Shows/hides the top right resize handle of the selector
+     * * ResizeNorthWest - Shows/hides the top left resize handle of the selector
+     * * ResizeEast - Shows/hides the middle right resize handle of the selector
+     * * ResizeWest - Shows/hides the middle left resize handle of the selector
+     * * ResizeSouth - Shows/hides the bottom center resize handle of the selector
+     * * ResizeNorth - Shows/hides the top center resize handle of the selector
+     * * Rotate - Shows/hides the rotate handle of the selector
+     * * UserHandles - Shows/hides the user handles of the selector
+     * * Resize - Shows/hides all resize handles of the selector
+     * @default 'All'
+     * @aspNumberEnum
+     * @blazorNumberEnum
+     */
+    constraints?: SelectorConstraints;
+
+    /**
+     * setTooltipTemplate helps to customize the content of a tooltip
+     * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
+     * @default undefined
+     * @deprecated
+     */
+    setTooltipTemplate?: Function | string;
+
 }

src/diagram/objects/node.d.ts

@@ -10,6 +10,8 @@ /// <reference path="node-base-model.d.ts" />
 import { DiagramElement } from '../core/elements/diagram-element';
+import { RubberBandSelectionMode, ThumbsConstraints } from '../enum/enum';
 import { Port } from './port';
 import { PointPortModel } from './port-model';
+import { SelectorConstraints } from '../enum/enum';
 import { Annotation } from './annotation';
-import { ShapeAnnotationModel } from './annotation-model';
+import { ShapeAnnotationModel, PathAnnotationModel } from './annotation-model';
 import { HorizontalAlignment, VerticalAlignment, BpmnShapes, BpmnEvents, BpmnTriggers, BpmnGateways, NodeConstraints } from '../enum/enum';
@@ -32,2 +34,5 @@ import { BpmnDataObjects, BpmnTasks, BpmnSubProcessTypes, BpmnLoops } from '../enum/enum';
 import { Orientation, ContainerTypes, ClassifierShape } from '../enum/enum';
+import { ConnectorModel } from './connector-model';
+import { Diagram } from '../../diagram/diagram';
+import { UserHandleModel } from '../interaction/selector-model';
 /**
@@ -333,2 +338,3 @@ * Defines the behavior of default shape
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -629,2 +635,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -636,2 +643,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -643,2 +651,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -650,2 +659,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -916,2 +926,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -923,2 +934,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -930,2 +942,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -937,2 +950,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1309,2 +1323,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1331,2 +1346,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1338,2 +1354,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1345,2 +1362,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1352,2 +1370,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1359,2 +1378,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1366,2 +1386,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1394,2 +1415,3 @@ */
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -1443,2 +1465,3 @@ borderWidth: number;
      * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -1454,2 +1477,3 @@ constraints: NodeConstraints;
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1461,2 +1485,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default null
@@ -1478,2 +1503,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1485,2 +1511,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1492,2 +1519,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1499,2 +1527,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1506,2 +1535,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1513,2 +1543,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1733,2 +1764,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default Canvas
@@ -1740,2 +1772,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -1750,1 +1783,158 @@ */
 }
+/**
+ * Defines the size and position of selected items and defines the appearance of selector
+ */
+export declare class Selector extends ChildProperty<Selector> implements IElement {
+    /**
+     * Defines the size and position of the container
+     * @default null
+     */
+    wrapper: Container;
+    /**
+     * Defines the collection of selected nodes
+     */
+    nodes: NodeModel[];
+    /**
+     * Defines the collection of selected connectors
+     */
+    connectors: ConnectorModel[];
+    /**
+     * @private
+     */
+    annotation: ShapeAnnotationModel | PathAnnotationModel;
+    /**
+     * Sets/Gets the width of the container
+     * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
+     * @default undefined
+     */
+    width: number;
+    /**
+     * Sets/Gets the height of the container
+     * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
+     * @default undefined
+     */
+    height: number;
+    /**
+     * Sets the rotate angle of the container
+     * @default 0
+     * @isBlazorNullableType true
+     */
+    rotateAngle: number;
+    /**
+     * Sets the positionX of the container
+     * @default 0
+     * @isBlazorNullableType true
+     */
+    offsetX: number;
+    /**
+     * Sets the positionY of the container
+     * @default 0
+     * @isBlazorNullableType true
+     */
+    offsetY: number;
+    /**
+     * Sets the pivot of the selector
+     * @default { x: 0.5, y: 0.5 }
+     */
+    pivot: PointModel;
+    /**
+     * Defines how to pick the objects to be selected using rubber band selection
+     * * CompleteIntersect - Selects the objects that are contained within the selected region
+     * * PartialIntersect - Selects the objects that are partially intersected with the selected region
+     * @default 'CompleteIntersect'
+     */
+    rubberBandSelectionMode: RubberBandSelectionMode;
+    /**
+     * Defines the collection of user handle
+     * ```html
+     * <div id='diagram'></div>
+     * ```
+     * ```typescript
+     * let nodes: NodeModel[] = [{
+     *           id: 'node1', width: 100, height: 100, offsetX: 100, offsetY: 100,
+     *           annotations: [{ content: 'Default Shape' }]
+     *       },
+     *       {
+     *           id: 'node2', width: 100, height: 100, offsetX: 300, offsetY: 100,
+     *           shape: {
+     *               type: 'Basic', shape: 'Ellipse'
+     *           },
+     *           annotations: [{ content: 'Path Element' }]
+     *       }
+     *       ];
+     *       let connectors: ConnectorModel[] = [{
+     *           id: 'connector1',
+     *           type: 'Straight',
+     *           sourcePoint: { x: 100, y: 300 },
+     *           targetPoint: { x: 200, y: 400 },
+     *       }];
+     * let handle: UserHandleModel[] = [
+     * { name: 'handle', margin: { top: 0, bottom: 0, left: 0, right: 0 }, offset: 0,
+     * pathData: 'M 376.892,225.284L 371.279,211.95L 376.892,198.617L 350.225,211.95L 376.892,225.284 Z',
+     * side: 'Top', horizontalAlignment: 'Center', verticalAlignment: 'Center',
+     * pathColor: 'yellow' }];
+     * let diagram: Diagram = new Diagram({
+     * ...
+     *     connectors: connectors, nodes: nodes,
+     *     selectedItems: { constraints: SelectorConstraints.All, userHandles: handle },
+     * ...
+     * });
+     * diagram.appendTo('#diagram');
+     * ```
+     * @default []
+     */
+    userHandles: UserHandleModel[];
+    /**
+     * Controls the visibility of selector.
+     * * None - Hides all the selector elements
+     * * ConnectorSourceThumb - Shows/hides the source thumb of the connector
+     * * ConnectorTargetThumb - Shows/hides the target thumb of the connector
+     * * ResizeSouthEast - Shows/hides the bottom right resize handle of the selector
+     * * ResizeSouthWest - Shows/hides the bottom left resize handle of the selector
+     * * ResizeNorthEast - Shows/hides the top right resize handle of the selector
+     * * ResizeNorthWest - Shows/hides the top left resize handle of the selector
+     * * ResizeEast - Shows/hides the middle right resize handle of the selector
+     * * ResizeWest - Shows/hides the middle left resize handle of the selector
+     * * ResizeSouth - Shows/hides the bottom center resize handle of the selector
+     * * ResizeNorth - Shows/hides the top center resize handle of the selector
+     * * Rotate - Shows/hides the rotate handle of the selector
+     * * UserHandles - Shows/hides the user handles of the selector
+     * * Resize - Shows/hides all resize handles of the selector
+     * @default 'All'
+     * @aspNumberEnum
+     * @blazorNumberEnum
+     */
+    constraints: SelectorConstraints;
+    /**
+     * set the constraint of the container
+     * * Rotate - Enable Rotate Thumb
+     * * ConnectorSource - Enable Connector source point
+     * * ConnectorTarget - Enable Connector target point
+     * * ResizeNorthEast - Enable ResizeNorthEast Resize
+     * * ResizeEast - Enable ResizeEast Resize
+     * * ResizeSouthEast - Enable ResizeSouthEast Resize
+     * * ResizeSouth - Enable ResizeSouth Resize
+     * * ResizeSouthWest - Enable ResizeSouthWest Resize
+     * * ResizeWest - Enable ResizeWest Resize
+     * * ResizeNorthWest - Enable ResizeNorthWest Resize
+     * * ResizeNorth - Enable ResizeNorth Resize
+     * @private
+     * @aspNumberEnum
+     * @blazorNumberEnum
+     */
+    thumbsConstraints: ThumbsConstraints;
+    /**
+     * setTooltipTemplate helps to customize the content of a tooltip
+     * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
+     * @default undefined
+     * @deprecated
+     */
+    setTooltipTemplate: Function | string;
+    /**
+     * Initializes the UI of the container
+     */
+    init(diagram: Diagram): Container;
+}

src/diagram/objects/node.js

@@ -35,2 +35,3 @@ var __extends = (this && this.__extends) || (function () {
 import { PointPort } from './port';
+import { SelectorConstraints } from '../enum/enum';
 import { Annotation, ShapeAnnotation } from './annotation';
@@ -53,2 +54,4 @@ import { getPortShape, getIconShape } from './dictionary/common';
 import { initSwimLane } from './../utility/swim-lane-util';
+import { Connector } from './connector';
+import { UserHandle } from '../interaction/selector';
 var getShapeType = function (obj) {
@@ -1578,1 +1581,90 @@ switch (obj.type) {
 export { ChildContainer };
+/**
+ * Defines the size and position of selected items and defines the appearance of selector
+ */
+var Selector = /** @class */ (function (_super) {
+    __extends(Selector, _super);
+    function Selector() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * Initializes the UI of the container
+     */
+    Selector.prototype.init = function (diagram) {
+        var container = new Container();
+        container.measureChildren = false;
+        var consize = new Size();
+        container.children = [];
+        if (this.annotation) {
+            var object = (this.nodes.length > 0) ? diagram.nameTable[this.nodes[0].id].wrapper :
+                diagram.nameTable[this.connectors[0].id].wrapper;
+            var wrapper = diagram.getWrapper(object, this.annotation.id);
+            container.children.push(wrapper);
+        }
+        else {
+            if (this.nodes || this.connectors) {
+                for (var i = 0; i < this.nodes.length; i++) {
+                    var node = diagram.nameTable[this.nodes[i].id];
+                    var wrapper = node.wrapper;
+                    // this.width = wrapper.actualSize.width; 
+                    // this.height = wrapper.actualSize.height;
+                    // this.rotateAngle = wrapper.rotateAngle;
+                    // this.offsetX = wrapper.offsetX;
+                    // this.offsetY = wrapper.offsetY;
+                    container.children.push(wrapper);
+                }
+                for (var j = 0; j < this.connectors.length; j++) {
+                    var connector = diagram.nameTable[this.connectors[j].id];
+                    var wrapper = connector.wrapper;
+                    // this.width = wrapper.actualSize.width; this.height = wrapper.actualSize.height;
+                    // this.rotateAngle = wrapper.rotateAngle; this.offsetX = wrapper.offsetX;
+                    // this.offsetY = wrapper.offsetY;
+                    container.children.push(wrapper);
+                }
+            }
+        }
+        this.wrapper = container;
+        return container;
+    };
+    __decorate([
+        Property(null)
+    ], Selector.prototype, "wrapper", void 0);
+    __decorate([
+        Collection([], Node)
+    ], Selector.prototype, "nodes", void 0);
+    __decorate([
+        Collection([], Connector)
+    ], Selector.prototype, "connectors", void 0);
+    __decorate([
+        Property()
+    ], Selector.prototype, "width", void 0);
+    __decorate([
+        Property()
+    ], Selector.prototype, "height", void 0);
+    __decorate([
+        Property(0)
+    ], Selector.prototype, "rotateAngle", void 0);
+    __decorate([
+        Property(0)
+    ], Selector.prototype, "offsetX", void 0);
+    __decorate([
+        Property(0)
+    ], Selector.prototype, "offsetY", void 0);
+    __decorate([
+        Complex({ x: 0.5, y: 0.5 }, Point)
+    ], Selector.prototype, "pivot", void 0);
+    __decorate([
+        Property('CompleteIntersect')
+    ], Selector.prototype, "rubberBandSelectionMode", void 0);
+    __decorate([
+        Collection([], UserHandle)
+    ], Selector.prototype, "userHandles", void 0);
+    __decorate([
+        Property(SelectorConstraints.All)
+    ], Selector.prototype, "constraints", void 0);
+    __decorate([
+        Property()
+    ], Selector.prototype, "setTooltipTemplate", void 0);
+    return Selector;
+}(ChildProperty));
+export { Selector };

src/diagram/objects/port-model.d.ts

@@ -94,3 +94,4 @@ import { Property, Complex, ChildProperty } from '@syncfusion/ej2-base';import { ShapeStyle, Margin } from '../core/appearance';import { ShapeStyleModel, MarginModel } from '../core/appearance-model';import { Point } from '../primitives/point';import { PointModel } from '../primitives/point-model';import { HorizontalAlignment, VerticalAlignment, PortShapes, PortConstraints, PortVisibility } from '../enum/enum';
      * @default 'Connect'
-     * @aspNumberEnum 
+     * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -108,3 +109,4 @@ visibility?: PortVisibility;
      * @default 'Default'
-     * @aspNumberEnum 
+     * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -116,2 +118,3 @@ constraints?: PortConstraints;
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -118,0 +121,0 @@ */

src/diagram/objects/port.d.ts

@@ -88,2 +88,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';
      * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -100,2 +101,3 @@ visibility: PortVisibility;
      * @aspNumberEnum
+     * @blazorNumberEnum
      */
@@ -106,2 +108,3 @@ constraints: PortConstraints;
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -108,0 +111,0 @@ */

src/diagram/objects/snapping.d.ts

@@ -6,3 +6,3 @@ import { PointModel } from '../primitives/point-model';
 import { DiagramElement } from '../core/elements/diagram-element';
-import { SelectorModel } from '../interaction/selector-model';
+import { SelectorModel } from '../objects/node-model';
 /**
@@ -9,0 +9,0 @@ * Snapping

src/diagram/objects/snapping.js

@@ -5,3 +5,3 @@ import { Rect } from '../primitives/rect';
 import { Connector } from './connector';
-import { Selector } from '../interaction/selector';
+import { Selector } from '../objects/node';
 import { getBounds } from './../utility/base-util';
@@ -8,0 +8,0 @@ import { randomId } from './../utility/base-util';

src/diagram/objects/tooltip-model.d.ts

@@ -72,2 +72,3 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';import { Tooltip, AnimationModel, Position, TooltipEventArgs } from '@syncfusion/ej2-popups';import { TooltipRelativeMode, TooltipMode } from '../enum/enum';import { Diagram } from '../diagram';import { NodeModel } from './node-model';import { ConnectorModel } from './connector-model';
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default { open: { effect: 'FadeIn', duration: 150, delay: 0 }, close: { effect: 'FadeOut', duration: 150, delay: 0 } }
@@ -74,0 +75,0 @@ */

src/diagram/objects/tooltip.d.ts

@@ -69,2 +69,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default { open: { effect: 'FadeIn', duration: 150, delay: 0 }, close: { effect: 'FadeOut', duration: 150, delay: 0 } }
@@ -71,0 +72,0 @@ */

src/diagram/objects/undo-redo.js

@@ -421,3 +421,3 @@ import { Node } from './node';
         if (parentNode) {
-            addChildToContainer(diagram, parentNode, actualObject, !isRedo);
+            addChildToContainer(diagram, parentNode, actualObject, !isRedo, entry.historyAction === 'AddNodeToLane');
         }
@@ -424,0 +424,0 @@ else {

src/diagram/primitives/point-model.d.ts

@@ -11,2 +11,3 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -18,2 +19,3 @@ x?: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -20,0 +22,0 @@ y?: number;

src/diagram/primitives/point.d.ts

@@ -10,2 +10,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -16,2 +17,3 @@ x: number;
      * @default 0
+     * @isBlazorNullableType true
      */
@@ -18,0 +20,0 @@ y: number;

src/diagram/print-settings.js

@@ -771,2 +771,3 @@ import { Browser } from '@syncfusion/ej2-base';
             var ctx = canvas.getContext('2d');
+            ctx.fillStyle = 'transparent';
             ctx.fillRect(0, 0, bounds.width + (margin.left + margin.right), bounds.height + (margin.top + margin.bottom));
@@ -773,0 +774,0 @@ ctx.drawImage(img, bounds.x, bounds.y, bounds.width, bounds.height, margin.left, margin.top, bounds.width, bounds.height);

src/diagram/rendering/renderer.d.ts

@@ -15,3 +15,3 @@ import { DiagramElement } from '../core/elements/diagram-element';
 import { TransformFactor as Transforms } from '../interaction/scroller';
-import { SelectorModel } from '../interaction/selector-model';
+import { SelectorModel } from '../objects/node-model';
 import { IRenderer } from './../rendering/IRenderer';
@@ -18,0 +18,0 @@ import { OrthogonalSegment } from '../objects/connector';

src/diagram/utility/constraints-util.d.ts

@@ -8,3 +8,3 @@ import { Diagram } from '../diagram';
 import { PointPortModel } from './../objects/port-model';
-import { SelectorModel } from './../interaction/selector-model';
+import { SelectorModel } from './../objects/node-model';
 /**
@@ -24,2 +24,4 @@ * constraints-util module contains the common constraints
 /** @private */
+export declare function canEnableRouting(connector: Connector, diagram: Diagram): number;
+/** @private */
 export declare function canDragSourceEnd(connector: Connector): number;
@@ -26,0 +28,0 @@ /** @private */

src/diagram/utility/constraints-util.js

@@ -5,3 +5,3 @@ import { Node } from './../objects/node';
 import { Connector } from './../objects/connector';
-import { Selector } from './../interaction/selector';
+import { Selector } from './../objects/node';
 import { ShapeAnnotation, PathAnnotation } from '../objects/annotation';
@@ -85,2 +85,13 @@ /**
 /** @private */
+export function canEnableRouting(connector, diagram) {
+    var state = 0;
+    if (connector.constraints & ConnectorConstraints.LineRouting) {
+        state = connector.constraints & ConnectorConstraints.LineRouting;
+    }
+    else if (connector.constraints & ConnectorConstraints.InheritLineRouting) {
+        state = diagram.constraints & DiagramConstraints.LineRouting;
+    }
+    return state;
+}
+/** @private */
 export function canDragSourceEnd(connector) {
@@ -87,0 +98,0 @@ return connector.constraints & ConnectorConstraints.DragSourceEnd;

src/diagram/utility/diagram-util.d.ts

@@ -18,3 +18,4 @@ import { PointModel } from './../primitives/point-model';
 import { Intersection } from './connector';
-import { SelectorModel, UserHandleModel } from '../interaction/selector-model';
+import { SelectorModel } from '../objects/node-model';
+import { UserHandleModel } from '../interaction/selector-model';
 import { PointPortModel } from './../objects/port-model';
@@ -25,3 +26,3 @@ import { ShapeAnnotationModel, PathAnnotationModel, HyperlinkModel, AnnotationModel } from './../objects/annotation-model';
 import { SymbolPalette } from '../../symbol-palette/symbol-palette';
-import { Selector } from '../interaction/selector';
+import { Selector } from '../objects/node';
 import { Canvas } from '../core/containers/canvas';
@@ -44,2 +45,6 @@ /** @private */
 export declare function setUMLActivityDefaults(child: NodeModel | ConnectorModel, node: NodeModel | ConnectorModel): void;
+/**
+ * @private
+ */
+export declare function setConnectorDefaults(child: ConnectorModel, node: ConnectorModel): void;
 /** @private */
@@ -46,0 +51,0 @@ export declare function findNearestPoint(reference: PointModel, start: PointModel, end: PointModel): PointModel;

src/diagram/utility/dom-util.d.ts

@@ -15,3 +15,3 @@ import { PointModel } from '../primitives/point-model';
 /** @private */
-export declare function removeElementsByClass(className: string): void;
+export declare function removeElementsByClass(className: string, id?: string): void;
 /** @private */
@@ -18,0 +18,0 @@ export declare function findSegmentPoints(element: PathElement): PointModel[];

src/diagram/utility/dom-util.js

@@ -13,4 +13,10 @@ import { Rect } from '../primitives/rect';
 /** @private */
-export function removeElementsByClass(className) {
-    var elements = document.getElementsByClassName(className);
+export function removeElementsByClass(className, id) {
+    var elements;
+    if (id) {
+        elements = document.getElementById(id).getElementsByClassName(className);
+    }
+    else {
+        elements = document.getElementsByClassName(className);
+    }
     while (elements.length > 0) {
@@ -619,3 +625,3 @@ elements[0].parentNode.removeChild(elements[0]);
             var addInfo = 'addInfo';
-            content = element.diagramId + 'content_diagram';
+            content = node[id] + 'content_diagram';
             sentNode[id] = node[id];
@@ -641,8 +647,14 @@ sentNode[height] = node[height];
     if (typeof element.content === 'string') {
-        var compiledString = void 0;
-        compiledString = compile(element.content);
-        for (var _i = 0, _a = compiledString(sentNode, null, null, content); _i < _a.length; _i++) {
-            item = _a[_i];
-            div.appendChild(item);
+        var template = document.getElementById(element.content);
+        if (template) {
+            div.appendChild(template);
         }
+        else {
+            var compiledString = void 0;
+            compiledString = compile(element.content);
+            for (var _i = 0, _a = compiledString(sentNode, null, null, content); _i < _a.length; _i++) {
+                item = _a[_i];
+                div.appendChild(item);
+            }
+        }
     }
@@ -649,0 +661,0 @@ else {

src/diagram/utility/swim-lane-util.d.ts

@@ -11,3 +11,3 @@ import { Diagram } from '../diagram';
 import { HistoryEntry } from '../diagram/history';
-import { SelectorModel } from '../interaction/selector-model';
+import { SelectorModel } from '../objects/node-model';
 import { ClipBoardObject } from '../interaction/command-manager';
@@ -75,9 +75,9 @@ /**
 export declare function gridSelection(diagram: Diagram, selectorModel: SelectorModel, id?: string, isSymbolDrag?: boolean): Canvas;
-export declare function removeLaneChildNode(diagram: Diagram, swimLaneNode: NodeModel, currentObj: NodeModel, isChildNode?: NodeModel): void;
+export declare function removeLaneChildNode(diagram: Diagram, swimLaneNode: NodeModel, currentObj: NodeModel, isChildNode?: NodeModel, laneIndex?: number): void;
 export declare function getGridChildren(obj: DiagramElement): DiagramElement;
 export declare function removeSwimLane(diagram: Diagram, obj: NodeModel): void;
-export declare function removeLane(diagram: Diagram, lane: NodeModel, swimLane: NodeModel): void;
+export declare function removeLane(diagram: Diagram, lane: NodeModel, swimLane: NodeModel, lanes?: LaneModel): void;
 export declare function removeChildren(diagram: Diagram, canvas: Canvas): void;
-export declare function removePhase(diagram: Diagram, phase: NodeModel, swimLane: NodeModel): void;
-export declare function removeHorizontalPhase(diagram: Diagram, grid: GridPanel, phase: NodeModel): void;
+export declare function removePhase(diagram: Diagram, phase: NodeModel, swimLane: NodeModel, swimLanePhases?: PhaseModel): void;
+export declare function removeHorizontalPhase(diagram: Diagram, grid: GridPanel, phase: NodeModel, phaseIndex?: number): void;
 export declare function removeVerticalPhase(diagram: Diagram, grid: GridPanel, phase: NodeModel, phaseIndex: number, swimLane: NodeModel): void;
@@ -84,0 +84,0 @@ /**

src/overview/overview.js

@@ -112,2 +112,3 @@ var __extends = (this && this.__extends) || (function () {
         this.setParent(this.sourceID);
+        this.renderComplete();
     };
@@ -236,11 +237,17 @@ Overview.prototype.getSizeValue = function (real) {
         if (eWidth === 0) {
-            eWidth = Math.floor(((window.innerWidth - screenX) - Math.floor(bRect.left)));
+            var widthValue = Math.floor(((window.innerWidth - screenX) - Math.floor(bRect.left)));
+            eWidth = widthValue > 0 ? widthValue : Math.floor(window.innerWidth);
         }
         if (eHeight === 0) {
-            eHeight = Math.floor(((window.innerHeight - screenY) - Math.floor(bRect.top)));
+            var heightValue = Math.floor(((window.innerHeight - screenY) - Math.floor(bRect.top)));
+            eHeight = heightValue > 0 ? heightValue : Math.floor(window.innerHeight);
         }
-        svg.setAttribute('width', String(eWidth));
-        svg.setAttribute('height', String(eHeight));
-        this.model.width = eWidth;
-        this.model.height = eHeight;
+        if (eWidth > 0) {
+            svg.setAttribute('width', String(eWidth));
+            this.model.height = eHeight;
+        }
+        if (eHeight > 0) {
+            svg.setAttribute('height', String(eHeight));
+            this.model.width = eWidth;
+        }
         var attributes;
@@ -247,0 +254,0 @@ if (!view.diagramLayerDiv) {

src/ruler/ruler-model.d.ts

@@ -49,2 +49,3 @@ import { Component, Property } from '@syncfusion/ej2-base';import { INotifyPropertyChanged } from '@syncfusion/ej2-base';import { createSvgElement, createHtmlElement, setAttributeSvg } from '../diagram/utility/dom-util';import { Size } from '../diagram/primitives/size';import { IArrangeTickOptions } from './objects/interface/interfaces';import { PointModel } from '../diagram/primitives/point-model';import { getFunction } from '../diagram/utility/base-util';
      * @default null
+     * @deprecated
      */
@@ -51,0 +52,0 @@ arrangeTick?: Function | string;

src/ruler/ruler.d.ts

@@ -59,2 +59,3 @@ import { Component } from '@syncfusion/ej2-base';
      * @default null
+     * @deprecated
      */
@@ -61,0 +62,0 @@ arrangeTick: Function | string;

src/ruler/ruler.js

@@ -63,2 +63,3 @@ var __extends = (this && this.__extends) || (function () {
         this.updateRulerGeometry();
+        this.renderComplete();
     };
@@ -65,0 +66,0 @@ /**

src/symbol-palette/symbol-palette-model.d.ts

@@ -18,2 +18,3 @@ import { Component, Property, Complex, CollectionFactory, ChildProperty, Event } from '@syncfusion/ej2-base';import { Browser, EventHandler, Draggable, INotifyPropertyChanged, Collection, ModuleDeclaration } from '@syncfusion/ej2-base';import { remove, EmitType } from '@syncfusion/ej2-base';import { Accordion, AccordionItemModel, ExpandMode, ExpandEventArgs } from '@syncfusion/ej2-navigations';import { NodeModel, ConnectorModel, Node, Connector, Shape, Size, Transform, SwimLane, PathModel } from '../diagram/index';import { DiagramRenderer, Container, StackPanel, Margin, BpmnDiagrams, ShapeStyleModel, TextStyleModel } from '../diagram/index';import { DiagramElement, TextElement, MarginModel, Canvas, BpmnShape, PointModel, IElement } from '../diagram/index';import { TextWrap, TextOverflow, IPaletteSelectionChangeArgs, HeaderModel, SwimLaneModel } from '../diagram/index';import { SvgRenderer } from '../diagram/rendering/svg-renderer';import { parentsUntil, createSvgElement, createHtmlElement, createMeasureElements } from '../diagram/utility/dom-util';import { removeElementsByClass } from '../diagram/utility/dom-util';import { scaleElement, arrangeChild, groupHasType, setUMLActivityDefaults } from '../diagram/utility/diagram-util';import { getFunction, randomId } from '../diagram/utility/base-util';import { getOuterBounds } from '../diagram/utility/connector';import { Point } from '../diagram/primitives/point';import { CanvasRenderer } from '../diagram/rendering/canvas-renderer';import { Rect } from '../diagram/primitives/rect';
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -57,2 +58,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -65,2 +67,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -153,2 +156,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -162,2 +166,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -171,2 +176,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -179,2 +185,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -199,2 +206,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -201,0 +209,0 @@ */

src/symbol-palette/symbol-palette.d.ts

@@ -22,2 +22,3 @@ import { Component, ChildProperty } from '@syncfusion/ej2-base';
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -56,2 +57,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -63,2 +65,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -111,2 +114,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -159,2 +163,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -167,2 +172,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -175,2 +181,3 @@ * @deprecated
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -182,2 +189,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -199,2 +207,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -253,2 +262,5 @@ */
     private laneTable;
+    private isExpand;
+    private isExpandMode;
+    private isMethod;
     /**
@@ -384,2 +396,3 @@ * Constructor for creating the component
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -391,2 +404,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -423,2 +437,3 @@ */
      * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
      * @default undefined
@@ -425,0 +440,0 @@ */

src/symbol-palette/symbol-palette.js

@@ -124,2 +124,5 @@ var __extends = (this && this.__extends) || (function () {
         _this.laneTable = {};
+        _this.isExpand = false;
+        _this.isExpandMode = false;
+        _this.isMethod = false;
         /**
@@ -207,3 +210,3 @@ * helper method for draggable
                                 this.accordionElement.items[index].expanded = newProp.palettes[index].expanded;
-                                refresh = true;
+                                this.isExpand = true;
                             }
@@ -213,2 +216,5 @@ else {
                             }
+                            if (!this.isExpandMode && !this.isMethod && !this.isExpand) {
+                                this.isExpand = true;
+                            }
                         }
@@ -228,2 +234,3 @@ }
                     refresh = true;
+                    this.isExpandMode = true;
                     break;
@@ -246,2 +253,16 @@ case 'allowDrag':
         }
+        if (this.isExpand && !refresh) {
+            this.refresh();
+            this.isExpand = false;
+            for (var p = 0; p < this.palettes.length; p++) {
+                var paletteElement = this.palettes[p].id;
+                if (window[paletteElement]) {
+                    if (window[paletteElement].length > 1) {
+                        window[paletteElement][1].parentNode.removeChild(window[paletteElement][1]);
+                        window[paletteElement][1] = null;
+                    }
+                }
+            }
+        }
+        this.isMethod = false;
     };
@@ -297,2 +318,3 @@ /**
         this.accordionElement.appendTo('#' + this.element.id + '_container');
+        this.renderComplete();
     };
@@ -620,4 +642,10 @@ /**
             stackPanel.style.fill = stackPanel.style.strokeColor = 'transparent';
-            stackPanel.offsetX = symbol.style.strokeWidth / 2;
-            stackPanel.offsetY = symbol.style.strokeWidth / 2;
+            if (symbol instanceof Node) {
+                stackPanel.offsetX = symbol.style.strokeWidth / 2;
+                stackPanel.offsetY = symbol.style.strokeWidth / 2;
+            }
+            else {
+                stackPanel.offsetX = 0.5;
+                stackPanel.offsetY = 0.5;
+            }
             //symbol description-textElement
@@ -960,2 +988,3 @@ this.getSymbolDescription(symbolInfo, width, stackPanel);
     SymbolPalette.prototype.mouseUp = function (evt) {
+        this.isMethod = true;
         if (evt && evt.target) {
@@ -1199,3 +1228,3 @@ if (evt.srcElement.id === 'iconSearch') {
         this.accordionElement.items = [];
-        removeElementsByClass('e-remove-palette');
+        removeElementsByClass('e-remove-palette', this.element.id);
         this.updatePalettes();
@@ -1202,0 +1231,0 @@ this.accordionElement.dataBind();

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

24999512

increased by2.12%

Number of package files

279

increased by0.72%

Lines of code

184245

increased by1.71%

Dependency changes

• + Added@syncfusion/ej2-base@17.2.29-beta(transitive)

• + Added@syncfusion/ej2-buttons@17.2.29-beta(transitive)

• + Added@syncfusion/ej2-data@17.2.29-beta(transitive)

• + Added@syncfusion/ej2-icons@17.2.29-beta(transitive)

• + Added@syncfusion/ej2-inputs@17.2.29-beta(transitive)

• + Added@syncfusion/ej2-lists@17.2.29-beta(transitive)

• + Added@syncfusion/ej2-navigations@17.2.29-beta(transitive)

• + Added@syncfusion/ej2-popups@17.2.29-beta(transitive)

• + Added@syncfusion/ej2-splitbuttons@17.2.29-beta(transitive)

• - Removed@syncfusion/ej2-base@17.2.49(transitive)

• - Removed@syncfusion/ej2-buttons@17.2.47(transitive)

• - Removed@syncfusion/ej2-data@17.2.47(transitive)

• - Removed@syncfusion/ej2-icons@17.2.47(transitive)

• - Removed@syncfusion/ej2-inputs@17.2.52(transitive)

• - Removed@syncfusion/ej2-lists@17.2.47(transitive)

• - Removed@syncfusion/ej2-navigations@17.2.49(transitive)

• - Removed@syncfusion/ej2-popups@17.2.47(transitive)

• - Removed@syncfusion/ej2-splitbuttons@17.2.47(transitive)

• Updated@syncfusion/ej2-base@17.2.29-beta

• Updated@syncfusion/ej2-buttons@17.2.29-beta

• Updated@syncfusion/ej2-data@17.2.29-beta

• Updated@syncfusion/ej2-inputs@17.2.29-beta

• Updated@syncfusion/ej2-lists@17.2.29-beta

• Updated@syncfusion/ej2-navigations@17.2.29-beta

• Updated@syncfusion/ej2-popups@17.2.29-beta