@syncfusion/ej2-diagrams - npm Package Compare versions

Comparing version 22.2.12 to 23.1.36

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 22.2.12
+*  version : 23.1.36
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-diagrams@*",
-  "_id": "@syncfusion/ej2-diagrams@22.2.11",
+  "_id": "@syncfusion/ej2-diagrams@19.15.4",
   "_inBundle": false,
-  "_integrity": "sha512-URx41STvCklUTu5lkrb1V6RHhL1sEYAE6WhAllgxQRWbPtdV5o1RHKE5ofXvjL1k5CgbeCXfM8Lfg70hPupQJw==",
+  "_integrity": "sha512-W204c2tFRyZOsZT8czZUmhTkdK7grVkC5I/hJJOmvIZnU+1VpVQ3XetK+SEAZ3gNwBVf9N16NeBtwnfxAZzYJg==",
   "_location": "/@syncfusion/ej2-diagrams",
@@ -26,6 +26,6 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-diagrams/-/ej2-diagrams-22.2.11.tgz",
-  "_shasum": "08045f8513436d9ac2e6c6f5af085c143fb20cf1",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-diagrams/-/ej2-diagrams-19.15.4.tgz",
+  "_shasum": "9be4633a98193dda70b75baa717dd52606937ec0",
   "_spec": "@syncfusion/ej2-diagrams@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -39,9 +39,9 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.12",
-    "@syncfusion/ej2-buttons": "~22.2.9",
-    "@syncfusion/ej2-data": "~22.2.5",
-    "@syncfusion/ej2-inputs": "~22.2.12",
-    "@syncfusion/ej2-lists": "~22.2.11",
-    "@syncfusion/ej2-navigations": "~22.2.11",
-    "@syncfusion/ej2-popups": "~22.2.11"
+    "@syncfusion/ej2-base": "~23.1.36",
+    "@syncfusion/ej2-buttons": "~23.1.36",
+    "@syncfusion/ej2-data": "~23.1.36",
+    "@syncfusion/ej2-inputs": "~23.1.36",
+    "@syncfusion/ej2-lists": "~23.1.36",
+    "@syncfusion/ej2-navigations": "~23.1.36",
+    "@syncfusion/ej2-popups": "~23.1.36"
   },
@@ -78,4 +78,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "22.2.12",
+  "version": "23.1.36",
   "sideEffects": true
 }

src/diagram/core/containers/container.js

@@ -164,5 +164,10 @@ var __extends = (this && this.__extends) || (function () {
                         child.arrange(child.desiredSize);
-                        //EJ2-839298 - Connector draw cursor is not enabled while hover the group node port
+                    }
+                    //EJ2-839298 - Connector draw cursor is not enabled while hover the group node port
+                    if (i == 0) {
                         this.outerBounds = child.outerBounds;
                     }
+                    else {
+                        this.outerBounds.uniteRect(child.outerBounds);
+                    }
                 }
@@ -169,0 +174,0 @@ }

