@syncfusion/ej2-diagrams - npm Package Compare versions

Comparing version 17.4.51 to 17.4.55

CHANGELOG.md

@@ -9,2 +9,13 @@ # Changelog
 
+- `#227953` - The issue "Line routing does not consider for some nodes" has been fixed.
+- `266374` - The issue "Tool tip does not hide while mouse move on diagram" has been fixed.
+- `264862` - The Performance issue with overview sample has been fixed.
+- `F151374` - The issue "Connector stroke style does not update properly" has been fixed.
+
+## 17.4.51 (2020-02-25)
+
+### Diagram
+
+#### Bug Fixes
+
 - `F151275` - The issue "Connector has selected wrongly when clicking the user handles of other node" has been fixed.
@@ -14,2 +25,3 @@ - `F151027` - The issue "Cannot get the TextAnnotation node margin values dropped in the swimlane" has been fixed.
 - `266664` - The issue "Ruler disappears after the diagram moves beyond viewport" has been fixed
+- `F151098` - The issue "Port constraints is not working while draw connector through port" has been fixed
 
@@ -16,0 +28,0 @@ ## 17.4.50 (2020-02-18)

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 17.4.51
-*  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
+*  version : 17.4.55
+*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
@@ -6,0 +6,0 @@ *  A copy of the current license can be obtained at any time by e-mailing

package.json

 {
   "_from": "@syncfusion/ej2-diagrams@*",
-  "_id": "@syncfusion/ej2-diagrams@17.4.50",
+  "_id": "@syncfusion/ej2-diagrams@17.4.51",
   "_inBundle": false,
-  "_integrity": "sha512-1sE71gaTekzQ/Ax6RP6AyiGwD7k43U2CdPEeMvpVeWrbPpVX7pOv0fFIa7gFCyD/5Fqtmjw1WCbaKrjR7ldnrQ==",
+  "_integrity": "sha512-BEtLn/fmA8BZRgmVFb0u7Xyx4VgDheVnEZHZJ6ARIKSxXelE6Iq+R+1pb51TAwwnjpm7e91to69YXxrelGXtkQ==",
   "_location": "/@syncfusion/ej2-diagrams",
@@ -26,6 +26,6 @@ "_phantomChildren": {},
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-diagrams/-/ej2-diagrams-17.4.50.tgz",
-  "_shasum": "2050cf840cc913d40cacab8cda23db734abe39a1",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-diagrams/-/ej2-diagrams-17.4.51.tgz",
+  "_shasum": "50d5261bd099514e12bc20c5f2f6b1915f2a4ada",
   "_spec": "@syncfusion/ej2-diagrams@*",
-  "_where": "/jenkins/workspace/ation_hotfix_17.2.0.34_Vol2-DDPJ6C2YEWTWLLKKNA7AG2JBE6DYTCTNGMHGORWGAYAVCL6L7OLQ/packages/included",
+  "_where": "/jenkins/workspace/ation_hotfix_17.4.0.39_Vol4-NRTWNW62BGSKDLSIGDGGEFYIRTQX2TTJMY6FIKLRNKGPJREHHWIA/packages/included",
   "author": {
@@ -42,5 +42,5 @@ "name": "Syncfusion Inc."
     "@syncfusion/ej2-data": "~17.4.51",
-    "@syncfusion/ej2-inputs": "~17.4.51",
+    "@syncfusion/ej2-inputs": "~17.4.55",
     "@syncfusion/ej2-lists": "~17.4.51",
-    "@syncfusion/ej2-navigations": "~17.4.51",
+    "@syncfusion/ej2-navigations": "~17.4.55",
     "@syncfusion/ej2-popups": "~17.4.51"
@@ -70,4 +70,4 @@ },
   "typings": "index.d.ts",
-  "version": "17.4.51",
+  "version": "17.4.55",
   "sideEffects": false
 }

src/diagram/diagram-model.d.ts