src/diagram/diagram-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, Property, Complex, Collection, EventHandler, L10n, Droppable, remove, Ajax, isBlazor, blazorTemplates, Fetch } from '@syncfusion/ej2-base';import { isNullOrUndefined } 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, IKeyDownType } 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, IElementDrawEventArgs, IMouseWheelEventArgs, ISegmentChangeEventArgs, ILoadEventArgs } from './objects/interface/IElement';import { IClickEventArgs, ScrollValues, FixedUserHandleClickEventArgs } from './objects/interface/IElement';import { ChangedObject, IBlazorTextEditEventArgs, DiagramEventObject, DiagramEventAnnotation } from './objects/interface/IElement';import { IBlazorDragLeaveEventArgs } from './objects/interface/IElement';import { UserHandleEventsArgs } from './objects/interface/IElement';import { IBlazorDropEventArgs, IBlazorScrollChangeEventArgs, IKeyEventArgs } from './objects/interface/IElement';import { DiagramEventObjectCollection, IBlazorCollectionChangeEventArgs } from './objects/interface/IElement';import { ICommandExecuteEventArgs, IBlazorDragEnterEventArgs } from './objects/interface/IElement';import { ISizeChangeEventArgs, IConnectionChangeEventArgs, IEndChangeEventArgs, IDoubleClickEventArgs } from './objects/interface/IElement';import { ICollectionChangeEventArgs, IPropertyChangeEventArgs, IDraggingEventArgs, IRotationEventArgs } from './objects/interface/IElement';import { ISegmentCollectionChangeEventArgs, IBlazorPropertyChangeEventArgs } from './objects/interface/IElement';import { IDragEnterEventArgs, IDragLeaveEventArgs, IDragOverEventArgs, IDropEventArgs } from './objects/interface/IElement';import { ITextEditEventArgs, IHistoryChangeArgs, IScrollChangeEventArgs } from './objects/interface/IElement';import { IMouseEventArgs, IBlazorHistoryChangeArgs } from './objects/interface/IElement';import { IBlazorCustomHistoryChangeArgs, IImageLoadEventArgs } 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, DiagramShape, UmlActivityShape, FlowShape, BasicShape } from './objects/node';import { cloneBlazorObject, cloneSelectedObjects, findObjectIndex, selectionHasConnector } from './utility/diagram-util';import { checkBrowserInfo } from './utility/diagram-util';import { updateDefaultValues, getCollectionChangeEventArguements } from './utility/diagram-util';import { flipConnector, updatePortEdges, alignElement, setConnectorDefaults, getPreviewSize } from './utility/diagram-util';import { Segment } from './interaction/scroller';import { Connector, BezierSegment } from './objects/connector';import { ConnectorModel, BpmnFlowModel, OrthogonalSegmentModel } 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, ScrollActions } from './enum/enum';import { RendererAction, State } from './enum/enum';import { BlazorAction } 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, HistoryChangeAction } 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, getChild } from './utility/diagram-util';import { Rect } from './primitives/rect';import { getPortShape } from './objects/dictionary/common';import { PointPortModel, PortModel } 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, Text } 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 } from '@syncfusion/ej2-navigations';import { setAttributeSvg, setAttributeHtml, measureHtmlText, removeElement, createMeasureElements, getDomIndex } from './utility/dom-util';import { getDiagramElement, getScrollerWidth, getHTMLLayer, createUserHandleTemplates } from './utility/dom-util';import { getBackgroundLayer, createHtmlElement, createSvgElement, getNativeLayerSvg, getUserHandleLayer } from './utility/dom-util';import { getPortLayerSvg, getDiagramLayerSvg, applyStyleAgainstCsp } 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, canMultiSelect } from './utility/constraints-util';import { canDragSourceEnd, canDragTargetEnd, canDragSegmentThumb, enableReadOnly, canMove } from './utility/constraints-util';import { findAnnotation, arrangeChild, getInOutConnectPorts, removeChildNodes, canMeasureDecoratorPath } 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, StopModel } 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 { CustomCursorAction } from './diagram/custom-cursor';import { CustomCursorActionModel } from './diagram/custom-cursor-model';import { SymbolSizeModel } from './../diagram/objects/preview-model';import { LineRouting } from './interaction/line-routing';import { LineDistribution } from './interaction/line-distribution';import { DiagramSettingsModel } from '../diagram/diagram-settings-model';import { DiagramSettings } from '../diagram/diagram-settings';import { BlazorTooltip } from './blazor-tooltip/blazor-Tooltip';import { StackPanel } from './core/containers/stack-panel';import { UserHandleModel } from './interaction/selector-model';import { ConnectorFixedUserHandle, NodeFixedUserHandle } from './objects/fixed-user-handle';import { NodeFixedUserHandleModel, ConnectorFixedUserHandleModel, FixedUserHandleModel } from './objects/fixed-user-handle-model';import { LinearGradient, RadialGradient } from './core/appearance';import { SegmentThumbShapes } from './enum/enum';import { Point } from './primitives/point';import { EJ1SerializationModule } from './load-utility/modelProperties';import { NodeProperties } from './load-utility/nodeProperties';import { ConnectorProperties } from './load-utility/connectorProperties';import { PortProperties } from './load-utility/portProperties';import { LabelProperties } from './load-utility/labelProperties';
+import { Component, Property, Complex, Collection, EventHandler, L10n, Droppable, remove, Ajax, isBlazor, blazorTemplates, Fetch } from '@syncfusion/ej2-base';import { isNullOrUndefined } 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, IKeyDownType } 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, IElementDrawEventArgs, IMouseWheelEventArgs, ISegmentChangeEventArgs, ILoadEventArgs } from './objects/interface/IElement';import { IClickEventArgs, ScrollValues, FixedUserHandleClickEventArgs } from './objects/interface/IElement';import { ChangedObject, IBlazorTextEditEventArgs, DiagramEventObject, DiagramEventAnnotation } from './objects/interface/IElement';import { IBlazorDragLeaveEventArgs } from './objects/interface/IElement';import { UserHandleEventsArgs } from './objects/interface/IElement';import { IBlazorDropEventArgs, IBlazorScrollChangeEventArgs, IKeyEventArgs } from './objects/interface/IElement';import { DiagramEventObjectCollection, IBlazorCollectionChangeEventArgs } from './objects/interface/IElement';import { ICommandExecuteEventArgs, IBlazorDragEnterEventArgs } from './objects/interface/IElement';import { ISizeChangeEventArgs, IConnectionChangeEventArgs, IEndChangeEventArgs, IDoubleClickEventArgs } from './objects/interface/IElement';import { ICollectionChangeEventArgs, IPropertyChangeEventArgs, IDraggingEventArgs, IRotationEventArgs } from './objects/interface/IElement';import { ISegmentCollectionChangeEventArgs, IBlazorPropertyChangeEventArgs } from './objects/interface/IElement';import { IDragEnterEventArgs, IDragLeaveEventArgs, IDragOverEventArgs, IDropEventArgs } from './objects/interface/IElement';import { ITextEditEventArgs, IHistoryChangeArgs, IScrollChangeEventArgs } from './objects/interface/IElement';import { IMouseEventArgs, IBlazorHistoryChangeArgs } from './objects/interface/IElement';import { IBlazorCustomHistoryChangeArgs, IImageLoadEventArgs } from './objects/interface/IElement';import { StackEntryObject, IExpandStateChangeEventArgs } from './objects/interface/IElement';import { ZoomOptions, IPrintOptions, IExportOptions, IFitOptions, ActiveLabel, IEditSegmentOptions } from './objects/interface/interfaces';import { View, IDataSource, IFields } from './objects/interface/interfaces';import { Container } from './core/containers/container';import { Node, BpmnShape, BpmnAnnotation, SwimLane, Path, DiagramShape, UmlActivityShape, FlowShape, BasicShape } from './objects/node';import { cloneBlazorObject, cloneSelectedObjects, findObjectIndex, selectionHasConnector } from './utility/diagram-util';import { checkBrowserInfo } from './utility/diagram-util';import { updateDefaultValues, getCollectionChangeEventArguements } from './utility/diagram-util';import { flipConnector, updatePortEdges, alignElement, setConnectorDefaults, getPreviewSize } from './utility/diagram-util';import { Segment } from './interaction/scroller';import { Connector, BezierSegment, StraightSegment } from './objects/connector';import { ConnectorModel, BpmnFlowModel, OrthogonalSegmentModel } 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, ScrollActions } from './enum/enum';import { RendererAction, State } from './enum/enum';import { BlazorAction } 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, HistoryChangeAction } 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, getChild } from './utility/diagram-util';import { Rect } from './primitives/rect';import { getPortShape } from './objects/dictionary/common';import { PathPortModel, PointPortModel, PortModel } 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, Text } 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, contains, 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 } from '@syncfusion/ej2-navigations';import { setAttributeSvg, setAttributeHtml, measureHtmlText, removeElement, createMeasureElements, getDomIndex } from './utility/dom-util';import { getDiagramElement, getScrollerWidth, getHTMLLayer, createUserHandleTemplates } from './utility/dom-util';import { getBackgroundLayer, createHtmlElement, createSvgElement, getNativeLayerSvg, getUserHandleLayer } from './utility/dom-util';import { getPortLayerSvg, getDiagramLayerSvg, applyStyleAgainstCsp } 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, canMultiSelect } from './utility/constraints-util';import { canDragSourceEnd, canDragTargetEnd, canDragSegmentThumb, enableReadOnly, canMove } from './utility/constraints-util';import { findAnnotation, arrangeChild, getInOutConnectPorts, removeChildNodes, canMeasureDecoratorPath } 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, StopModel } 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, PathPort } 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 { CustomCursorAction } from './diagram/custom-cursor';import { CustomCursorActionModel } from './diagram/custom-cursor-model';import { SymbolSizeModel } from './../diagram/objects/preview-model';import { LineRouting } from './interaction/line-routing';import { LineDistribution } from './interaction/line-distribution';import { DiagramSettingsModel } from '../diagram/diagram-settings-model';import { DiagramSettings } from '../diagram/diagram-settings';import { BlazorTooltip } from './blazor-tooltip/blazor-Tooltip';import { StackPanel } from './core/containers/stack-panel';import { UserHandleModel } from './interaction/selector-model';import { ConnectorFixedUserHandle, NodeFixedUserHandle } from './objects/fixed-user-handle';import { NodeFixedUserHandleModel, ConnectorFixedUserHandleModel, FixedUserHandleModel } from './objects/fixed-user-handle-model';import { LinearGradient, RadialGradient } from './core/appearance';import { SegmentThumbShapes } from './enum/enum';import { Point } from './primitives/point';import { EJ1SerializationModule } from './load-utility/modelProperties';import { NodeProperties } from './load-utility/nodeProperties';import { ConnectorProperties } from './load-utility/connectorProperties';import { PortProperties } from './load-utility/portProperties';import { LabelProperties } from './load-utility/labelProperties';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -50,3 +50,3 @@
      *
-     * @default 'Rhombus'
+     * @default 'Circle'
      */
@@ -53,0 +53,0 @@ segmentThumbShape?: SegmentThumbShapes;

src/diagram/enum/enum.js

@@ -175,2 +175,3 @@ /**
  * * ReadOnly - Enables ReadOnly
+ * * InheritSegmentThumbShape - Enables or disables to inherit the value of segmentThumbShape
  * * Default - Default features of the connector.
@@ -225,4 +226,6 @@ *
     ConnectorConstraints[ConnectorConstraints["ConnectToNearByElement"] = 393216] = "ConnectToNearByElement";
+    /**Enables or disables to inherit the value of segmentThumbShape */
+    ConnectorConstraints[ConnectorConstraints["InheritSegmentThumbShape"] = 524288] = "InheritSegmentThumbShape";
     /** Enables all constraints. */
-    ConnectorConstraints[ConnectorConstraints["Default"] = 470590] = "Default";
+    ConnectorConstraints[ConnectorConstraints["Default"] = 994878] = "Default";
 })(ConnectorConstraints || (ConnectorConstraints = {}));
@@ -229,0 +232,0 @@ /**

src/diagram/interaction/actions.d.ts

@@ -0,1 +1,2 @@
+import { ConnectorModel } from '../objects/connector-model';
 import { Diagram } from '../diagram';
@@ -6,3 +7,3 @@ import { PointModel } from '../primitives/point-model';
 import { ITouches } from '../objects/interface/interfaces';
-import { PointPortModel } from './../objects/port-model';
+import { PointPortModel, PortModel } from './../objects/port-model';
 import { ShapeAnnotationModel, PathAnnotationModel } from '../objects/annotation-model';
@@ -26,3 +27,3 @@ /**
  */
-export declare function findToolToActivate(obj: Object, wrapper: DiagramElement, position: PointModel, diagram: Diagram, touchStart?: ITouches[] | TouchList, touchMove?: ITouches[] | TouchList, target?: NodeModel | PointPortModel | ShapeAnnotationModel | PathAnnotationModel): Actions;
+export declare function findToolToActivate(obj: Object, wrapper: DiagramElement, position: PointModel, diagram: Diagram, touchStart?: ITouches[] | TouchList, touchMove?: ITouches[] | TouchList, target?: NodeModel | ConnectorModel | PointPortModel | ShapeAnnotationModel | PathAnnotationModel): Actions;
 /**
@@ -38,3 +39,3 @@ * findPortToolToActivate method\
  */
-export declare function findPortToolToActivate(diagram: Diagram, target?: NodeModel | PointPortModel, touchStart?: ITouches[] | TouchList, touchMove?: ITouches[] | TouchList): Actions;
+export declare function findPortToolToActivate(diagram: Diagram, target?: NodeModel | PortModel | PointPortModel, touchStart?: ITouches[] | TouchList, touchMove?: ITouches[] | TouchList): Actions;
 /**
@@ -41,0 +42,0 @@ * contains method\

src/diagram/interaction/actions.js

@@ -13,3 +13,3 @@ import { Connector } from '../objects/connector';
 import { Selector } from '../objects/node';
-import { PointPort } from './../objects/port';
+import { PathPort, PointPort } from './../objects/port';
 import { ShapeAnnotation, PathAnnotation } from '../objects/annotation';
@@ -142,3 +142,3 @@ import { checkParentAsContainer } from '../interaction/container-interaction';
     //826364 - Drawing Tool is not activated on hovering the ports while both ZoomPan and single select constraints enabled
-    if ((target instanceof PointPort) && (!canZoomPan(diagram) || (canSingleSelect(diagram) || canMultiSelect(diagram)))) {
+    if ((target instanceof PointPort || target instanceof PathPort) && (!canZoomPan(diagram) || (canSingleSelect(diagram) || canMultiSelect(diagram)))) {
         var action = findPortToolToActivate(diagram, target);
@@ -145,0 +145,0 @@ if (action !== 'None') {

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

@@ -23,3 +23,3 @@ import { IElement, IConnectionChangeEventArgs } from '../objects/interface/IElement';
 import { ShapeAnnotation, PathAnnotation } from '../objects/annotation';
-import { PointPort } from '../objects/port';
+import { PathPort, PointPort } from '../objects/port';
 import { DeepDiffMapper } from '../utility/diff-map';
@@ -205,3 +205,3 @@ import { NodeModel } from '../objects/node-model';
      */
-    findTarget(element: DiagramElement, argsTarget: IElement, source?: boolean, connection?: boolean): NodeModel | PointPortModel | ShapeAnnotationModel | PathAnnotationModel;
+    findTarget(element: DiagramElement, argsTarget: IElement, source?: boolean, connection?: boolean): NodeModel | ConnectorModel | PointPortModel | ShapeAnnotationModel | PathAnnotationModel;
     /**
@@ -889,2 +889,3 @@ * canDisconnect method\
     private updatePathAnnotationOffset;
+    private updatePortOffset;
     private getRelativeOffset;
@@ -903,2 +904,4 @@ private dragLimitValue;
     /** @private */
+    getConnectorPortChanges(object: NodeModel | ConnectorModel, label: PathPort): Object;
+    /** @private */
     getPortChanges(object: NodeModel | ConnectorModel, port: PointPort): Object;
@@ -905,0 +908,0 @@ /** @private */

src/diagram/interaction/connector-editing.d.ts

@@ -0,1 +1,3 @@
+import { PointModel } from '../primitives/point-model';
+import { ConnectorModel } from '../objects/connector-model';
 import { CommandHandler } from './command-manager';
@@ -40,3 +42,12 @@ import { MouseEventArgs } from './event-handlers';
     private removeNextSegment;
-    private addOrRemoveSegment;
+    /**
+     * addOrRemoveSegment method Used to add or remove intermediate segments to the straight connector. \
+     *
+     * @returns {void} addOrRemoveSegment method Used to add or remove intermediate segments to the straight connector.
+     * @param {ConnectorModel} connector - provide the connector value in which segment to be added/removed.
+     * @param {PointModel} point - provide the mouse clicked position as a point of the segment
+     * @param {CommandHandler} commandHandler - provide the CommandHandler value that defines the behavior of commands
+     * @private
+     */
+    addOrRemoveSegment(connector: ConnectorModel, point: PointModel, commandHandler?: CommandHandler): void;
     private findIndex;
@@ -43,0 +54,0 @@ private dragOrthogonalSegment;

src/diagram/interaction/connector-editing.js

@@ -324,3 +324,12 @@ var __extends = (this && this.__extends) || (function () {
     };
-    ConnectorEditing.prototype.addOrRemoveSegment = function (connector, point) {
+    /**
+     * addOrRemoveSegment method Used to add or remove intermediate segments to the straight connector. \
+     *
+     * @returns {void} addOrRemoveSegment method Used to add or remove intermediate segments to the straight connector.
+     * @param {ConnectorModel} connector - provide the connector value in which segment to be added/removed.
+     * @param {PointModel} point - provide the mouse clicked position as a point of the segment
+     * @param {CommandHandler} commandHandler - provide the CommandHandler value that defines the behavior of commands
+     * @private
+     */
+    ConnectorEditing.prototype.addOrRemoveSegment = function (connector, point, commandHandler) {
         var updateSeg;
@@ -336,2 +345,6 @@ var segmentIndex;
         }
+        //827745-support to edit Segment for Straight connector at runtime
+        if (!this.commandHandler) {
+            this.commandHandler = commandHandler;
+        }
         if (updateSeg && segmentIndex !== undefined) {
@@ -338,0 +351,0 @@ if (connector.segments && connector.segments[parseInt(segmentIndex.toString(), 10)] && connector.segments[parseInt(segmentIndex.toString(), 10)].type === 'Straight') {

src/diagram/interaction/event-handlers.d.ts

@@ -44,2 +44,3 @@ import { PointModel } from '../primitives/point-model';
     private isScrolling;
+    private isSwimlaneSelected;
     private initialEventArgs;
@@ -151,3 +152,3 @@ /** @private */
     /** @private */
-    findActionToBeDone(obj: NodeModel | ConnectorModel, wrapper: DiagramElement, position: PointModel, target?: NodeModel | PointPortModel | ShapeAnnotationModel | PathAnnotationModel): Actions;
+    findActionToBeDone(obj: NodeModel | ConnectorModel, wrapper: DiagramElement, position: PointModel, target?: NodeModel | ConnectorModel | PointPortModel | ShapeAnnotationModel | PathAnnotationModel): Actions;
     private updateContainerBounds;
@@ -154,0 +155,0 @@ private updateContainerProperties;

src/diagram/interaction/scroller.js

@@ -831,2 +831,3 @@ import { Rect } from '../primitives/rect';
             // Bug 829925: Scroll bar flickers on scrolling the diagram using touchpad.
+            // Added below code to get the page bounds based on the scroll.
             bounds = bounds || isTrackpadScroll ? this.getPageBounds() : this.getPageBounds(true);
@@ -833,0 +834,0 @@ bounds.x *= this.currentZoom;

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

@@ -1,2 +0,2 @@
-import { Property, Complex, Collection, ChildProperty, ComplexFactory, CollectionFactory, isBlazor, compile as baseTemplateCompiler } 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, ControlPointsVisibility, BezierSegmentEditOrientation, Orientation } from '../enum/enum';import { Direction, LayoutOrientation, Status, PortConstraints, BezierSmoothness } from '../enum/enum';import { Rect } from '../primitives/rect';import { Size } from '../primitives/size';import { getAnnotationPosition, alignLabelOnSegments, updateConnector } from '../utility/diagram-util';import { setUMLActivityDefaults, initfixedUserHandlesSymbol } 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, DiagramAction } from '../enum/enum';import { ConnectionShapes, UmlActivityFlows, BpmnFlows, BpmnMessageFlows, BpmnSequenceFlows, BpmnAssociationFlows } from '../enum/enum';import { SegmentInfo, Alignment, IReactDiagram } 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 { getTemplateContent } from '../utility/dom-util';import { SymbolSizeModel } from './preview-model';import { SymbolSize } from './preview';import { ConnectorFixedUserHandle } from './fixed-user-handle';import { ConnectorFixedUserHandleModel } from './fixed-user-handle-model';import { ResizeTool } from '../interaction/tool';
+import { Property, Complex, Collection, ChildProperty, ComplexFactory, CollectionFactory, isBlazor, compile as baseTemplateCompiler } from '@syncfusion/ej2-base';import { Margin, 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, ControlPointsVisibility, BezierSegmentEditOrientation, Orientation, SegmentThumbShapes, PortVisibility, ElementAction } from '../enum/enum';import { Direction, LayoutOrientation, Status, PortConstraints, BezierSmoothness } from '../enum/enum';import { Rect } from '../primitives/rect';import { Size } from '../primitives/size';import { getAnnotationPosition, alignLabelOnSegments, updateConnector, checkPortRestriction, updatePortEdges, getPortsPosition } from '../utility/diagram-util';import { setUMLActivityDefaults, initfixedUserHandlesSymbol } 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, getPortShape } 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, DiagramAction } from '../enum/enum';import { ConnectionShapes, UmlActivityFlows, BpmnFlows, BpmnMessageFlows, BpmnSequenceFlows, BpmnAssociationFlows } from '../enum/enum';import { SegmentInfo, Alignment,IReactDiagram } 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 { getTemplateContent } from '../utility/dom-util';import { SymbolSizeModel } from './preview-model';import { SymbolSize } from './preview';import { ConnectorFixedUserHandle } from './fixed-user-handle';import { ConnectorFixedUserHandleModel } from './fixed-user-handle-model';import { ResizeTool } from '../interaction/tool';import { PathPort, Port } from './port';import { PathPortModel } from './port-model';
 import {NodeBaseModel} from "./node-base-model";