@@ -1,2 +0,2 @@
-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 { ChangedObject } 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 } from './utility/diagram-util';import { updateDefaultValues, getCollectionChangeEventArguements, checkBrowserInfo } from './utility/diagram-util';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 { 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 } 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, 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 } 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 } 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 { 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 { ChangedObject } 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 } from './utility/diagram-util';import { updateDefaultValues, getCollectionChangeEventArguements, checkBrowserInfo } from './utility/diagram-util';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 { 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 } 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, 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 } 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 } 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 {ComponentModel} from '@syncfusion/ej2-base';
@@ -3,0 +3,0 @@

src/diagram/enum/enum.js

@@ -783,2 +783,4 @@ /**
     RealAction[RealAction["vScrollbarMoved"] = 32] = "vScrollbarMoved";
+    /** Indicates whether animation happens or not  */
+    RealAction[RealAction["AnimationClick"] = 64] = "AnimationClick";
 })(RealAction || (RealAction = {}));
@@ -785,0 +787,0 @@ /** @private */

src/diagram/interaction/actions.js

@@ -450,3 +450,3 @@ import { Connector } from '../objects/connector';
     'SegmentEnd': 'move',
-    'Pan': 'pointer',
+    'Pan': 'grab',
     'Hyperlink': 'pointer',
@@ -453,0 +453,0 @@ 'PortDrag': 'pointer',

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

@@ -287,3 +287,3 @@ import { IElement, IConnectionChangeEventArgs } from '../objects/interface/IElement';
     /** @private */
-    scale(obj: NodeModel | ConnectorModel, sw: number, sh: number, pivot: PointModel, refObject?: IElement): boolean;
+    scale(obj: NodeModel | ConnectorModel, sw: number, sh: number, pivot: PointModel, refObject?: IElement, isOutsideBoundary?: boolean): boolean;
     /** @private */
@@ -290,0 +290,0 @@ getAllDescendants(node: NodeModel, nodes: (NodeModel | ConnectorModel)[], includeParent?: boolean, innerParent?: boolean): (NodeModel | ConnectorModel)[];

src/diagram/interaction/line-routing.js