@@ -809,2 +809,22 @@
     /**
+     * Defines the shape for the connector segmentThumb
+     * Rhombus - Sets the segmentThumb shape as Rhombus
+     * Square - Sets the segmentThumb shape as Square
+     * Rectangle - Sets the segmentThumb shape as Rectangle
+     * Ellipse - Sets the segmentThumb shape as Ellipse
+     * Arrow - Sets the segmentThumb shape as Arrow
+     * Diamond - Sets the segmentThumb shape as Diamond
+     * OpenArrow - Sets the segmentThumb shape as OpenArrow
+     * Circle - Sets the segmentThumb shape as Circle
+     * Fletch - Sets the segmentThumb shape as Fletch
+     * OpenFetch - Sets the segmentThumb shape as OpenFetch
+     * IndentedArrow - Sets the segmentThumb shape as Indented Arrow
+     * OutdentedArrow - Sets the segmentThumb shape as Outdented Arrow
+     * DoubleArrow - Sets the segmentThumb shape as DoubleArrow
+     * 
+     * @default 'Circle'
+     */
+    segmentThumbShape?: SegmentThumbShapes;
+
+    /**
      * Sets the corner radius of the connector
@@ -918,2 +938,10 @@ *
     /**
+     * Defines the behavior of connection ports
+     *
+     * @aspDefaultValueIgnore
+     * @default undefined
+     */
+    ports?: PathPortModel[];
+
+    /**
      * Defines the UI of the connector
@@ -920,0 +948,0 @@ *

src/diagram/objects/connector.d.ts

@@ -7,3 +7,3 @@ /// <reference path="node-base-model.d.ts" />
 import { PointModel } from '../primitives/point-model';
-import { Segments, DecoratorShapes, ConnectorConstraints, ControlPointsVisibility, BezierSegmentEditOrientation, Orientation } from '../enum/enum';
+import { Segments, DecoratorShapes, ConnectorConstraints, ControlPointsVisibility, BezierSegmentEditOrientation, Orientation, SegmentThumbShapes } from '../enum/enum';
 import { Direction, LayoutOrientation, Status, BezierSmoothness } from '../enum/enum';
@@ -31,2 +31,4 @@ import { DecoratorModel, ConnectorShapeModel, BpmnFlowModel, VectorModel, DiagramConnectorShapeModel, BezierSettingsModel } from './connector-model';
 import { ConnectorFixedUserHandleModel } from './fixed-user-handle-model';
+import { Port } from './port';
+import { PathPortModel } from './port-model';
 /**
@@ -868,2 +870,21 @@ * Decorators are used to decorate the end points of the connector with some predefined path geometry
     /**
+     * Defines the shape for the connector segmentThumb
+     * Rhombus - Sets the segmentThumb shape as Rhombus
+     * Square - Sets the segmentThumb shape as Square
+     * Rectangle - Sets the segmentThumb shape as Rectangle
+     * Ellipse - Sets the segmentThumb shape as Ellipse
+     * Arrow - Sets the segmentThumb shape as Arrow
+     * Diamond - Sets the segmentThumb shape as Diamond
+     * OpenArrow - Sets the segmentThumb shape as OpenArrow
+     * Circle - Sets the segmentThumb shape as Circle
+     * Fletch - Sets the segmentThumb shape as Fletch
+     * OpenFetch - Sets the segmentThumb shape as OpenFetch
+     * IndentedArrow - Sets the segmentThumb shape as Indented Arrow
+     * OutdentedArrow - Sets the segmentThumb shape as Outdented Arrow
+     * DoubleArrow - Sets the segmentThumb shape as DoubleArrow
+     *
+     * @default 'Circle'
+     */
+    segmentThumbShape: SegmentThumbShapes;
+    /**
      * Sets the corner radius of the connector
@@ -964,2 +985,9 @@ *
     /**
+     * Defines the behavior of connection ports
+     *
+     * @aspDefaultValueIgnore
+     * @default undefined
+     */
+    ports: PathPortModel[];
+    /**
      * Defines the UI of the connector
@@ -989,2 +1017,6 @@ *
     selectedSegmentIndex: number;
+    /** @private */
+    outEdges: string[];
+    /** @private */
+    inEdges: string[];
     constructor(parent: any, propName: string, defaultValue: Object, isArray?: boolean);
@@ -994,2 +1026,8 @@ private setPortID;
     init(diagram: any): Canvas;
+    /** @private */
+    initPorts(accessibilityContent: Function | string, container: Container, bounds: Rect): void;
+    /** @private */
+    initPort(ports: Port, points: PointModel[], bounds: Rect, accessibilityContent: Function | string): PathElement | DiagramElement;
+    /** @private */
+    initPortWrapper(ports: Port, points: PointModel[], bounds: Rect, portContent: PathElement | DiagramElement | DiagramHtmlElement, Connector?: ConnectorModel | PathElement): DiagramElement;
     private getConnectorRelation;
@@ -996,0 +1034,0 @@ private getBpmnSequenceFlow;

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

@@ -30,24 +30,22 @@ import { Container } from '../../core/containers/container';
 /**
- * IDataLoadedEventArgs defines the event arguments after data is loaded
+ * IDataLoadedEventArgs notifies after data is loaded.
  */
 export interface IDataLoadedEventArgs {
-    /** returns the id of the diagram */
+    /** returns the instance of the diagram. */
     diagram: Diagram;
 }
 /**
- * ISelectionChangeEventArgs notifies when the node/connector are select
+ * ISelectionChangeEventArgs notifies when the node/connector are select.
  *
  */
 export interface ISelectionChangeEventArgs {
-    /** returns the collection of nodes and connectors that have to be removed from selection list */
+    /** returns the collection of nodes and connectors that must be removed from selection list */
     oldValue: (NodeModel | ConnectorModel)[];
-    /** returns the collection of nodes and connectors that have to be added to selection list  */
+    /** returns the collection of nodes and connectors that must be added to selection list  */
     newValue: (NodeModel | ConnectorModel)[];
     /**
-     * Triggers before and after adding the selection to the object
-     * in the diagram which can be differentiated through `state` argument.
-     * We can cancel the event only before the selection of the object
+     Triggers before and after adding the selection to the object
      */
     state: EventState;
-    /** returns the actual cause of the event  */
+    /** returns the actual cause of the event */
     cause: DiagramAction;
@@ -90,9 +88,9 @@ /** returns whether the item is added or removed from the selection list  */
     source?: SelectorModel;
-    /** returns the state of the event */
+    /** returns the state of size change event (Start, Progress, Completed) */
     state: State;
-    /** returns the previous width, height, offsetX and offsetY values of the element that is being resized
+    /** returns the previous width, height, offsetX and offsetY values of the element that is being resized.
      *
      */
     oldValue: SelectorModel;
-    /** returns the new width, height, offsetX and offsetY values of the element that is being resized
+    /** returns the new width, height, offsetX and offsetY values of the element that is being resized.
      *
@@ -113,3 +111,3 @@ */
     source?: SelectorModel;
-    /** returns the state of the event */
+    /** returns the state of rotate event (Start, Progress, Completed) */
     state: State;
@@ -197,3 +195,3 @@ /** returns the previous rotation angle
     fixedUserHandle: DiagramFixedUserHandle;
-    /** returns the selected nodes/connector */
+    /** returns the selected nodes/connector. */
     element: DiagramEventObject;
@@ -206,3 +204,3 @@ }
 export interface FixedUserHandleClickEventArgs {
-    /** returns the fixed user handle  of nodes/connector.
+    /** returns the fixed user handle of nodes/connector.
      */
@@ -228,7 +226,7 @@ fixedUserHandle: NodeFixedUserHandleModel | ConnectorFixedUserHandleModel;
 /**
- * ICollectionChangeEventArgs notifies while the node/connector are added or removed
+ * ICollectionChangeEventArgs notifies while the node/connector are added or removed.
  *
  */
 export interface ICollectionChangeEventArgs {
-    /** returns the selected element  */
+    /** returns the element that is going to added or removed from the diagram. */
     element: NodeModel | ConnectorModel;
@@ -239,7 +237,7 @@ /** returns the action of diagram */
     diagramAction: string;
-    /** returns the state of the event */
+    /** returns the state of collection change event (Changing, Changed, Canceled) */
     state: EventState;
-    /** returns the type of the collection change */
+    /** returns the type of the collection change. */
     type: ChangeType;
-    /** returns whether to cancel the change or not */
+    /** returns whether to cancel the change or not. */
     cancel: boolean;
@@ -290,7 +288,7 @@ /** returns the lane index */
 export interface UserHandleEventsArgs {
-    /** returns the user handle object */
+    /** returns the user handle object that is being clicked. */
     element: UserHandleModel;
 }
 /**
- * ICollectionChangeEventArgs notifies while the node/connector are added or removed
+ * ISegmentCollectionChangeEventArgs notifies while the segments are added or removed from the connector.
  *
@@ -303,5 +301,5 @@ */
     element: ConnectorModel;
-    /** returns the selected element  */
+    /** returns the collection of segment that must be removed from connector segment collection */
     removeSegments?: (OrthogonalSegmentModel | StraightSegmentModel | BezierSegmentModel)[];
-    /** returns the action of diagram */
+    /**returns the collection of segment that must be added to connector segment collection */
     addSegments?: (OrthogonalSegmentModel | StraightSegmentModel | BezierSegmentModel)[];
@@ -318,5 +316,5 @@ /** returns the type of the collection change */
 export interface IPropertyChangeEventArgs {
-    /** returns the selected element */
+    /** returns the selected element. */
     element: (NodeModel | ConnectorModel | Diagram);
-    /** returns the action is nudge or not */
+    /** returns the action of diagram. */
     cause: DiagramAction;
@@ -365,3 +363,3 @@ /** returns the string of the DiagramAction*/
 export interface IDraggingEventArgs {
-    /** returns the node or connector that is being dragged */
+    /** returns the node or connector that is being dragged. */
     source: SelectorModel;
@@ -457,7 +455,7 @@ /** returns the state of drag event (Starting, dragging, completed) */
 /**
- * IConnectionChangeEventArgs notifies when the connector are connect or disconnect
+ * IConnectionChangeEventArgs notifies when the connector is connected or disconnect from the node.
  *
  */
 export interface IConnectionChangeEventArgs {
-    /** returns the new source node or target node of the connector */
+    /** returns the selected connector */
     connector: ConnectorModel;
@@ -469,3 +467,3 @@ /** returns the previous source or target node of the element */
     };
-    /** returns the current source or target node of the element */
+    /** returns the new source or target node of the element */
     newValue: Connector | {
@@ -477,3 +475,3 @@ nodeId: string;
     connectorEnd: string;
-    /** returns the state of connection end point dragging(starting, dragging, completed) */
+    /** returns the state of connection end point dragging (starting, dragging, completed) */
     state: EventState;
@@ -484,13 +482,13 @@ /** returns whether to cancel the change or not */
 /**
- * IEndChangeEventArgs notifies when the connector end point are resized
+ * IEndChangeEventArgs notifies when the connector end point is resized
  *
  */
 export interface IEndChangeEventArgs {
-    /** returns the connector, the target point of which is being dragged
+    /** returns the connector, the source / target point which is being dragged
      *
      */
     connector: ConnectorModel;
-    /** returns the previous target node of the element */
+    /** returns the previous point of the connector */
     oldValue: PointModel;
-    /** returns the current target node of the element */
+    /** returns the current point of the connector */
     newValue: PointModel;
@@ -505,3 +503,3 @@ /** returns the target node of the element */
     sourcePort?: string;
-    /** returns the state of connection end point dragging(starting, dragging, completed) */
+    /** returns the state of connection end point dragging (starting, dragging, completed) */
     state: State;
@@ -512,15 +510,15 @@ /** returns whether to cancel the change or not */
 /**
- * Animation notifies when the animation is take place
+ * Animation - Animation notifies when the animation is taken place.
  *
  */
 export interface Animation {
-    /** returns the current animation status */
+    /** returns the state of animation event (Start, Progress, Completed) */
     state: State;
 }
 /**
- * IClickEventArgs notifies while click on the objects or diagram
+ * IClickEventArgs - IClickEventArgs notifies while click on the objects or diagram.
  *
  */
 export interface IClickEventArgs {
-    /** returns the object that is clicked or id of the diagram */
+    /** returns the object that is clicked or instance of the diagram */
     element: SelectorModel | Diagram;
@@ -531,3 +529,3 @@ /** returns the object position that is actually clicked */
     count: number;
-    /** returns the actual object that is clicked or id of the diagram */
+    /** returns the object that is clicked or instance of the diagram */
     actualObject: SelectorModel | Diagram;
@@ -554,7 +552,7 @@ /** returns the button clicked */
 /**
- * IDoubleClickEventArgs notifies while double click on the diagram or its objects
+ * IDoubleClickEventArgs - IDoubleClickEventArgs notifies while double click on the diagram or its objects
  *
  */
 export interface IDoubleClickEventArgs {
-    /** returns the object that is clicked or id of the diagram */
+    /** returns the object that is clicked or instance of the diagram */
     source: SelectorModel | Diagram;
@@ -678,7 +676,7 @@ /** returns the object position that is actually clicked */
 /**
- * IScrollChangeEventArgs notifies when the scroller has changed
+ * IScrollChangeEventArgs - IScrollChangeEventArgs notifies when the scroller has changed
  *
  */
 export interface IScrollChangeEventArgs {
-    /** returns the object that is clicked or id of the diagram */
+    /** returns the object that is clicked or instance of the diagram */
     source: SelectorModel | Diagram;
@@ -689,31 +687,31 @@ /** returns the previous delay value between subsequent auto scrolls */
     newValue: ScrollValues;
-    /** returns the pan state of the object */
+    /** returns the pan state of scroll change event (Start, Progress, Completed) */
     panState: State;
 }
 /**
- * Event triggers whenever the user rotate the mouse wheel either upwards or downwards
+ * IMouseWheelEventArgs - Event triggers whenever the user rotates the mouse wheel either upwards or downwards
  *
  */
 export interface IMouseWheelEventArgs {
-    /** returns the DOM Object*/
+    /** returns the DOM Object */
     event: WheelEvent;
-    /**specifies whether to cancel the mouse wheel interaction in the diagram*/
+    /** specifies whether to cancel the mouse wheel interaction in the diagram */
     cancel: boolean;
 }
 /**
- * IPaletteSelectionChangeArgs notifies when the selection objects change in the symbol palette
+ * IPaletteSelectionChangeArgs - IPaletteSelectionChangeArgs notifies when the selection objects change in the symbol palette.
  *
  */
 export interface IPaletteSelectionChangeArgs {
-    /** returns the old palette item that is selected */
+    /** returns the old palette item that is selected. */
     oldValue: string;
-    /** returns the new palette item that is selected */
+    /** returns the new palette item that is selected. */
     newValue: string;
 }
 /**
- * IPaletteExpandArgs notifies when the palette items are expanded or collapsed in the symbol palette
+ * IPaletteExpandArgs - IPaletteExpandArgs notifies when the palette items are expanded or collapsed in the symbol palette
  *
  */
 export interface IPaletteExpandArgs {
-    /** returns the index of the palette item selected */
+    /** returns the index of the palette item selected. */
     index: number;
@@ -726,3 +724,3 @@ /** returns the value whether the palette item is expanded */
     content: HTMLElement;
-    /** returns the  palette item selected */
+    /** returns the palette item selected */
     element: HTMLElement;
@@ -733,13 +731,13 @@ /** returns the properties of the palette item selected */
 /**
- * IDragEnterEventArgs notifies when the element enter into the diagram from symbol palette
+ * IDragEnterEventArgs - IDragEnterEventArgs notifies when the element enters into the diagram from symbol palette
  *
  */
 export interface IDragEnterEventArgs {
-    /** returns the node or connector that is to be dragged into diagram */
+    /** returns the node or connector that is to be dragged into diagram. */
     source: Object;
-    /** returns the node or connector that is dragged into diagram */
+    /** returns the node or connector that is dragged into diagram. */
     element: NodeModel | ConnectorModel;
-    /** returns the id of the diagram */
+    /**returns the instance of the diagram. */
     diagram: DiagramModel;
-    /** parameter returns whether to add or remove the symbol from diagram */
+    /** returns whether to add or remove the symbol from diagram*/
     cancel: boolean;
@@ -766,7 +764,7 @@ /** returns the node or connector that been dragged into diagram from other component */
 /**
- * IDragLeaveEventArgs notifies when the element leaves from  the diagram
+ * IDragLeaveEventArgs - IDragLeaveEventArgs notifies when the element leaves from the diagram
  *
  */
 export interface IDragLeaveEventArgs {
-    /** returns the id of the diagram */
+    /** returns the instance of the diagram */
     diagram: DiagramModel;
@@ -779,7 +777,7 @@ /** returns the node or connector that is dragged outside of the diagram
 /**
- * IDragOverEventArgs notifies when an element drag over another diagram element
+ * IDragOverEventArgs - IDragOverEventArgs notifies when an element drags over another diagram element
  *
  */
 export interface IDragOverEventArgs {
-    /** returns the id of the diagram */
+    /** returns the instance of the diagram */
     diagram: DiagramModel;
@@ -798,14 +796,14 @@ /** returns the node or connector that is dragged over diagram
 /**
- * ITextEditEventArgs notifies when the label of an element under goes editing
+ * ITextEditEventArgs - ITextEditEventArgs notifies when the label of an element undergoes editing
  */
 export interface ITextEditEventArgs {
-    /** Returns the old text value of the element */
+    /** returns the old text value of the element. */
     oldValue: string;
-    /** Returns the new text value of the element that is being changed */
+    /** returns the new text value of the element. */
     newValue: string;
-    /** Returns a node or connector in which annotation is being edited */
+    /** returns a node or connector in which annotation is being edited. */
     element: NodeModel | ConnectorModel;
-    /** Returns a annotation which is being edited */
+    /** returns an annotation which is being edited. */
     annotation: ShapeAnnotationModel | PathAnnotationModel | TextModel;
-    /** Returns whether or not to cancel the event */
+    /** returns whether to cancel the event. */
     cancel: boolean;
@@ -865,3 +863,3 @@ }
 /**
- * IHistoryChangeArgs notifies when the label of an element under goes editing
+ * IHistoryChangeArgs - IHistoryChangeArgs notifies when the undo/redo operation perform.
  *
@@ -906,3 +904,3 @@ */
 /**
- * ICustomHistoryChangeArgs notifies when the label of an element under goes editing
+ * ICustomHistoryChangeArgs - ICustomHistoryChangeArgs notifies when the custom undo/redo operation perform.
  *
@@ -989,13 +987,13 @@ */
 /**
- * IDropEventArgs notifies when the element is dropped in the diagram
+ * IDropEventArgs - IDropEventArgs notifies when the element is dropped in the diagram
  *
  */
 export interface IDropEventArgs {
-    /** returns node or connector that is being dropped */
+    /** returns node or connector that is being dropped into diagram */
     element: NodeModel | ConnectorModel | SelectorModel;
-    /** returns the object from where the element is dragged */
+    /** returns the object from where the element is dragged. */
     source?: Object;
-    /** returns the object over which the object will be dropped */
+    /** returns the object over which the object will be dropped. */
     target: NodeModel | ConnectorModel | DiagramModel;
-    /** returns the position of the object */
+    /** returns the position of the dropped object. */
     position: PointModel;
@@ -1006,10 +1004,10 @@ /** returns whether or not to cancel the drop event */
 /**
- * ISegmentChangeEventArgs triggered when we drag the segment thumb of Orthogonal/ Straight /Bezier connector
+ * ISegmentChangeEventArgs - ISegmentChangeEventArgs triggered when we drag the segment thumb of Orthogonal/ Straight /Bezier connector
  */
 export interface ISegmentChangeEventArgs {
-    /** Returns the connector, the segment of which is being dragged  */
+    /** Returns the connector, the segment of which is being dragged */
     source: ConnectorModel;
     /** Returns the current state of segment change event (Start, Progress, Completed)  */
     state: State;
-    /** Returns the segment with the newly changed values  */
+    /** Returns the segment with the newly changed values */
     newValue: OrthogonalSegmentModel | StraightSegmentModel | BezierSegmentModel;
@@ -1025,2 +1023,3 @@ /** Returns the segment with the values before the event triggered.  */
  * Interface for command
+ * ICommandExecuteEventArgs – ICommandExecuteEventArgs notifies when custom command executed in the diagram.
  */
@@ -1039,26 +1038,26 @@ export interface ICommandExecuteEventArgs {
 /**
- * IExpandStateChangeEventArgs notifies when the icon is changed
+ * IExpandStateChangeEventArgs - IExpandStateChangeEventArgs notifies when the node is expanded or collapsed.
  */
 export interface IExpandStateChangeEventArgs {
-    /** returns node that is being changed the icon
+    /**returns node that is being expanded or collapsed.
      *
      */
     element?: NodeModel;
-    /** returns whether or not to expanded */
+    /** returns whether or not to expanded. */
     state?: boolean;
 }
 /**
- * IImageLoadEventArgs notifies while the image node is loaded.
+ * IImageLoadEventArgs - IImageLoadEventArgs notifies while the image node is loaded.
  *
  */
 export interface IImageLoadEventArgs {
-    /** returns the selected element
+    /** returns the node in which image is loaded
      *
      */
     element: NodeModel;
-    /** returns the size of image element */
+    /** returns the size of an image element. */
     size: Size;
 }
 /**
- * IKeyEventArgs notifies while perform the key actions.
+ * IKeyEventArgs - IKeyEventArgs notifies while perform the key actions in the diagram.
  *
@@ -1079,15 +1078,15 @@ */
     key?: string;
-    /** Returns a number which represents an actual key pressed */
+    /** Returns a number which represents an actual key pressed. */
     keyCode?: number;
-    /** Returns any, modifier keys were pressed when the flick gesture occurred */
+    /** Returns any, modifier keys were pressed when the flick gesture occurred. */
     keyModifiers?: KeyModifiers;
 }
 /**
- * ILoadEventArgs  defines the event arguments when diagram rendering is initialized.
+ * ILoadEventArgs - ILoadEventArgs defines the event arguments when diagram rendering is initialized.
  */
 export interface ILoadEventArgs {
-    /** Returns the name of the event */
+    /** Returns the name of the event. */
     name?: string;
-    /** Returns the diagram instance */
+    /** Returns the diagram instance. */
     diagram?: Diagram;
 }

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

 import { MenuItemModel, MenuEventArgs } from '@syncfusion/ej2-navigations';
-import { ZoomTypes, PageOrientation, DiagramRegions, FitModes, RenderingMode } from '../../enum/enum';
+import { ZoomTypes, PageOrientation, DiagramRegions, FitModes, RenderingMode, SegmentEditing } from '../../enum/enum';
 import { PointModel } from '../../primitives/point-model';
@@ -165,2 +165,13 @@ import { Rect } from '../../primitives/rect';
 }
+/**Defines the options to add / remove the intermediate segment points for straight connector.  */
+export interface IEditSegmentOptions {
+    /**  Defines the connector in which segment to be add/remove */
+    connector?: ConnectorModel;
+    /** Specify a value used as an intersection point on the segment  */
+    point?: PointModel;
+    /** Specify a value that defines whether to add or remove or toggle the segment editing operation  */
+    SegmentEditing?: SegmentEditing;
+    /** Specify the range of the intersection point selection  */
+    hitPadding?: number;
+}
 /**
@@ -167,0 +178,0 @@ * Defines how the diagram has to be fit into the viewport

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

@@ -1,2 +0,2 @@
-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';import { DiagramTooltip } from './tooltip';import { DiagramTooltipModel } from './tooltip-model';
+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, PortAlignment } from '../enum/enum';import { DiagramTooltip } from './tooltip';import { DiagramTooltipModel } from './tooltip-model';
 
@@ -168,2 +168,35 @@ /**
 
+}
+
+/**
+ * Interface for a class PathPort
+ */
+export interface PathPortModel extends PortModel{
+
+    /**
+     * Sets the segment offset of port
+     *
+     * @default 0.5
+     */
+    offset?: number;
+
+    /**
+     * Sets the displacement of an ports from its actual position
+     *
+     * @aspDefaultValueIgnore
+     * @blazorDefaultValueIgnore
+     * @default undefined
+     */
+    displacement?: PointModel;
+
+    /**
+     * Sets the segment alignment of ports
+     *  * Center - Aligns the ports at the center of a connector segment
+     *  * Before - Aligns the ports before a connector segment
+     *  * After - Aligns the ports after a connector segment
+     *
+     * @default Center
+     */
+    alignment?: PortAlignment;
+
 }

src/diagram/objects/port.d.ts

 import { ChildProperty } from '@syncfusion/ej2-base';
 import { ShapeStyleModel, MarginModel } from '../core/appearance-model';
 import { PointModel } from '../primitives/point-model';
-import { HorizontalAlignment, VerticalAlignment, PortShapes, PortConstraints, PortVisibility } from '../enum/enum';
+import { HorizontalAlignment, VerticalAlignment, PortShapes, PortConstraints, PortVisibility, PortAlignment } from '../enum/enum';
 import { DiagramTooltipModel } from './tooltip-model';
@@ -163,1 +163,38 @@ /**
 }
+/**
+ * Defines the behavior of a port, that sticks to a point
+ */
+export declare class PathPort extends Port {
+    /**
+     * Sets the segment offset of port
+     *
+     * @default 0.5
+     */
+    offset: number;
+    /**
+ * Sets the displacement of an ports from its actual position
+ *
+ * @aspDefaultValueIgnore
+ * @blazorDefaultValueIgnore
+ * @default undefined
+ */
+    displacement: PointModel;
+    /**
+     * Sets the segment alignment of ports
+     *  * Center - Aligns the ports at the center of a connector segment
+     *  * Before - Aligns the ports before a connector segment
+     *  * After - Aligns the ports after a connector segment
+     *
+     * @default Center
+     */
+    alignment: PortAlignment;
+    constructor(parent: any, propName: string, defaultValue: Object, isArray?: boolean);
+    /**
+     * getClassName method \
+     *
+     * @returns { string } toBounds method .\
+     *
+     * @private
+     */
+    getClassName(): string;
+}

src/diagram/objects/port.js

@@ -111,1 +111,31 @@ var __extends = (this && this.__extends) || (function () {
 export { PointPort };
+/**
+ * Defines the behavior of a port, that sticks to a point
+ */
+var PathPort = /** @class */ (function (_super) {
+    __extends(PathPort, _super);
+    function PathPort(parent, propName, defaultValue, isArray) {
+        return _super.call(this, parent, propName, defaultValue, isArray) || this;
+    }
+    /**
+     * getClassName method \
+     *
+     * @returns { string } toBounds method .\
+     *
+     * @private
+     */
+    PathPort.prototype.getClassName = function () {
+        return 'PathPort';
+    };
+    __decorate([
+        Property(0.5)
+    ], PathPort.prototype, "offset", void 0);
+    __decorate([
+        Complex({ x: 0, y: 0 }, Point)
+    ], PathPort.prototype, "displacement", void 0);
+    __decorate([
+        Property('Center')
+    ], PathPort.prototype, "alignment", void 0);
+    return PathPort;
+}(Port));
+export { PathPort };

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

@@ -89,2 +89,11 @@ import { Property, ChildProperty, isBlazor, initializeCSPTemplate } from '@syncfusion/ej2-base';import { Tooltip, AnimationModel, Position, TooltipEventArgs } from '@syncfusion/ej2-popups';import { BlazorTooltip } from '../blazor-tooltip/blazor-Tooltip';import { TooltipRelativeMode, TooltipMode } from '../enum/enum';import { Diagram } from '../diagram';import { NodeModel } from './node-model';import { ConnectorModel } from './connector-model';import { PointPortModel } from './port-model';
 
+    /**
+     * Specifies whether the tooltip remains visible even when the mouse moves away from the target element. 
+     * If set to true, the tooltip is always visible; otherwise, it is hidden when the mouse moves away.
+     * The default value is false.
+     * 
+     * @default false
+     */
+    isSticky?: boolean;
+
 }

src/diagram/objects/tooltip.d.ts

@@ -87,2 +87,10 @@ import { ChildProperty } from '@syncfusion/ej2-base';
     animation: AnimationModel;
+    /**
+    * Specifies whether the tooltip remains visible even when the mouse moves away from the target element.
+    * If set to true, the tooltip is always visible; otherwise, it is hidden when the mouse moves away.
+    * The default value is false.
+    *
+    * @default false
+    */
+    isSticky: boolean;
 }
@@ -89,0 +97,0 @@ /**

src/diagram/objects/tooltip.js

@@ -56,2 +56,5 @@ var __extends = (this && this.__extends) || (function () {
     ], DiagramTooltip.prototype, "animation", void 0);
+    __decorate([
+        Property(false)
+    ], DiagramTooltip.prototype, "isSticky", void 0);
     return DiagramTooltip;
@@ -58,0 +61,0 @@ }(ChildProperty));

src/diagram/print-settings.d.ts

@@ -10,2 +10,3 @@ import { Rect } from './primitives/rect';
     constructor(diagram: Diagram);
+    private printWindow;
     /**
@@ -42,2 +43,3 @@ * To Export the diagram
     private printImages;
+    private closePrintWindow;
     private getContent;
@@ -44,0 +46,0 @@ /** @private */

src/diagram/print-settings.js

@@ -26,2 +26,10 @@ /* eslint-disable jsdoc/require-param */
     function PrintAndExport(diagram) {
+        var _this = this;
+        this.printWindow = undefined;
+        //833683 - Method for closing the newly opened print window.
+        this.closePrintWindow = function () {
+            if (_this.printWindow && !_this.printWindow.closed) {
+                _this.printWindow.close();
+            }
+        };
         this.diagram = diagram;
@@ -731,2 +739,3 @@ }
             var printWind = window.open('');
+            _this.printWindow = printWind;
             if (printWind != null) {
@@ -737,5 +746,9 @@ if ((div instanceof HTMLElement)) {
                         '</style><title></title></head>');
+                    //833683-Need to close print window after closing the parent window
+                    window.addEventListener('beforeunload', _this.closePrintWindow);
                     printWind.addEventListener('load', function (event) {
                         setTimeout(function () {
                             printWind.window.print();
+                            //To close new window once print window is closed
+                            printWind.close();
                         }, 3000);
@@ -878,2 +891,5 @@ });
          */
+        //833683 - unwire beforeunload event on destroy
+        window.removeEventListener('beforeunload', this.closePrintWindow);
+        this.printWindow = undefined;
     };
@@ -880,0 +896,0 @@ /**

src/diagram/rendering/renderer.d.ts

@@ -80,3 +80,3 @@ import { DiagramElement } from '../core/elements/diagram-element';
      */
-    renderElement(element: DiagramElement, canvas: HTMLCanvasElement | SVGElement, htmlLayer: HTMLElement, transform?: Transforms, parentSvg?: SVGSVGElement, createParent?: boolean, fromPalette?: boolean, indexValue?: number, isPreviewNode?: boolean, centerPoint?: object): void;
+    renderElement(element: DiagramElement, canvas: HTMLCanvasElement | SVGElement, htmlLayer: HTMLElement, transform?: Transforms, parentSvg?: SVGSVGElement, createParent?: boolean, fromPalette?: boolean, indexValue?: number, isPreviewNode?: boolean, centerPoint?: object, portCenterPoint?: object): void;
     /**
@@ -231,5 +231,6 @@ * Method used to draw the selection rectangle for the node \
      * @param { Transforms } t - Provide the Transforms value.
+     * @param { ConnectorModel } connector - Provide the connector value.
      * @private
      */
-    renderOrthogonalThumb(id: string, selector: DiagramElement, x: number, y: number, canvas: HTMLCanvasElement | SVGElement, visible: boolean, orientation: string, t: Transforms): void;
+    renderOrthogonalThumb(id: string, selector: DiagramElement, x: number, y: number, canvas: HTMLCanvasElement | SVGElement, visible: boolean, orientation: string, t: Transforms, connector: ConnectorModel): void;
     /**
@@ -286,2 +287,24 @@ * Method used to render the pivot line line\
     /**
+    * Method used to render the segment thumb shape for Bezier connector  \
+    *
+    * @returns {void } Method used to render the segment thumb shape for Bezier connector .\
+    *
+    * @param {string} id - Provide the id value.
+    * @param { DiagramElement } selector - Provide the selector element value.
+    * @param { number } cx - Provide cx value  .
+    * @param { number } cy - Provide cx value.
+    * @param { HTMLCanvasElement | SVGElement } canvas - Provide the canvas element.
+    * @param { boolean } visible - Provide the visible property for the handle .
+    * @param { ConnectorModel } connector - Provide the value for the connector .
+    * @param { Transforms } t - Provide the transform value .
+    * @param { boolean } connected - Provide the connected boolean value .
+    * @param { boolean } canMask - Provide the canMask boolean value .
+    * @param { number } count - Provide the count value  .
+    * @param { string } className - Provide the class name for this element .
+    * @param { number } handleSize - Provide the handle size value .
+    *
+    * @private
+    */
+    renderBezierHandle(id: string, selector: DiagramElement, cx: number, cy: number, canvas: HTMLCanvasElement | SVGElement, visible: boolean, connector?: ConnectorModel, t?: Transforms, connected?: boolean, canMask?: boolean, count?: number, className?: string, handleSize?: number): void;
+    /**
      * Method used to render border for the node element  \
@@ -338,3 +361,3 @@ *
      */
-    renderPathElement(element: PathElement, canvas: HTMLCanvasElement | SVGElement, transform?: Transforms, parentSvg?: SVGSVGElement, fromPalette?: boolean, isPreviewNode?: boolean): void;
+    renderPathElement(element: PathElement, canvas: HTMLCanvasElement | SVGElement, transform?: Transforms, parentSvg?: SVGSVGElement, fromPalette?: boolean, isPreviewNode?: boolean, portCenterPoint?: object): void;
     /**
@@ -419,3 +442,3 @@ * Method used to update the grid line for the diagram  \
      */
-    renderContainer(group: Container, canvas: HTMLCanvasElement | SVGElement, htmlLayer: HTMLElement, transform?: Transforms, parentSvg?: SVGSVGElement, createParent?: boolean, fromPalette?: boolean, indexValue?: number, isPreviewNode?: boolean, centerPoint?: object): void;
+    renderContainer(group: Container, canvas: HTMLCanvasElement | SVGElement, htmlLayer: HTMLElement, transform?: Transforms, parentSvg?: SVGSVGElement, createParent?: boolean, fromPalette?: boolean, indexValue?: number, isPreviewNode?: boolean, centerPoint?: object, portCenterPoint?: object): void;
     renderFlipElement(element: DiagramElement, canvas: SVGElement | HTMLCanvasElement, flip: FlipDirection): void;
@@ -501,3 +524,3 @@ /**
      */
-    updateNode(element: DiagramElement, diagramElementsLayer: HTMLCanvasElement, htmlLayer: HTMLElement, transform?: Transforms, insertIndex?: number, centerPoint?: object): void;
+    updateNode(element: DiagramElement, diagramElementsLayer: HTMLCanvasElement, htmlLayer: HTMLElement, transform?: Transforms, insertIndex?: number, centerPoint?: object, portCenterPoint?: object): void;
 }

src/diagram/rendering/svg-renderer.js

@@ -578,4 +578,3 @@ import { Point } from './../primitives/point';
             'height': obj.height.toString(), 'preserveAspectRatio': aspectRatio,
-            //832073 - Opacity when set to Zero for image node is not working 
-            //opacity value is already set as '1' by default
+            //832073 - Opacity when set to Zero for image node is not working - opacity value of 1 is already set as default
             'opacity': obj.opacity.toString()
@@ -582,0 +581,0 @@ };

src/diagram/utility/constraints-util.js

@@ -7,3 +7,3 @@ import { Node } from './../objects/node';
 import { ShapeAnnotation, PathAnnotation } from '../objects/annotation';
-import { PointPort } from '../objects/port';
+import { PathPort, PointPort } from '../objects/port';
 /**
@@ -349,3 +349,3 @@ * constraints-util module contains the common constraints \
     }
-    else if (node instanceof PointPort) {
+    else if (node instanceof PointPort || node instanceof PathPort) {
         if (node.constraints & PortConstraints.ToolTip) {
@@ -352,0 +352,0 @@ state = node.constraints & PortConstraints.ToolTip;

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

@@ -28,2 +28,3 @@ import { Size } from './../primitives/size';
 import { Canvas } from '../core/containers/canvas';
+import { PathPort, Port } from '../objects/port';
 import { TreeInfo, INode } from '../layout/layout-base';
@@ -257,2 +258,29 @@ import { MouseEventArgs } from '../interaction/event-handlers';
 /**
+ * getPortsPosition method \
+ *
+ * @returns {SegmentInfo } getPortsPosition method .\
+ * @param {PointModel[]} pts - provide the pts  value.
+ * @param { Port} ports - provide the ports  value.
+ * @param { Rect } bound - provide the bound  value.
+ * @private
+ */
+export declare function getPortsPosition(pts: PointModel[], ports: Port, bound: Rect): SegmentInfo;
+/**
+ * getOffsetOfPorts method \
+ *
+ * @returns {SegmentInfo } getOffsetOfPorts method .\
+ * @param {PointModel[]} points - provide the pts  value.
+ * @param { PathAnnotation | ConnectorFixedUserHandle} ports - provide the ports  value.
+ * @private
+ */
+export declare function getOffsetOfPorts(points: PointModel[], ports: Port): SegmentInfo;
+/**
+ * getAlignedPosition method . To get the port alignment position \
+ *
+ * @returns {number } getAlignedPosition method .\
+ * @param {PointModel[]} ports - provide the annotation value.
+ * @private
+ */
+export declare function getAlignedPositionForPorts(ports: Port): number;
+/**
  * getOffsetOfConnector method \
@@ -283,3 +311,3 @@ *
  */
-export declare function alignLabelOnSegments(obj: PathAnnotation | ConnectorFixedUserHandle, ang: number, pts: PointModel[]): Alignment;
+export declare function alignLabelOnSegments(obj: PathAnnotation | ConnectorFixedUserHandle | PathPort, ang: number, pts: PointModel[]): Alignment;
 /**
@@ -509,3 +537,3 @@ * getBezierDirection method \
  */
-export declare function getInOutConnectPorts(node: NodeModel, isInConnect: boolean): PointPortModel;
+export declare function getInOutConnectPorts(node: NodeModel | ConnectorModel, isInConnect: boolean): PointPortModel;
 /**
@@ -522,2 +550,12 @@ * findObjectIndex method \
 /**
+ * findPortIndex method \
+ *
+ * @returns {PointPortModel} findPortIndex method .\
+ * @param { NodeModel | ConnectorModel} node - provide the node  value.
+ * @param {string} id - provide the string  value.
+ * @param {boolean} port - provide the boolean  value.
+ * @private
+ */
+export declare function findPortIndex(node: NodeModel | ConnectorModel, id: string, port?: boolean): string;
+/**
  * getObjectFromCollection method \
@@ -524,0 +562,0 @@ *

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

38918222

increased by1.24%

Lines of code

280821

increased by0.94%

Dependency changes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Updated@syncfusion/ej2-base@~23.1.36

• Updated@syncfusion/ej2-buttons@~23.1.36

• Updated@syncfusion/ej2-data@~23.1.36

• Updated@syncfusion/ej2-inputs@~23.1.36

• Updated@syncfusion/ej2-lists@~23.1.36

• Updated@syncfusion/ej2-navigations@~23.1.36

• Updated@syncfusion/ej2-popups@~23.1.36