@@ -106,3 +106,3 @@ import { Rect } from '../primitives/rect';
                 for (k = 0; k < diagramNodes.length; k++) {
-                    isContains = this.intersectRect(rectangle, diagramNodes[k].wrapper.outerBounds);
+                    isContains = this.intersectRect(rectangle, diagramNodes[k].wrapper.bounds);
                     if (isContains) {
@@ -123,3 +123,3 @@ grid.nodeId.push(diagramNodes[k].id);
     };
-    LineRouting.prototype.findEndPoint = function (connector, isSource) {
+    LineRouting.prototype.findEndPoint = function (connector, isSource, isPortBounds) {
         var endPoint;
@@ -132,13 +132,18 @@ var portDirection;
             var bounds = (isSource) ? connector.sourcePortWrapper.bounds : connector.targetPortWrapper.bounds;
-            if (portDirection === 'Top') {
-                endPoint = { x: bounds.topCenter.x, y: bounds.topCenter.y };
+            if (isPortBounds) {
+                if (portDirection === 'Top') {
+                    endPoint = { x: bounds.topCenter.x, y: bounds.topCenter.y };
+                }
+                else if (portDirection === 'Left') {
+                    endPoint = { x: bounds.middleLeft.x, y: bounds.middleLeft.y };
+                }
+                else if (portDirection === 'Right') {
+                    endPoint = { x: bounds.middleRight.x, y: bounds.middleRight.y };
+                }
+                else {
+                    endPoint = { x: bounds.bottomCenter.x, y: bounds.bottomCenter.y };
+                }
             }
-            else if (portDirection === 'Left') {
-                endPoint = { x: bounds.middleLeft.x, y: bounds.middleLeft.y };
-            }
-            else if (portDirection === 'Right') {
-                endPoint = { x: bounds.middleRight.x, y: bounds.middleRight.y };
-            }
             else {
-                endPoint = { x: bounds.bottomCenter.x, y: bounds.bottomCenter.y };
+                endPoint = { x: bounds.center.x, y: bounds.center.y };
             }
@@ -213,3 +218,3 @@ }
                     if (!sourcePortID && this.startNode) {
-                        var bounds = this.startNode.wrapper.outerBounds;
+                        var bounds = this.startNode.wrapper.bounds;
                         if (rectangle.containsPoint(bounds.topCenter) && !sourceTop) {
@@ -229,3 +234,3 @@ sourceTop = grid;
                     if (!targetPortID && this.targetNode) {
-                        var bounds = this.targetNode.wrapper.outerBounds;
+                        var bounds = this.targetNode.wrapper.bounds;
                         if (rectangle.containsPoint(bounds.topCenter) && !targetTop) {
@@ -265,2 +270,3 @@ targetTop = grid;
                         else {
+                            this.considerWalkable = [];
                             break renderPathElement;
@@ -380,2 +386,3 @@ }
     // Connector rendering
+    /* tslint:disable */
     LineRouting.prototype.updateConnectorSegments = function (diagram, intermediatePoints, gridCollection, connector, isUpdate) {
@@ -395,5 +402,5 @@ var segments = [];
         var sourceWrapper = connector.sourceWrapper;
-        var sourcePoint = this.findEndPoint(connector, true);
+        var sourcePoint = this.findEndPoint(connector, true, true);
         if (connector.targetPortID !== '' || !connector.targetWrapper) {
-            targetPoint = this.findEndPoint(connector, false);
+            targetPoint = this.findEndPoint(connector, false, true);
         }
@@ -431,2 +438,10 @@ for (var i = 0; i < intermediatePoints.length; i++) {
                 if (j === points.length - 2 && targetPoint) {
+                    if (((targetPoint.x - points[j + 1].x) < 0) &&
+                        (Math.abs(targetPoint.x - points[j].x) < connector.targetDecorator.width + 1)) {
+                        points[j].x = points[j - 1].x -= this.size / 2;
+                    }
+                    if (((targetPoint.x - points[j + 1].x) > 0) &&
+                        (Math.abs(targetPoint.x - points[j].x) < connector.targetDecorator.width + 1)) {
+                        points[j].x = points[j - 1].x += this.size / 2;
+                    }
                     points[j + 1].x = targetPoint.x;
@@ -448,2 +463,10 @@ points[j].y = points[j + 1].y = targetPoint.y;
                 if (j === points.length - 2 && targetPoint) {
+                    if (((targetPoint.y - points[j + 1].y) < 0) &&
+                        (Math.abs(targetPoint.y - points[j].y) < connector.targetDecorator.height + 1)) {
+                        points[j].y = points[j - 1].y -= this.size / 2;
+                    }
+                    if (((targetPoint.y - points[j + 1].y) > 0) &&
+                        (Math.abs(targetPoint.y - points[j].y) < connector.targetDecorator.width + 1)) {
+                        points[j].y = points[j - 1].y += this.size / 2;
+                    }
                     points[j + 1].y = targetPoint.y;
@@ -497,2 +520,3 @@ points[j].x = points[j + 1].x = targetPoint.x;
     };
+    /* tslint:enable */
     // Shortest path
@@ -641,3 +665,8 @@ LineRouting.prototype.findPath = function (startGrid) {
             if (x > 0 && y > 0) {
-                i++;
+                if (direction === 'top' || direction === 'left') {
+                    i--;
+                }
+                else {
+                    i++;
+                }
             }
@@ -644,0 +673,0 @@ else {

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

@@ -339,3 +339,3 @@ import { Container } from '../../core/containers/container';
     /** returns the id of the diagram */
-    diagram: DiagramModel;
+    diagramId: string;
     /** returns the node or connector that is dragged outside of the diagram */
@@ -552,3 +552,3 @@ element: DiagramEventObject;
     /** returns the object that is clicked or id of the diagram */
-    source: Diagram;
+    sourceId: string;
     /** returns the previous delay value between subsequent auto scrolls */
@@ -605,3 +605,3 @@ oldValue: ScrollValues;
     /** returns the id of the diagram */
-    diagram: DiagramModel;
+    diagramId: string;
     /** parameter returns whether to add or remove the symbol from diagram */
@@ -769,3 +769,3 @@ cancel: boolean;
     /** returns a diagram objects  */
-    diagram?: DiagramModel;
+    diagramId?: string;
 }
@@ -772,0 +772,0 @@ /**

src/diagram/objects/layout-animation.js

 import { Container } from '../core/containers/container';
-import { DiagramEvent } from '../enum/enum';
+import { DiagramEvent, RealAction } from '../enum/enum';
 import { cloneObject as clone } from '../utility/base-util';
@@ -20,2 +20,3 @@ import { cloneBlazorObject } from '../utility/diagram-util';
         var j = 0;
+        diagram.realActions = diagram.realActions | RealAction.AnimationClick;
         setIntervalObject[i] = setInterval(function () {
@@ -57,2 +58,4 @@ j++;
             clearInterval(layoutTimer[0]);
+            diagram.realActions = diagram.realActions & ~RealAction.AnimationClick;
+            diagram.refreshCanvasLayers();
             diagram.protectPropertyChange(true);
@@ -59,0 +62,0 @@ diagram.triggerEvent(DiagramEvent.animationComplete, undefined);

src/diagram/rendering/renderer.d.ts

@@ -51,3 +51,3 @@ import { DiagramElement } from '../core/elements/diagram-element';
     /**   @private  */
-    renderElement(element: DiagramElement, canvas: HTMLCanvasElement | SVGElement, htmlLayer: HTMLElement, transform?: Transforms, parentSvg?: SVGSVGElement, createParent?: boolean, fromPalette?: boolean, indexValue?: number): void;
+    renderElement(element: DiagramElement, canvas: HTMLCanvasElement | SVGElement, htmlLayer: HTMLElement, transform?: Transforms, parentSvg?: SVGSVGElement, createParent?: boolean, fromPalette?: boolean, indexValue?: number, isPreviewNode?: boolean): void;
     /**   @private  */
@@ -88,3 +88,3 @@ drawSelectionRectangle(x: number, y: number, w: number, h: number, canvas: HTMLCanvasElement | SVGElement, t: Transforms): void;
     /**   @private  */
-    renderPathElement(element: PathElement, canvas: HTMLCanvasElement | SVGElement, transform?: Transforms, parentSvg?: SVGSVGElement, fromPalette?: boolean): void;
+    renderPathElement(element: PathElement, canvas: HTMLCanvasElement | SVGElement, transform?: Transforms, parentSvg?: SVGSVGElement, fromPalette?: boolean, isPreviewNode?: boolean): void;
     /**   @private  */
@@ -106,3 +106,3 @@ renderSvgGridlines(snapSettings: SnapSettingsModel, gridSvg: SVGElement, t: Transforms, rulerSettings: RulerSettingsModel, hRuler: RulerModel, vRuler: RulerModel): void;
     /**   @private  */
-    renderContainer(group: Container, canvas: HTMLCanvasElement | SVGElement, htmlLayer: HTMLElement, transform?: Transforms, parentSvg?: SVGSVGElement, createParent?: boolean, fromPalette?: boolean, indexValue?: number): void;
+    renderContainer(group: Container, canvas: HTMLCanvasElement | SVGElement, htmlLayer: HTMLElement, transform?: Transforms, parentSvg?: SVGSVGElement, createParent?: boolean, fromPalette?: boolean, indexValue?: number, isPreviewNode?: boolean): void;
     renderFlipElement(element: DiagramElement, canvas: SVGElement | HTMLCanvasElement, flip: FlipDirection): void;
@@ -112,7 +112,7 @@ /**   @private  */
     /**   @private  */
-    renderRect(element: DiagramElement, canvas: HTMLCanvasElement | SVGElement, transform?: Transforms, parentSvg?: SVGSVGElement): void;
+    renderRect(element: DiagramElement, canvas: HTMLCanvasElement | SVGElement, transform?: Transforms, parentSvg?: SVGSVGElement, isPreviewNode?: boolean): void;
     /**   @private  */
     drawRect(canvas: SVGElement, options: RectAttributes): void;
     /**   @private  */
-    getBaseAttributes(element: DiagramElement, transform?: Transforms): BaseAttributes;
+    getBaseAttributes(element: DiagramElement, transform?: Transforms, isPreviewNode?: boolean): BaseAttributes;
     /**   @private  */
@@ -119,0 +119,0 @@ static renderSvgBackGroundImage(background: BackgroundModel, diagramElement: HTMLElement, x: number, y: number, width: number, height: number): void;

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

@@ -172,2 +172,4 @@ import { PointModel } from './../primitives/point-model';
 /** @private */
+export declare let cloneSelectedObjects: Function;
+/** @private */
 export declare let updatePathElement: Function;
@@ -174,0 +176,0 @@ /** @private */

src/overview/overview.js

@@ -137,3 +137,3 @@ var __extends = (this && this.__extends) || (function () {
             'id': this.element.id + '_canvas', 'class': 'drawing',
-            'style': 'position:relative; height:' + this.getSizeValue(this.model.height) + '; width:' +
+            'style': 'position:relative; margin-top:6px; height:' + this.getSizeValue(this.model.height) + '; width:' +
                 this.getSizeValue(this.model.width) +
@@ -503,10 +503,10 @@ ';style:-ms-touch-action: none;touch-action: none;'
         setAttributeHtml(rect, attr);
-        this.updateOverviewCorner('top', x + 8, y - 2, Math.max(0, width - 16), 2);
-        this.updateOverviewCorner('bottom', x + 8, y + height, Math.max(0, width - 16), 2);
-        this.updateOverviewCorner('left', x - 2, y + 8, 2, Math.max(0, height - 16));
-        this.updateOverviewCorner('right', x + width, y + 8, 2, Math.max(0, height - 16));
-        this.updateOverviewCorner('topleft', x, y, 5, 5);
-        this.updateOverviewCorner('topright', x + width, y, 5, 5);
-        this.updateOverviewCorner('bottomleft', x, y + height, 5, 5);
-        this.updateOverviewCorner('bottomright', x + width, y + height, 5, 5);
+        this.updateOverviewCorner('top', x + 8, y + 1, Math.max(0, width - 16), 2);
+        this.updateOverviewCorner('bottom', x + 8, y + height + 3, Math.max(0, width - 16), 2);
+        this.updateOverviewCorner('left', x - 2, y + 11, 2, Math.max(0, height - 16));
+        this.updateOverviewCorner('right', x + width, y + 11, 2, Math.max(0, height - 16));
+        this.updateOverviewCorner('topleft', x, y + 3, 5, 5);
+        this.updateOverviewCorner('topright', x + width, y + 3, 5, 5);
+        this.updateOverviewCorner('bottomleft', x, y + height + 3, 5, 5);
+        this.updateOverviewCorner('bottomright', x + width, y + height + 3, 5, 5);
     };
@@ -513,0 +513,0 @@ Overview.prototype.updateOverviewCorner = function (name, x, y, width, height) {

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

27541561

increased by0.22%

Lines of code

201999

increased by0.18%

Dependency changes

• Updated@syncfusion/ej2-inputs@~17.4.55

• Updated@syncfusion/ej2-navigations@~17.4.55