Socket
Socket
Sign inDemoInstall

@syncfusion/ej2-diagrams

Package Overview
Dependencies
Maintainers
4
Versions
256
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@syncfusion/ej2-diagrams - npm Package Compare versions

Comparing version 17.1.50 to 17.2.28-beta

65

CHANGELOG.md

@@ -5,2 +5,67 @@ # Changelog

### Diagram
#### Breaking Changes
- The `hyperLink` property in the Shape Annotation and Path annotation is renamed properly as `hyperlink`.
- The `class` property in the UML Classifier shape is renamed properly as `classShape`.
- The `interface` property in the UML Classifier shape is renamed properly as `interfaceShape`.
- The `enumeration` property in the UML Classifier shape is renamed properly as `enumerationShape`.
- The `data` property is removed from the DataSource property of the diagram.
- The `dataManager` property in the DataSource is renamed to `DataSource`.
#### New Features
- #228504 – Support has been provided to customize the tooltip of the diagram.
- #231402 – Support has been provided to show/hide segment thumb of the connector.
– An option has been added to set the icons and template in the diagram user handles.
- #232055 - Text overflow support for annotation when wrapping is enabled for annotation has been added.
#### Bug Fixes
- Z-index for nodes/connectors is now properly updated when rendering the nodes/connectors with same z-index in symbol palette and drag and drop the nodes from the symbol palette to the diagram.
- Now, the connection between the ports has been established when remove the InConnect/OutConnect from node’s constraints.
- Issue with the “Layer’s z-index property and sendLayerBackward/bringLayerForward API methods” has been fixed.
- #232371 - Drag and drop the nodes from symbol palette to the diagram will no longer work if the SymbolPalette "allowDrag" property set to false at runtime.
- Now, the connector can be moved over the connection disabled node when drawing the connector using drawing tools.
- #232226 - The issue "Annotation added multiple times in DOM if annotation's text overflow enabled and select the node" has been fixed.
- #232343 - Diagram's selectionChange event is now triggered properly when selecting another node or unselect the selected node in less than 1 second after dragging the node.
- Diagram's propertyChange event is now triggered properly when move the node using keyboard and undo/redo dragged node.
- #233008 - BPMN sequence connector does not move with stroke when its dependent node is moved issue is now fixed.
- When changing the node's path data at run time, it scales properly with respect to node's size.
- When changing the trigger type of BPMN's Task shape at run time, the trigger shape is positioned properly.
- Now, the connector's decorator is docked properly when layout is enabled and drag the node.
- When zooming the diagram, the user handles position is updated properly with respect to zoom percentage.
- If boundaryConstraints is enabled and node's rotateAngle is changed at run time, node does not exceed the boundary limit.
- When changing the annotation's properties at run time, annotation will update properly.
- #234537 - Conditional sequence connector is now working properly when connected with BPMN Service shape.
- #234307 - Undo/redo is now working properly when modifying the annotation's font size at run time.
- #234106 - When the node having different size and executing the layout, nodes are now arranged properly.
- The `hyperLink` property in the Shape Annotation and Path annotation is renamed properly as `hyperlink`.
- #234537 - The BPMN shape style is now applied to the BPMN inner elements.
- #235977 - The issue "User handles drawn multiple times while dragging a node from the palette" has been resolved.
- #235742 - The issue with the oldValue of selectionChange is shown incorrect when mouse down on node has been resolved.
- #235794 - The `textEdit` event is now fired in Edge browser.
- #236322 - The module property in the package.json has been updated.
- #237131 - The issue "Layout is messed up when diagram have disconnected nodes" has been resolved using complex hierarchical tree layout.
- #237533 - The issue "min-height and min-width properties of node does not updated properly at run time" has been resolved.
- #236866 - The issue with tooltip is shown even after deleting the node has been resolved.
## 17.1.50 (2019-06-04)
### Diagram
#### Bug Fixes
- #237131 - The issue "Layout is messed up when diagram have disconnected nodes" has been resolved using complex hierarchical tree layout.
- #237533 - The issue "min-height and min-width properties of node does not updated properly at run time" has been resolved.
## 17.1.49 (2019-05-29)
### Diagram
#### Breaking Changes
- The `data` property is removed from the DataSource property of the diagram.
## 17.1.48 (2019-05-21)

@@ -7,0 +72,0 @@

2

dist/global/index.d.ts
/*!
* filename: index.d.ts
* version : 17.1.50
* version : 17.2.28-beta
* Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.

@@ -5,0 +5,0 @@ * Use of this code is subject to the terms of our license.

35

package.json
{
"_from": "@syncfusion/ej2-diagrams@*",
"_id": "@syncfusion/ej2-diagrams@17.1.48",
"_id": "@syncfusion/ej2-diagrams@16.56.0",
"_inBundle": false,
"_integrity": "sha512-Vi01ccHmjEnxBatGVMa6Q7v2YXLooKvsFiAjZS29uYnGTdu4BYnire9Pa+lHutCMDK/1smxzFSOtjE86IMDsAg==",
"_integrity": "sha512-19VOvy/eROvdB2iHvghUKgjSl6KwF3tsQxJPgLHzAU7dcj2c8pKEy7eNqbGmtdR6crNf/5djVWN0Fb32yJyvFw==",
"_location": "/@syncfusion/ej2-diagrams",
"_phantomChildren": {
"@syncfusion/ej2-base": "17.1.49",
"@syncfusion/ej2-buttons": "17.1.47",
"@syncfusion/ej2-data": "17.1.47",
"@syncfusion/ej2-inputs": "17.1.49",
"@syncfusion/ej2-lists": "17.1.47",
"@syncfusion/ej2-popups": "17.1.47"
},
"_phantomChildren": {},
"_requested": {

@@ -33,6 +26,6 @@ "type": "range",

],
"_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-diagrams/-/ej2-diagrams-17.1.48.tgz",
"_shasum": "88ed07e2f1da8affccbcdf6e085e6914ee367f89",
"_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-diagrams/-/ej2-diagrams-16.56.0.tgz",
"_shasum": "52759d4c56bb4e0fe87430195c229e466c47cb62",
"_spec": "@syncfusion/ej2-diagrams@*",
"_where": "/jenkins/workspace/ation_hotfix_16.4.0.42_Vol4-CJVRBFC7Z7RSISPRJNEMNQSRMCB6XTG67IJD6R2DVNXFIKQEITTQ@2/packages/included",
"_where": "/jenkins/workspace/ation_hotfix_16.4.0.42_Vol4-CJVRBFC7Z7RSISPRJNEMNQSRMCB6XTG67IJD6R2DVNXFIKQEITTQ/packages/included",
"author": {

@@ -46,9 +39,9 @@ "name": "Syncfusion Inc."

"dependencies": {
"@syncfusion/ej2-base": "~17.1.49",
"@syncfusion/ej2-buttons": "~17.1.50",
"@syncfusion/ej2-data": "~17.1.50",
"@syncfusion/ej2-inputs": "~17.1.50",
"@syncfusion/ej2-lists": "~17.1.47",
"@syncfusion/ej2-navigations": "~17.1.49",
"@syncfusion/ej2-popups": "~17.1.50"
"@syncfusion/ej2-base": "~17.2.28-beta",
"@syncfusion/ej2-buttons": "~17.2.28-beta",
"@syncfusion/ej2-data": "~17.2.28-beta",
"@syncfusion/ej2-inputs": "~17.2.28-beta",
"@syncfusion/ej2-lists": "~17.2.28-beta",
"@syncfusion/ej2-navigations": "~17.2.28-beta",
"@syncfusion/ej2-popups": "~17.2.28-beta"
},

@@ -77,4 +70,4 @@ "deprecated": false,

"typings": "index.d.ts",
"version": "17.1.50",
"version": "17.2.28-beta",
"sideEffects": false
}

2

src/diagram/core/elements/text-element.d.ts

@@ -6,3 +6,3 @@ import { TextStyleModel } from '../appearance-model';

import { AnnotationConstraints } from '../../enum/enum';
import { SubTextElement, TextBounds } from '../..';
import { SubTextElement, TextBounds } from '../../rendering/canvas-interface';
/**

@@ -9,0 +9,0 @@ * TextElement is used to display text/annotations

17

src/diagram/data-binding/data-binding.js
import { Node } from '../objects/node';
import { Connector } from '../objects/connector';
import { DataManager } from '@syncfusion/ej2-data';
import { DataManager, Query } from '@syncfusion/ej2-data';
import { randomId, getFunction } from '../utility/base-util';

@@ -47,5 +47,8 @@ /**

var jsonProp = 'json';
var dataManager = data.dataManager || {};
dataSource = data.data || dataManager[dataProp] || dataManager[jsonProp] ||
var dataManager = data.dataManager || data.dataSource || {};
dataSource = dataManager[dataProp] || dataManager[jsonProp] ||
(dataManager.dataSource ? dataManager.dataSource.json : undefined);
if (dataSource && dataSource.length === 0 && dataManager.dataSource.data) {
dataSource = dataManager.dataSource.data;
}
if (dataSource && dataSource.length) {

@@ -66,5 +69,7 @@ this.applyDataSource(data, dataSource, diagram);

var mapper = data;
if (dataSource.dataManager instanceof DataManager) {
var query = mapper.dataManager.defaultQuery;
data.dataManager.executeQuery(query).then(function (e) {
if (dataSource.dataManager instanceof DataManager || dataSource.dataSource instanceof DataManager) {
var tempObj = mapper.dataManager || mapper.dataSource;
var query = tempObj.defaultQuery || new Query();
var dataManager = data.dataManager || data.dataSource;
dataManager.executeQuery(query).then(function (e) {
var prop = 'result';

@@ -71,0 +76,0 @@ result = e[prop];

53

src/diagram/diagram-model.d.ts

@@ -1,2 +0,2 @@

import { Component, Property, Complex, Collection, EventHandler, L10n, Droppable, remove, Ajax } from '@syncfusion/ej2-base';import { Browser, ModuleDeclaration, Event, EmitType } from '@syncfusion/ej2-base';import { INotifyPropertyChanged } from '@syncfusion/ej2-base';import { CanvasRenderer } from './rendering/canvas-renderer';import { SvgRenderer } from './rendering/svg-renderer';import { DiagramRenderer } from './rendering/renderer';import { BaseAttributes } from './rendering/canvas-interface';import { PageSettings, ScrollSettings } from './diagram/page-settings';import { PageSettingsModel, ScrollSettingsModel } from './diagram/page-settings-model';import { DiagramElement } from './core/elements/diagram-element';import { ServiceLocator } from './objects/service';import { IElement, IDataLoadedEventArgs, ISelectionChangeEventArgs, IClickEventArgs, ScrollValues } from './objects/interface/IElement';import { ISizeChangeEventArgs, IConnectionChangeEventArgs, IEndChangeEventArgs, IDoubleClickEventArgs } from './objects/interface/IElement';import { ICollectionChangeEventArgs, IPropertyChangeEventArgs, IDraggingEventArgs, IRotationEventArgs } from './objects/interface/IElement';import { IDragEnterEventArgs, IDragLeaveEventArgs, IDragOverEventArgs, IDropEventArgs } from './objects/interface/IElement';import { ITextEditEventArgs, IHistoryChangeArgs, IScrollChangeEventArgs, IMouseEventArgs } from './objects/interface/IElement';import { StackEntryObject, IExpandStateChangeEventArgs } from './objects/interface/IElement';import { ZoomOptions, IPrintOptions, IExportOptions, IFitOptions, ActiveLabel } from './objects/interface/interfaces';import { View, IDataSource, IFields } from './objects/interface/interfaces';import { Container } from './core/containers/container';import { Node, BpmnShape, BpmnAnnotation, SwimLane, Path } from './objects/node';import { flipConnector, updatePortEdges, alignElement } from './utility/diagram-util';import { Segment } from './interaction/scroller';import { Connector } from './objects/connector';import { ConnectorModel, BpmnFlowModel } from './objects/connector-model';import { SnapSettings } from './diagram/grid-lines';import { RulerSettings } from './diagram/ruler-settings';import { removeRulerElements, updateRuler, getRulerSize } from './ruler/ruler';import { renderRuler, renderOverlapElement } from './ruler/ruler';import { RulerSettingsModel } from './diagram/ruler-settings-model';import { SnapSettingsModel } from './diagram/grid-lines-model';import { NodeModel, TextModel, BpmnShapeModel, BpmnAnnotationModel, HeaderModel } from './objects/node-model';import { UmlActivityShapeModel, SwimLaneModel, LaneModel, PhaseModel } from './objects/node-model';import { Size } from './primitives/size';import { Keys, KeyModifiers, DiagramTools, AlignmentMode, AnnotationConstraints, NodeConstraints, RendererAction } from './enum/enum';import { DiagramConstraints, BridgeDirection, AlignmentOptions, SelectorConstraints, PortVisibility, DiagramEvent } from './enum/enum';import { DistributeOptions, SizingOptions, RenderingMode, DiagramAction, ThumbsConstraints, NudgeDirection } from './enum/enum';import { RealAction, ElementAction, FlipDirection, Orientation, PortConstraints } from './enum/enum';import { PathElement } from './core/elements/path-element';import { TextElement } from './core/elements/text-element';import { updateStyle, removeItem, updateConnector, updateShape, setUMLActivityDefaults, findNodeByName } from './utility/diagram-util';import { setSwimLaneDefaults } from './utility/diagram-util';import { checkPortRestriction, serialize, deserialize, updateHyperlink, getObjectType, removeGradient } from './utility/diagram-util';import { Rect } from './primitives/rect';import { getPortShape } from './objects/dictionary/common';import { PointPortModel } from './objects/port-model';import { ShapeAnnotationModel, AnnotationModel, PathAnnotationModel } from './objects/annotation-model';import { ShapeAnnotation, PathAnnotation, Annotation } from './objects/annotation';import { PointModel } from './primitives/point-model';import { Canvas } from './core/containers/canvas';import { GridPanel, ColumnDefinition } from './core/containers/grid';import { DataSourceModel } from './diagram/data-source-model';import { DataSource } from './diagram/data-source';import { LayoutModel } from './layout/layout-base-model';import { Layout, INode, ILayout } from './layout/layout-base';import { DataBinding } from './data-binding/data-binding';import { Selector } from './interaction/selector';import { SelectorModel } from './interaction/selector-model';import { DiagramEventHandler } from './interaction/event-handlers';import { CommandHandler } from './interaction/command-manager';import { DiagramScroller } from './interaction/scroller';import { Actions, isSelected } from './interaction/actions';import { ToolBase } from './interaction/tool';import { BpmnDiagrams } from './objects/bpmn';import { DiagramContextMenu } from './objects/context-menu';import { ConnectorBridging } from './objects/connector-bridging';import { SpatialSearch } from './interaction/spatial-search/spatial-search';import { HistoryEntry, History } from './diagram/history';import { UndoRedo } from './objects/undo-redo';import { ConnectorEditing } from './interaction/connector-editing';import { Ruler } from '../ruler/index';import { BeforeOpenCloseMenuEventArgs, MenuEventArgs, EJ2Instance } from '@syncfusion/ej2-navigations';import { setAttributeSvg, setAttributeHtml, measureHtmlText, removeElement, createMeasureElements, getDomIndex } from './utility/dom-util';import { getDiagramElement, getScrollerWidth, getHTMLLayer } from './utility/dom-util';import { getBackgroundLayer, createHtmlElement, createSvgElement, getNativeLayerSvg } from './utility/dom-util';import { getPortLayerSvg, getDiagramLayerSvg } from './utility/dom-util';import { getAdornerLayerSvg, getSelectorElement, getGridLayerSvg, getBackgroundLayerSvg } from './utility/dom-util';import { CommandManager, ContextMenuSettings } from './diagram/keyboard-commands';import { CommandManagerModel, CommandModel, ContextMenuSettingsModel } from './diagram/keyboard-commands-model';import { canDelete, canInConnect, canOutConnect, canRotate, canVitualize, canDrawThumbs } from './utility/constraints-util';import { canPortInConnect, canPortOutConnect } from './utility/constraints-util';import { canResize, canSingleSelect, canZoomPan, canZoomTextEdit } from './utility/constraints-util';import { canDragSourceEnd, canDragTargetEnd, canDragSegmentThumb, enableReadOnly, canMove } from './utility/constraints-util';import { findAnnotation, arrangeChild, getInOutConnectPorts, removeChildNodes } from './utility/diagram-util';import { randomId, cloneObject, extendObject, getFunction, getBounds } from './utility/base-util';import { Snapping } from './objects/snapping';import { DiagramTooltipModel } from './objects/tooltip-model';import { TextStyleModel, ShadowModel } from './core/appearance-model';import { TransformFactor } from './interaction/scroller';import { RadialTree } from './layout/radial-tree';import { HierarchicalTree } from './layout/hierarchical-tree';import { ComplexHierarchicalTree } from './layout/complex-hierarchical-tree';import { MindMap } from './layout/mind-map';import { DiagramTooltip, initTooltip } from './objects/tooltip';import { Tooltip } from '@syncfusion/ej2-popups';import { PrintAndExport } from './print-settings';import { Port, PointPort } from './objects/port';import { SymmetricLayout, IGraphObject } from './layout/symmetrical-layout';import { LayoutAnimation } from './objects/layout-animation';import { canShadow } from './utility/constraints-util';import { Layer } from './diagram/layer';import { LayerModel } from './diagram/layer-model';import { DiagramNativeElement } from './core/elements/native-element';import { DiagramHtmlElement } from './core/elements/html-element';import { IconShapeModel } from './objects/icon-model';import { canAllowDrop } from './utility/constraints-util';import { checkParentAsContainer, addChildToContainer, updateLaneBoundsAfterAddChild } from './interaction/container-interaction';import { DataManager } from '@syncfusion/ej2-data';import { getConnectors, updateConnectorsProperties, phaseDefine } from './utility/swim-lane-util';import { swimLaneMeasureAndArrange } from './utility/swim-lane-util';import { arrangeChildNodesInSwimLane, updateHeaderMaxWidth, updatePhaseMaxWidth } from './utility/swim-lane-util';import { addLane, addPhase } from './utility/swim-lane-util';import { ContextMenuItemModel } from './../diagram/objects/interface/interfaces';import { SerializationSettingsModel } from './diagram/serialization-settings-model';import { SerializationSettings } from './diagram/serialization-settings';import { removeSwimLane, removeLane, removePhase, removeLaneChildNode } from './utility/swim-lane-util';import { RowDefinition } from './core/containers/grid';
import { Component, Property, Complex, Collection, EventHandler, L10n, Droppable, remove, Ajax } from '@syncfusion/ej2-base';import { Browser, ModuleDeclaration, Event, EmitType } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, updateBlazorTemplate, resetBlazorTemplate } from '@syncfusion/ej2-base';import { CanvasRenderer } from './rendering/canvas-renderer';import { SvgRenderer } from './rendering/svg-renderer';import { DiagramRenderer } from './rendering/renderer';import { BaseAttributes } from './rendering/canvas-interface';import { PageSettings, ScrollSettings } from './diagram/page-settings';import { PageSettingsModel, ScrollSettingsModel } from './diagram/page-settings-model';import { DiagramElement } from './core/elements/diagram-element';import { ServiceLocator } from './objects/service';import { IElement, IDataLoadedEventArgs, ISelectionChangeEventArgs, IClickEventArgs, ScrollValues } from './objects/interface/IElement';import { ISizeChangeEventArgs, IConnectionChangeEventArgs, IEndChangeEventArgs, IDoubleClickEventArgs } from './objects/interface/IElement';import { ICollectionChangeEventArgs, IPropertyChangeEventArgs, IDraggingEventArgs, IRotationEventArgs } from './objects/interface/IElement';import { ISegmentCollectionChangeEventArgs } from './objects/interface/IElement';import { IDragEnterEventArgs, IDragLeaveEventArgs, IDragOverEventArgs, IDropEventArgs } from './objects/interface/IElement';import { ITextEditEventArgs, IHistoryChangeArgs, IScrollChangeEventArgs, IMouseEventArgs } from './objects/interface/IElement';import { StackEntryObject, IExpandStateChangeEventArgs } from './objects/interface/IElement';import { ZoomOptions, IPrintOptions, IExportOptions, IFitOptions, ActiveLabel } from './objects/interface/interfaces';import { View, IDataSource, IFields } from './objects/interface/interfaces';import { Container } from './core/containers/container';import { Node, BpmnShape, BpmnAnnotation, SwimLane, Path } from './objects/node';import { flipConnector, updatePortEdges, alignElement } from './utility/diagram-util';import { Segment } from './interaction/scroller';import { Connector } from './objects/connector';import { ConnectorModel, BpmnFlowModel } from './objects/connector-model';import { SnapSettings } from './diagram/grid-lines';import { RulerSettings } from './diagram/ruler-settings';import { removeRulerElements, updateRuler, getRulerSize } from './ruler/ruler';import { renderRuler, renderOverlapElement } from './ruler/ruler';import { RulerSettingsModel } from './diagram/ruler-settings-model';import { SnapSettingsModel } from './diagram/grid-lines-model';import { NodeModel, TextModel, BpmnShapeModel, BpmnAnnotationModel, HeaderModel, HtmlModel } from './objects/node-model';import { UmlActivityShapeModel, SwimLaneModel, LaneModel, PhaseModel } from './objects/node-model';import { Size } from './primitives/size';import { Keys, KeyModifiers, DiagramTools, AlignmentMode, AnnotationConstraints, NodeConstraints, RendererAction } from './enum/enum';import { DiagramConstraints, BridgeDirection, AlignmentOptions, SelectorConstraints, PortVisibility, DiagramEvent } from './enum/enum';import { DistributeOptions, SizingOptions, RenderingMode, DiagramAction, ThumbsConstraints, NudgeDirection } from './enum/enum';import { RealAction, ElementAction, FlipDirection, Orientation, PortConstraints } from './enum/enum';import { PathElement } from './core/elements/path-element';import { TextElement } from './core/elements/text-element';import { updateStyle, removeItem, updateConnector, updateShape, setUMLActivityDefaults, findNodeByName } from './utility/diagram-util';import { setSwimLaneDefaults } from './utility/diagram-util';import { checkPortRestriction, serialize, deserialize, updateHyperlink, getObjectType, removeGradient } from './utility/diagram-util';import { Rect } from './primitives/rect';import { getPortShape } from './objects/dictionary/common';import { PointPortModel } from './objects/port-model';import { ShapeAnnotationModel, AnnotationModel, PathAnnotationModel } from './objects/annotation-model';import { ShapeAnnotation, PathAnnotation, Annotation } from './objects/annotation';import { PointModel } from './primitives/point-model';import { Canvas } from './core/containers/canvas';import { GridPanel, ColumnDefinition } from './core/containers/grid';import { DataSourceModel } from './diagram/data-source-model';import { DataSource } from './diagram/data-source';import { LayoutModel } from './layout/layout-base-model';import { Layout, INode, ILayout } from './layout/layout-base';import { DataBinding } from './data-binding/data-binding';import { Selector } from './interaction/selector';import { SelectorModel } from './interaction/selector-model';import { DiagramEventHandler } from './interaction/event-handlers';import { CommandHandler } from './interaction/command-manager';import { DiagramScroller } from './interaction/scroller';import { Actions, isSelected } from './interaction/actions';import { ToolBase } from './interaction/tool';import { BpmnDiagrams } from './objects/bpmn';import { DiagramContextMenu } from './objects/context-menu';import { ConnectorBridging } from './objects/connector-bridging';import { SpatialSearch } from './interaction/spatial-search/spatial-search';import { HistoryEntry, History } from './diagram/history';import { UndoRedo } from './objects/undo-redo';import { ConnectorEditing } from './interaction/connector-editing';import { Ruler } from '../ruler/index';import { BeforeOpenCloseMenuEventArgs, MenuEventArgs, EJ2Instance } from '@syncfusion/ej2-navigations';import { setAttributeSvg, setAttributeHtml, measureHtmlText, removeElement, createMeasureElements, getDomIndex } from './utility/dom-util';import { getDiagramElement, getScrollerWidth, getHTMLLayer } from './utility/dom-util';import { getBackgroundLayer, createHtmlElement, createSvgElement, getNativeLayerSvg } from './utility/dom-util';import { getPortLayerSvg, getDiagramLayerSvg } from './utility/dom-util';import { getAdornerLayerSvg, getSelectorElement, getGridLayerSvg, getBackgroundLayerSvg } from './utility/dom-util';import { CommandManager, ContextMenuSettings } from './diagram/keyboard-commands';import { CommandManagerModel, CommandModel, ContextMenuSettingsModel } from './diagram/keyboard-commands-model';import { canDelete, canInConnect, canOutConnect, canRotate, canVitualize, canDrawThumbs } from './utility/constraints-util';import { canPortInConnect, canPortOutConnect } from './utility/constraints-util';import { canResize, canSingleSelect, canZoomPan, canZoomTextEdit } from './utility/constraints-util';import { canDragSourceEnd, canDragTargetEnd, canDragSegmentThumb, enableReadOnly, canMove } from './utility/constraints-util';import { findAnnotation, arrangeChild, getInOutConnectPorts, removeChildNodes } from './utility/diagram-util';import { randomId, cloneObject, extendObject, getFunction, getBounds } from './utility/base-util';import { Snapping } from './objects/snapping';import { DiagramTooltipModel } from './objects/tooltip-model';import { TextStyleModel, ShadowModel } from './core/appearance-model';import { TransformFactor } from './interaction/scroller';import { RadialTree } from './layout/radial-tree';import { HierarchicalTree } from './layout/hierarchical-tree';import { ComplexHierarchicalTree } from './layout/complex-hierarchical-tree';import { MindMap } from './layout/mind-map';import { DiagramTooltip, initTooltip } from './objects/tooltip';import { Tooltip } from '@syncfusion/ej2-popups';import { PrintAndExport } from './print-settings';import { Port, PointPort } from './objects/port';import { SymmetricLayout, IGraphObject } from './layout/symmetrical-layout';import { LayoutAnimation } from './objects/layout-animation';import { canShadow } from './utility/constraints-util';import { Layer } from './diagram/layer';import { LayerModel } from './diagram/layer-model';import { DiagramNativeElement } from './core/elements/native-element';import { DiagramHtmlElement } from './core/elements/html-element';import { IconShapeModel } from './objects/icon-model';import { canAllowDrop } from './utility/constraints-util';import { checkParentAsContainer, addChildToContainer, updateLaneBoundsAfterAddChild } from './interaction/container-interaction';import { DataManager } from '@syncfusion/ej2-data';import { getConnectors, updateConnectorsProperties, phaseDefine } from './utility/swim-lane-util';import { swimLaneMeasureAndArrange } from './utility/swim-lane-util';import { arrangeChildNodesInSwimLane, updateHeaderMaxWidth, updatePhaseMaxWidth } from './utility/swim-lane-util';import { addLane, addPhase } from './utility/swim-lane-util';import { ContextMenuItemModel } from './../diagram/objects/interface/interfaces';import { SerializationSettingsModel } from './diagram/serialization-settings-model';import { SerializationSettings } from './diagram/serialization-settings';import { removeSwimLane, removeLane, removePhase, removeLaneChildNode } from './utility/swim-lane-util';import { RowDefinition } from './core/containers/grid';
import {ComponentModel} from '@syncfusion/ej2-base';

@@ -323,2 +323,3 @@

* @default undefined
* @deprecated
*/

@@ -353,2 +354,3 @@ getNodeDefaults?: Function | string;

* @default undefined
* @deprecated
*/

@@ -408,2 +410,3 @@ getConnectorDefaults?: Function | string;

* @default undefined
* @deprecated
*/

@@ -448,2 +451,3 @@ setNodeTemplate?: Function | string;

* ```
* @deprecated
*/

@@ -487,2 +491,3 @@ getDescription?: Function | string;

* @default undefined
* @deprecated
*/

@@ -535,2 +540,3 @@ getCustomProperty?: Function | string;

* ```
* @deprecated
*/

@@ -574,2 +580,3 @@ getCustomTool?: Function | string;

* ```
* @deprecated
*/

@@ -603,2 +610,3 @@ getCustomCursor?: Function | string;

* @default undefined
* @deprecated
*/

@@ -634,2 +642,3 @@ updateSelection?: Function | string;

* @event
* @blazorProperty 'DataLoaded'
*/

@@ -640,3 +649,5 @@ dataLoaded?: EmitType<IDataLoadedEventArgs>;

* Triggers when a symbol is dragged into diagram from symbol palette
* @deprecated
* @event
* @blazorProperty 'OnDragEnter'
*/

@@ -648,2 +659,3 @@ dragEnter?: EmitType<IDragEnterEventArgs>;

* @event
* @blazorProperty 'OnDragLeave'
*/

@@ -655,2 +667,3 @@ dragLeave?: EmitType<IDragLeaveEventArgs>;

* @event
* @blazorProperty 'OnDragOver'
*/

@@ -662,2 +675,3 @@ dragOver?: EmitType<IDragOverEventArgs>;

* @event
* @blazorProperty 'OnClick'
*/

@@ -669,2 +683,3 @@ click?: EmitType<IClickEventArgs>;

* @event
* @blazorProperty 'HistoryChanged'
*/

@@ -676,2 +691,3 @@ historyChange?: EmitType<IHistoryChangeArgs>;

* @event
* @blazorProperty 'OnDoubleClick'
*/

@@ -682,3 +698,5 @@ doubleClick?: EmitType<IDoubleClickEventArgs>;

* Triggers when editor got focus at the time of node’s label or text node editing.
* @deprecated
* @event
* @blazorProperty 'TextEdited'
*/

@@ -690,2 +708,3 @@ textEdit?: EmitType<ITextEditEventArgs>;

* @event
* @blazorProperty 'ScrollChanged'
*/

@@ -696,3 +715,5 @@ scrollChange?: EmitType<IScrollChangeEventArgs>;

* Triggers when the selection is changed in diagram
* @deprecated
* @event
* @blazorProperty 'OnSelectionChange'
*/

@@ -703,3 +724,5 @@ selectionChange?: EmitType<ISelectionChangeEventArgs>;

* Triggers when a node is resized
* @deprecated
* @event
* @blazorProperty 'OnSizeChange'
*/

@@ -710,3 +733,5 @@ sizeChange?: EmitType<ISizeChangeEventArgs>;

* Triggers when the connection is changed
* @deprecated
* @event
* @blazorProperty 'OnConnectionChange'
*/

@@ -718,2 +743,3 @@ connectionChange?: EmitType<IConnectionChangeEventArgs>;

* @event
* @blazorProperty 'OnSourcePointChange'
*/

@@ -725,2 +751,3 @@ sourcePointChange?: EmitType<IEndChangeEventArgs>;

* @event
* @blazorProperty 'OnTargetPointChange'
*/

@@ -732,2 +759,3 @@ targetPointChange?: EmitType<IEndChangeEventArgs>;

* @event
* @blazorProperty 'PropertyChanged'
*/

@@ -739,2 +767,3 @@ propertyChange?: EmitType<IPropertyChangeEventArgs>;

* @event
* @blazorProperty 'OnPositionChange'
*/

@@ -746,2 +775,3 @@ positionChange?: EmitType<IDraggingEventArgs>;

* @event
* @blazorProperty 'OnAnimationComplete'
*/

@@ -752,3 +782,5 @@ animationComplete?: EmitType<Object>;

* Triggers when the diagram elements are rotated
* @deprecated
* @event
* @blazorProperty 'OnRotateChange'
*/

@@ -759,3 +791,5 @@ rotateChange?: EmitType<IRotationEventArgs>;

* Triggers when a node/connector is added/removed to/from the diagram.
* @deprecated
* @event
* @blazorProperty 'OnCollectionChange'
*/

@@ -765,4 +799,12 @@ collectionChange?: EmitType<ICollectionChangeEventArgs>;

/**
* Triggers when a segment is added/removed to/from the connector.
* @event
* @blazorProperty 'OnSegmentCollectionChange'
*/
segmentCollectionChange?: EmitType<ISegmentCollectionChangeEventArgs>;
/**
* Triggers when the state of the expand and collapse icon change for a node.
* @event
* @blazorProperty 'OnExpandStateChange'
*/

@@ -774,2 +816,3 @@ expandStateChange?: EmitType<IExpandStateChangeEventArgs>;

* @event
* @blazorProperty 'Created'
*/

@@ -781,2 +824,3 @@ created?: EmitType<Object>;

* @event
* @blazorProperty 'OnMouseEnter'
*/

@@ -788,2 +832,3 @@ mouseEnter?: EmitType<IMouseEventArgs>;

* @event
* @blazorProperty 'OnMouseLeave'
*/

@@ -795,2 +840,3 @@ mouseLeave?: EmitType<IMouseEventArgs>;

* @event
* @blazorProperty 'OnMouseOver'
*/

@@ -802,2 +848,3 @@ mouseOver?: EmitType<IMouseEventArgs>;

* @event
* @blazorProperty 'OnContextMenuOpen'
*/

@@ -809,2 +856,3 @@ contextMenuOpen?: EmitType<BeforeOpenCloseMenuEventArgs>;

* @event
* @blazorProperty 'OnContextMenuItemRender'
*/

@@ -816,2 +864,3 @@ contextMenuBeforeItemRender?: EmitType<MenuEventArgs>;

* @event
* @blazorProperty 'ContextMenuItemClicked'
*/

@@ -828,3 +877,5 @@ contextMenuClick?: EmitType<MenuEventArgs>;

* Triggers when a symbol is dragged and dropped from symbol palette to drawing area
* @deprecated
* @event
* @blazorProperty 'OnDrop'
*/

@@ -831,0 +882,0 @@ drop?: EmitType<IDropEventArgs>;

75

src/diagram/diagram.d.ts

@@ -12,2 +12,3 @@ import { Component, L10n, Droppable } from '@syncfusion/ej2-base';

import { ICollectionChangeEventArgs, IPropertyChangeEventArgs, IDraggingEventArgs, IRotationEventArgs } from './objects/interface/IElement';
import { ISegmentCollectionChangeEventArgs } from './objects/interface/IElement';
import { IDragEnterEventArgs, IDragLeaveEventArgs, IDragOverEventArgs, IDropEventArgs } from './objects/interface/IElement';

@@ -92,2 +93,3 @@ import { ITextEditEventArgs, IHistoryChangeArgs, IScrollChangeEventArgs, IMouseEventArgs } from './objects/interface/IElement';

* `radialTreeModule` is used to arrange the nodes in a radial tree like structure
* @ignoreapilink
*/

@@ -443,2 +445,3 @@ radialTreeModule: RadialTree;

* @default undefined
* @deprecated
*/

@@ -472,2 +475,3 @@ getNodeDefaults: Function | string;

* @default undefined
* @deprecated
*/

@@ -526,2 +530,3 @@ getConnectorDefaults: Function | string;

* @default undefined
* @deprecated
*/

@@ -570,2 +575,3 @@ setNodeTemplate: Function | string;

* ```
* @deprecated
*/

@@ -608,2 +614,3 @@ getDescription: Function | string;

* @default undefined
* @deprecated
*/

@@ -660,2 +667,3 @@ getCustomProperty: Function | string;

* ```
* @deprecated
*/

@@ -703,2 +711,3 @@ getCustomTool: Function | string;

* ```
* @deprecated
*/

@@ -731,2 +740,3 @@ getCustomCursor: Function | string;

* @default undefined
* @deprecated
*/

@@ -759,2 +769,3 @@ updateSelection: Function | string;

* @event
* @blazorProperty 'DataLoaded'
*/

@@ -764,3 +775,5 @@ dataLoaded: EmitType<IDataLoadedEventArgs>;

* Triggers when a symbol is dragged into diagram from symbol palette
* @deprecated
* @event
* @blazorProperty 'OnDragEnter'
*/

@@ -771,2 +784,3 @@ dragEnter: EmitType<IDragEnterEventArgs>;

* @event
* @blazorProperty 'OnDragLeave'
*/

@@ -777,2 +791,3 @@ dragLeave: EmitType<IDragLeaveEventArgs>;

* @event
* @blazorProperty 'OnDragOver'
*/

@@ -783,2 +798,3 @@ dragOver: EmitType<IDragOverEventArgs>;

* @event
* @blazorProperty 'OnClick'
*/

@@ -789,2 +805,3 @@ click: EmitType<IClickEventArgs>;

* @event
* @blazorProperty 'HistoryChanged'
*/

@@ -795,2 +812,3 @@ historyChange: EmitType<IHistoryChangeArgs>;

* @event
* @blazorProperty 'OnDoubleClick'
*/

@@ -800,3 +818,5 @@ doubleClick: EmitType<IDoubleClickEventArgs>;

* Triggers when editor got focus at the time of node’s label or text node editing.
* @deprecated
* @event
* @blazorProperty 'TextEdited'
*/

@@ -807,2 +827,3 @@ textEdit: EmitType<ITextEditEventArgs>;

* @event
* @blazorProperty 'ScrollChanged'
*/

@@ -812,3 +833,5 @@ scrollChange: EmitType<IScrollChangeEventArgs>;

* Triggers when the selection is changed in diagram
* @deprecated
* @event
* @blazorProperty 'OnSelectionChange'
*/

@@ -818,3 +841,5 @@ selectionChange: EmitType<ISelectionChangeEventArgs>;

* Triggers when a node is resized
* @deprecated
* @event
* @blazorProperty 'OnSizeChange'
*/

@@ -824,3 +849,5 @@ sizeChange: EmitType<ISizeChangeEventArgs>;

* Triggers when the connection is changed
* @deprecated
* @event
* @blazorProperty 'OnConnectionChange'
*/

@@ -831,2 +858,3 @@ connectionChange: EmitType<IConnectionChangeEventArgs>;

* @event
* @blazorProperty 'OnSourcePointChange'
*/

@@ -837,2 +865,3 @@ sourcePointChange: EmitType<IEndChangeEventArgs>;

* @event
* @blazorProperty 'OnTargetPointChange'
*/

@@ -843,2 +872,3 @@ targetPointChange: EmitType<IEndChangeEventArgs>;

* @event
* @blazorProperty 'PropertyChanged'
*/

@@ -849,2 +879,3 @@ propertyChange: EmitType<IPropertyChangeEventArgs>;

* @event
* @blazorProperty 'OnPositionChange'
*/

@@ -855,2 +886,3 @@ positionChange: EmitType<IDraggingEventArgs>;

* @event
* @blazorProperty 'OnAnimationComplete'
*/

@@ -860,3 +892,5 @@ animationComplete: EmitType<Object>;

* Triggers when the diagram elements are rotated
* @deprecated
* @event
* @blazorProperty 'OnRotateChange'
*/

@@ -866,8 +900,17 @@ rotateChange: EmitType<IRotationEventArgs>;

* Triggers when a node/connector is added/removed to/from the diagram.
* @deprecated
* @event
* @blazorProperty 'OnCollectionChange'
*/
collectionChange: EmitType<ICollectionChangeEventArgs>;
/**
* Triggers when a segment is added/removed to/from the connector.
* @event
* @blazorProperty 'OnSegmentCollectionChange'
*/
segmentCollectionChange: EmitType<ISegmentCollectionChangeEventArgs>;
/**
* Triggers when the state of the expand and collapse icon change for a node.
* @event
* @blazorProperty 'OnExpandStateChange'
*/

@@ -878,2 +921,3 @@ expandStateChange: EmitType<IExpandStateChangeEventArgs>;

* @event
* @blazorProperty 'Created'
*/

@@ -884,2 +928,3 @@ created: EmitType<Object>;

* @event
* @blazorProperty 'OnMouseEnter'
*/

@@ -890,2 +935,3 @@ mouseEnter: EmitType<IMouseEventArgs>;

* @event
* @blazorProperty 'OnMouseLeave'
*/

@@ -896,2 +942,3 @@ mouseLeave: EmitType<IMouseEventArgs>;

* @event
* @blazorProperty 'OnMouseOver'
*/

@@ -902,2 +949,3 @@ mouseOver: EmitType<IMouseEventArgs>;

* @event
* @blazorProperty 'OnContextMenuOpen'
*/

@@ -908,2 +956,3 @@ contextMenuOpen: EmitType<BeforeOpenCloseMenuEventArgs>;

* @event
* @blazorProperty 'OnContextMenuItemRender'
*/

@@ -914,2 +963,3 @@ contextMenuBeforeItemRender: EmitType<MenuEventArgs>;

* @event
* @blazorProperty 'ContextMenuItemClicked'
*/

@@ -924,3 +974,5 @@ contextMenuClick: EmitType<MenuEventArgs>;

* Triggers when a symbol is dragged and dropped from symbol palette to drawing area
* @deprecated
* @event
* @blazorProperty 'OnDrop'
*/

@@ -1045,2 +1097,4 @@ drop: EmitType<IDropEventArgs>;

render(): void;
private updateTemplate;
private resetTemplate;
private renderInitialCrud;

@@ -1358,5 +1412,15 @@ /**

/** @private */
triggerEvent(eventName: DiagramEvent, args: Object): void;
triggerEvent(eventName: DiagramEvent, args: Object, onSuccessCallBack?: Function, onFailureCallback?: Function): void;
private updateEventValue;
/**
* Shows tooltip for corresponding diagram object
* @param obj Defines the object for that tooltip has to be shown
*/
showTooltip(obj: NodeModel | ConnectorModel): void;
/**
* hides tooltip for corresponding diagram object
* @param obj Defines the object for that tooltip has to be hide
*/
hideTooltip(obj: NodeModel | ConnectorModel): void;
/**
* Adds the given object to diagram control

@@ -1391,2 +1455,4 @@ * @param obj Defines the object that has to be added to diagram

private removeCommand;
/** @private */
private removeCollectionParameters;
/**

@@ -1397,2 +1463,3 @@ * Removes the given object from diagram

remove(obj?: NodeModel | ConnectorModel): void;
private onRemoveCollectionChangeSuccess;
private isStackChild;

@@ -1652,2 +1719,3 @@ /** @private */

private endEditCommand;
private textEditEvent;
/**

@@ -1657,2 +1725,3 @@ * @private

endEdit(): void;
private successTextEdit;
/** @private */

@@ -1727,2 +1796,6 @@ canLogChange(): boolean;

updateMargin(node: Node, changes: Node): void;
/** @private */
dragEnterEvent: object;
successDragEnter(arg: IDragEnterEventArgs): Function;
private onDropEventSuccess;
private initDroppables;

@@ -1729,0 +1802,0 @@ private removeChildInNodes;

16

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

@@ -118,2 +118,3 @@ import { DataManager } from '@syncfusion/ej2-data';import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';

* @default null
* @deprecated
*/

@@ -124,2 +125,9 @@

/**
* Sets the data source either as a collection of objects or as an URL of DataManager
* @default null
*/
dataSource?: DataManager;
/**
* Sets the unique id of the root data source item

@@ -137,12 +145,6 @@ * @default ''

/**
* Binds the custom data with the node model
* @aspDefaultValueIgnore
* @default undefined
*/
data?: Object[];
/**
* Binds the custom data with node model
* @aspDefaultValueIgnore
* @default undefined
* @deprecated
*/

@@ -149,0 +151,0 @@ doBinding?: Function | string;

13

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

@@ -118,5 +118,11 @@ import { DataManager } from '@syncfusion/ej2-data';

* @default null
* @deprecated
*/
dataManager: DataManager;
/**
* Sets the data source either as a collection of objects or as an URL of DataManager
* @default null
*/
dataSource: DataManager;
/**
* Sets the unique id of the root data source item

@@ -132,11 +138,6 @@ * @default ''

/**
* Binds the custom data with the node model
* @aspDefaultValueIgnore
* @default undefined
*/
data: Object[];
/**
* Binds the custom data with node model
* @aspDefaultValueIgnore
* @default undefined
* @deprecated
*/

@@ -143,0 +144,0 @@ doBinding: Function | string;

6

src/diagram/diagram/data-source.js

@@ -120,2 +120,5 @@ var __extends = (this && this.__extends) || (function () {

__decorate([
Property(null)
], DataSource.prototype, "dataSource", void 0);
__decorate([
Property('')

@@ -128,5 +131,2 @@ ], DataSource.prototype, "root", void 0);

Property()
], DataSource.prototype, "data", void 0);
__decorate([
Property()
], DataSource.prototype, "doBinding", void 0);

@@ -133,0 +133,0 @@ __decorate([

2

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

@@ -113,2 +113,3 @@ import { Keys, KeyModifiers } from '../enum/enum';import { Property, Complex, ChildProperty, Collection } from '@syncfusion/ej2-base';import { ContextMenuItemModel } from '../objects/interface/interfaces';

* @default undefined
* @deprecated
*/

@@ -121,2 +122,3 @@ canExecute?: Function | string;

* @default undefined
* @deprecated
*/

@@ -123,0 +125,0 @@ execute?: Function | string;

2

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

@@ -109,2 +109,3 @@ import { Keys, KeyModifiers } from '../enum/enum';

* @default undefined
* @deprecated
*/

@@ -116,2 +117,3 @@ canExecute: Function | string;

* @default undefined
* @deprecated
*/

@@ -118,0 +120,0 @@ execute: Function | string;

1

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

@@ -67,2 +67,3 @@ import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';import { RulerOrientation, TickAlignment } from '../../ruler/index';

* @default null
* @deprecated
*/

@@ -69,0 +70,0 @@ arrangeTick?: Function | string;

1

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

@@ -61,2 +61,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';

* @default null
* @deprecated
*/

@@ -63,0 +64,0 @@ arrangeTick: Function | string;

1

src/diagram/enum/enum.js

@@ -786,2 +786,3 @@ /**

DiagramEvent[DiagramEvent["expandStateChange"] = 23] = "expandStateChange";
DiagramEvent[DiagramEvent["segmentCollectionChange"] = 24] = "segmentCollectionChange";
})(DiagramEvent || (DiagramEvent = {}));

@@ -788,0 +789,0 @@ /** Enables/Disables certain features of port connection

16

src/diagram/interaction/actions.js

@@ -203,9 +203,11 @@ import { Connector } from '../objects/connector';

segment = (conn.segments)[i];
for (var j = 0; j < segment.points.length - 1; j++) {
var length_1 = Point.distancePoints(segment.points[j], segment.points[j + 1]);
if (length_1 >= 50) {
segPoint.x = ((segment.points[j].x + segment.points[j + 1].x) / 2);
segPoint.y = ((segment.points[j].y + segment.points[j + 1].y) / 2);
if (contains(position, segPoint, 30)) {
return 'OrthoThumb';
if (segment.allowDrag) {
for (var j = 0; j < segment.points.length - 1; j++) {
var length_1 = Point.distancePoints(segment.points[j], segment.points[j + 1]);
if (length_1 >= 50) {
segPoint.x = ((segment.points[j].x + segment.points[j + 1].x) / 2);
segPoint.y = ((segment.points[j].y + segment.points[j + 1].y) / 2);
if (contains(position, segPoint, 30)) {
return 'OrthoThumb';
}
}

@@ -212,0 +214,0 @@ }

18

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

@@ -51,3 +51,3 @@ import { IElement } from '../objects/interface/IElement';

*/
showTooltip(node: IElement, position: PointModel, content: string, toolName: string, isTooltipVisible: boolean): void;
showTooltip(node: IElement, position: PointModel, content: string | HTMLElement, toolName: string, isTooltipVisible: boolean): void;
/**

@@ -68,3 +68,3 @@ * @private

*/
triggerEvent(event: DiagramEvent, args: Object): void;
triggerEvent(event: DiagramEvent, args: Object, onSuccessCallBack?: Function, onFailureCallback?: Function): void;
/**

@@ -74,2 +74,3 @@ * @private

dragOverElement(args: MouseEventArgs, currentPosition: PointModel): void;
private connectionChangeEvent;
/**

@@ -79,3 +80,6 @@ * @private

disConnect(obj: IElement, endPoint?: string): void;
private successDisconnect;
private connectionChange;
private connectionEventChange;
private successConnectionChange;
/**

@@ -93,2 +97,3 @@ * @private

changeAnnotationDrag(args: MouseEventArgs): void;
private connectionChangeConnect;
/**

@@ -98,2 +103,3 @@ * @private

connect(endPoint: string, args: MouseEventArgs): void;
private successConnect;
/** @private */

@@ -144,4 +150,9 @@ cut(): void;

addText(obj: Node | Connector, currentPosition: PointModel): void;
/**
* @private
*/
private selectObjectParameters;
/** @private */
selectObjects(obj: (NodeModel | ConnectorModel)[], multipleSelection?: boolean, oldValue?: (NodeModel | ConnectorModel)[]): void;
private selectObjectSuccess;
/**

@@ -196,5 +207,8 @@ * @private

getSelectedObject(): (NodeModel | ConnectorModel)[];
private onClearSelectionParameters;
/** @private */
clearSelection(triggerAction?: boolean): void;
/** @private */
private onClearSelectionSuccess;
/** @private */
clearSelectedItems(): void;

@@ -201,0 +215,0 @@ /**

158

src/diagram/interaction/connector-editing.js

@@ -18,2 +18,3 @@ var __extends = (this && this.__extends) || (function () {

import { cloneObject } from '../utility/base-util';
import { DiagramEvent } from './../enum/enum';
import { contains } from './actions';

@@ -75,3 +76,3 @@ import { getOppositeDirection } from '../utility/connector';

}
if (this.inAction && this.endPoint !== undefined && diffX !== 0 || diffY !== 0) {
if ((this.inAction && this.selectedSegment !== undefined && this.endPoint !== undefined) && (diffX !== 0 || diffY !== 0)) {
if (this.endPoint === 'OrthoThumb') {

@@ -144,17 +145,24 @@ this.blocked = !this.dragOrthogonalSegment(connector, this.selectedSegment, this.currentPosition, this.segmentIndex);

if (!(length <= 5)) {
var last = connector.segments[index + 1];
connector.segments.splice(index - 1, 2);
var segment = this.selectedSegment;
if (segment.direction === 'Left' || segment.direction === 'Right') {
first.points[first.points.length - 1].x = last.points[0].x;
last.points[0].y = first.points[first.points.length - 1].y;
var removeSegments = connector.segments.slice(index - 1, index + 1);
var args = {
element: connector, removeSegments: removeSegments, type: 'Removal', cancel: false
};
this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args);
if (!args.cancel) {
var last = connector.segments[index + 1];
connector.segments.splice(index - 1, 2);
var segment = this.selectedSegment;
if (segment.direction === 'Left' || segment.direction === 'Right') {
first.points[first.points.length - 1].x = last.points[0].x;
last.points[0].y = first.points[first.points.length - 1].y;
}
else {
first.points[first.points.length - 1].y = last.points[0].y;
last.points[0].x = first.points[first.points.length - 1].x;
}
if (segment.length || segment.length === 0) {
this.findSegmentDirection(first);
}
this.findSegmentDirection(last);
}
else {
first.points[first.points.length - 1].y = last.points[0].y;
last.points[0].x = first.points[first.points.length - 1].x;
}
if (segment.length || segment.length === 0) {
this.findSegmentDirection(first);
}
this.findSegmentDirection(last);
}

@@ -173,25 +181,41 @@ };

var next = connector.segments[index + 1];
var removeSegments;
var args;
if (next.length || next.length === 0) {
connector.segments.splice(index, 2);
if (segment.direction === 'Top' || segment.direction === 'Bottom') {
last.points[0].y = segment.points[0].y;
first.points[first.points.length - 1].x = last.points[0].x;
removeSegments = connector.segments.slice(index, 2);
args = {
element: connector, removeSegments: removeSegments, type: 'Removal', cancel: false
};
this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args);
if (!args.cancel) {
connector.segments.splice(index, 2);
if (segment.direction === 'Top' || segment.direction === 'Bottom') {
last.points[0].y = segment.points[0].y;
first.points[first.points.length - 1].x = last.points[0].x;
}
else {
last.points[0].x = segment.points[0].x;
first.points[first.points.length - 1].y = last.points[0].y;
}
}
else {
last.points[0].x = segment.points[0].x;
first.points[first.points.length - 1].y = last.points[0].y;
}
}
else {
connector.segments.splice(index + 1, 1);
if (segment.direction === 'Top' || segment.direction === 'Bottom') {
first.points[first.points.length - 1].x = next.points[next.points.length - 1].x;
removeSegments = connector.segments.slice(index + 1, 1);
args = {
element: connector, removeSegments: removeSegments, type: 'Removal', cancel: false
};
this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args);
if (!args.cancel) {
connector.segments.splice(index + 1, 1);
if (segment.direction === 'Top' || segment.direction === 'Bottom') {
first.points[first.points.length - 1].x = next.points[next.points.length - 1].x;
}
else {
first.points[first.points.length - 1].y = next.points[next.points.length - 1].y;
}
this.findSegmentDirection(first);
segment.length = segment.direction = null;
}
else {
first.points[first.points.length - 1].y = next.points[next.points.length - 1].y;
}
this.findSegmentDirection(first);
segment.length = segment.direction = null;
}
if (first && last) {
if (first && last && !args.cancel) {
first.length = Point.distancePoints(first.points[0], last.points[0]);

@@ -306,8 +330,10 @@ first.direction = Point.direction(first.points[0], last.points[0]);

}
if (update) {
this.selectedSegment = segment = obj.segments[index];
this.segmentIndex = 0;
if (index) {
if (update) {
this.selectedSegment = segment = obj.segments[index];
this.segmentIndex = 0;
}
this.updateAdjacentSegments(obj, index, tx, ty);
this.commandHandler.updateEndPoint(obj, oldValues);
}
this.updateAdjacentSegments(obj, index, tx, ty);
this.commandHandler.updateEndPoint(obj, oldValues);
}

@@ -328,4 +354,10 @@ return true;

segments.push(new OrthogonalSegment(obj, 'segments', { type: 'Orthogonal', direction: segmentDirection, length: length / 2 }, true));
obj.segments = segments.concat(obj.segments);
index = coll + 2;
var args = {
element: obj, addSegments: segments, type: 'Addition', cancel: false
};
this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args);
if (!args.cancel) {
obj.segments = segments.concat(obj.segments);
index = coll + 2;
}
return index;

@@ -341,3 +373,2 @@ };

if (obj.sourcePortID && segment.length && obj.segments[0].points.length > 2) {
obj.segments.splice(0, 1);
var prev = void 0;

@@ -359,4 +390,2 @@ for (var i = 0; i < segment.points.length - 1; i++) {

}
obj.segments = segments.concat(obj.segments);
index = 1;
}

@@ -376,8 +405,20 @@ else {

segments.push(insertseg);
var nextseg = obj.segments[1];
if (nextseg && nextseg.length) {
nextseg.length = (direction !== nextseg.direction) ? nextseg.length + length : nextseg.length - length;
}
var args = {
element: obj, addSegments: segments, type: 'Addition', cancel: false
};
this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args);
if (!args.cancel) {
if (obj.sourcePortID && segment.length && obj.segments[0].points.length > 2) {
obj.segments.splice(0, 1);
index = 1;
}
index = 2;
segment.length = 2 * segment.length / 3;
else {
var nextseg = obj.segments[1];
if (nextseg && nextseg.length) {
nextseg.length = (direction !== nextseg.direction) ? nextseg.length + length : nextseg.length - length;
}
index = 2;
segment.length = 2 * segment.length / 3;
}
obj.segments = segments.concat(obj.segments);

@@ -412,3 +453,4 @@ }

var dir;
connector.segments.pop();
var segments = [];
var removeSegment = connector.segments.pop();
var last = connector.segments[connector.segments.length - 1];

@@ -420,3 +462,3 @@ first = (last && last.type === 'Orthogonal') ? last : null;

insertseg = new OrthogonalSegment(connector, 'segments', { type: 'Orthogonal', length: len, direction: dir }, true);
connector.segments.push(insertseg);
segments.push(insertseg);
first = insertseg;

@@ -434,9 +476,19 @@ }

newseg = new OrthogonalSegment(connector, 'segments', { type: 'Orthogonal', length: len, direction: dir });
connector.segments.push(newseg);
segments.push(newseg);
}
}
var lastseg = new OrthogonalSegment(connector, 'segments', { type: 'Orthogonal' }, true);
connector.segments.push(lastseg);
this.commandHandler.updateEndPoint(connector, oldValues);
index = index + segmentIndex;
segments.push(lastseg);
var args = {
element: connector, addSegments: segments, type: 'Addition', cancel: false
};
this.commandHandler.triggerEvent(DiagramEvent.segmentCollectionChange, args);
if (!args.cancel) {
connector.segments = connector.segments.concat(segments);
index = index + segmentIndex;
}
else {
connector.segments.push(removeSegment);
}
this.commandHandler.updateEndPoint(connector);
return index;

@@ -443,0 +495,0 @@ };

1

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

@@ -77,2 +77,3 @@ import { PointModel } from '../primitives/point-model';

mouseMove(e: PointerEvent | TouchEvent, touches: TouchList): void;
private getContent;
private checkAutoScroll;

@@ -79,0 +80,0 @@ /** @private */

20

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

@@ -21,2 +21,14 @@ import { Property, ChildProperty, Collection, Complex } from '@syncfusion/ej2-base';import { IElement } from '../objects/interface/IElement';import { Container } from '../core/containers/container';import { Node } from '../objects/node';import { Connector } from '../objects/connector';import { PointModel } from '../primitives/point-model';import { Point } from '../primitives/point';import { Size } from '../primitives/size';import { RubberBandSelectionMode, Side, ThumbsConstraints } from '../enum/enum';import { SelectorConstraints, HorizontalAlignment, VerticalAlignment } from '../enum/enum';import { NodeModel } from '../objects/node-model';import { ConnectorModel } from '../objects/connector-model';import { Diagram } from '../../diagram/diagram';import { MarginModel } from '../core/appearance-model';import { Margin } from '../core/appearance';import { ShapeAnnotationModel, PathAnnotationModel } from '../objects/annotation-model';import { DiagramElement } from '../core/elements/diagram-element';

/**
* Defines the custom content of the user handle
* @default ''
*/
content?: string;
/**
* Defines the image source of the user handle
* @default ''
*/
source?: string;
/**
* Defines the background color of user Handle

@@ -238,2 +250,10 @@ * @default 'black'

/**
* setTooltipTemplate helps to customize the content of a tooltip
* @aspDefaultValueIgnore
* @default undefined
* @deprecated
*/
setTooltipTemplate?: Function | string;
}

17

src/diagram/interaction/selector.d.ts

@@ -64,2 +64,12 @@ import { ChildProperty } from '@syncfusion/ej2-base';

/**
* Defines the custom content of the user handle
* @default ''
*/
content: string;
/**
* Defines the image source of the user handle
* @default ''
*/
source: string;
/**
* Defines the background color of user Handle

@@ -282,2 +292,9 @@ * @default 'black'

/**
* setTooltipTemplate helps to customize the content of a tooltip
* @aspDefaultValueIgnore
* @default undefined
* @deprecated
*/
setTooltipTemplate: Function | string;
/**
* Initializes the UI of the container

@@ -284,0 +301,0 @@ */

9

src/diagram/interaction/selector.js

@@ -86,2 +86,8 @@ var __extends = (this && this.__extends) || (function () {

__decorate([
Property('')
], UserHandle.prototype, "content", void 0);
__decorate([
Property('')
], UserHandle.prototype, "source", void 0);
__decorate([
Property('#000000')

@@ -208,4 +214,7 @@ ], UserHandle.prototype, "backgroundColor", void 0);

], Selector.prototype, "constraints", void 0);
__decorate([
Property()
], Selector.prototype, "setTooltipTemplate", void 0);
return Selector;
}(ChildProperty));
export { Selector };

9

src/diagram/interaction/tool.d.ts

@@ -105,3 +105,6 @@ import { PointModel } from '../primitives/point-model';

/** @private */
private pointChangeParameter;
/** @private */
mouseMove(args: MouseEventArgs): boolean;
private onSuccessPointChange;
/** @private */

@@ -147,2 +150,4 @@ mouseLeave(args: MouseEventArgs): void;

/** @private */
rotateEventArgs: object;
/** @private */
mouseDown(args: MouseEventArgs): void;

@@ -154,2 +159,3 @@ /** @private */

private getTooltipContent;
private successRotateEvent;
/** @private */

@@ -184,2 +190,4 @@ mouseLeave(args: MouseEventArgs): void;

private getChanges;
/** @private */
private sizeChangeParameters;
/**

@@ -192,2 +200,3 @@ * Updates the size with delta width and delta height using scaling.

private scaleObjects;
private sizeChangeSuccessCallback;
}

@@ -194,0 +203,0 @@ /**

1

src/diagram/layout/complex-hierarchical-tree.d.ts

@@ -24,2 +24,3 @@ import { INode, Layout } from './layout-base';

doLayout(nodes: INode[], nameTable: {}, layout: Layout, viewPort: PointModel): void;
getLayoutNodesCollection(nodes: INode[]): INode[];
}

@@ -26,0 +27,0 @@ /**

2

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

@@ -165,2 +165,3 @@ import { PointModel } from '../primitives/point-model';import { Rect } from '../primitives/rect';import { MarginModel } from '../core/appearance-model';import { Margin } from '../core/appearance';import { HorizontalAlignment, VerticalAlignment, ConnectionDirection, } from '../enum/enum';import { LayoutOrientation, ConnectorSegments, LayoutType, SubTreeOrientation, SubTreeAlignments, Segments } from '../enum/enum';import { Property, Complex, ChildProperty } from '@syncfusion/ej2-base';import { OrthogonalSegmentModel, BezierSegmentModel, StraightSegmentModel } from '../objects/connector-model';

* @default undefined
* @deprecated
*/

@@ -173,2 +174,3 @@ getLayoutInfo?: Function | string;

* @default undefined
* @deprecated
*/

@@ -175,0 +177,0 @@ getBranch?: Function | string;

3

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

@@ -156,2 +156,3 @@ import { PointModel } from '../primitives/point-model';

* @default undefined
* @deprecated
*/

@@ -163,2 +164,3 @@ getLayoutInfo: Function | string;

* @default undefined
* @deprecated
*/

@@ -374,5 +376,4 @@ getBranch: Function | string;

}
/** @private */
export interface LevelBounds {
rBounds: Bounds;
}

4

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

@@ -131,3 +131,3 @@ import { Layout } from './layout-base';

export interface ITreeInfo extends INode, IConnector {
graphType?: graphType;
graphType?: GraphObjectType;
parents?: IGraphObject[];

@@ -149,2 +149,2 @@ children?: IGraphObject[];

}
export declare type graphType = 'Node' | 'Connector';
export declare type GraphObjectType = 'Node' | 'Connector';

12

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

@@ -1,2 +0,2 @@

import { Property, Complex, Collection, ChildProperty, ComplexFactory, CollectionFactory } from '@syncfusion/ej2-base';import { ShapeStyle, StrokeStyle } from '../core/appearance';import { StrokeStyleModel, ShapeStyleModel } from '../core/appearance-model';import { Point } from '../primitives/point';import { TextElement } from '../core/elements/text-element';import { PointModel } from '../primitives/point-model';import { Segments, DecoratorShapes, Transform, ConnectorConstraints, Direction, LayoutOrientation, Status } from '../enum/enum';import { Rect } from '../primitives/rect';import { Size } from '../primitives/size';import { findAngle, findConnectorPoints, Bridge, getOuterBounds } from '../utility/connector';import { getAnnotationPosition, alignLabelOnSegments, updateConnector, setUMLActivityDefaults } from '../utility/diagram-util';import { findDistance, findPath, updatePathElement } from '../utility/diagram-util';import { randomId, getFunction } from './../utility/base-util';import { flipConnector } from './../utility/diagram-util';import { PathElement } from '../core/elements/path-element';import { PathAnnotation } from './annotation';import { Canvas } from '../core/containers/canvas';import { getDecoratorShape } from './dictionary/common';import { IElement } from './interface/IElement';import { Container } from '../core/containers/container';import { DiagramElement } from '../core/elements/diagram-element';import { HorizontalAlignment, VerticalAlignment, AssociationFlow, ClassifierShape, Multiplicity } from '../enum/enum';import { ConnectionShapes, UmlActivityFlows, BpmnFlows, BpmnMessageFlows, BpmnSequenceFlows, BpmnAssociationFlows } from '../enum/enum';import { SegmentInfo, Alignment } from '../rendering/canvas-interface';import { PathAnnotationModel } from './annotation-model';import { NodeBase } from './node-base';import { DiagramTooltipModel } from './tooltip-model';import { DiagramTooltip } from './tooltip';import { Matrix, identityMatrix, rotateMatrix, scaleMatrix, transformPointsByMatrix, transformPointByMatrix } from '../primitives/matrix';import { DiagramHtmlElement } from '../core/elements/html-element';
import { Property, Complex, Collection, ChildProperty, ComplexFactory, CollectionFactory } from '@syncfusion/ej2-base';import { ShapeStyle, StrokeStyle } from '../core/appearance';import { StrokeStyleModel, ShapeStyleModel } from '../core/appearance-model';import { Point } from '../primitives/point';import { TextElement } from '../core/elements/text-element';import { PointModel } from '../primitives/point-model';import { Segments, DecoratorShapes, Transform, ConnectorConstraints, Direction, LayoutOrientation, Status } from '../enum/enum';import { Rect } from '../primitives/rect';import { Size } from '../primitives/size';import { findAngle, findConnectorPoints, Bridge, getOuterBounds } from '../utility/connector';import { getAnnotationPosition, alignLabelOnSegments, updateConnector, setUMLActivityDefaults } from '../utility/diagram-util';import { findDistance, findPath, updatePathElement} from '../utility/diagram-util';import { randomId, getFunction } from './../utility/base-util';import { flipConnector } from './../utility/diagram-util';import { PathElement } from '../core/elements/path-element';import { PathAnnotation } from './annotation';import { Canvas } from '../core/containers/canvas';import { getDecoratorShape } from './dictionary/common';import { IElement } from './interface/IElement';import { Container } from '../core/containers/container';import { DiagramElement } from '../core/elements/diagram-element';import { HorizontalAlignment, VerticalAlignment, AssociationFlow, ClassifierShape, Multiplicity } from '../enum/enum';import { ConnectionShapes, UmlActivityFlows, BpmnFlows, BpmnMessageFlows, BpmnSequenceFlows, BpmnAssociationFlows } from '../enum/enum';import { SegmentInfo, Alignment } from '../rendering/canvas-interface';import { PathAnnotationModel } from './annotation-model';import { NodeBase } from './node-base';import { DiagramTooltipModel } from './tooltip-model';import { DiagramTooltip } from './tooltip';import { Matrix, identityMatrix, rotateMatrix, scaleMatrix, transformPointsByMatrix, transformPointByMatrix } from '../primitives/matrix';import { DiagramHtmlElement } from '../core/elements/html-element';
import {NodeBaseModel} from "./node-base-model";

@@ -178,3 +178,3 @@

* * BiDirectional - Sets the type of Association flow as BiDirectional
* @default 'Default'
* * @default 'Default'
*/

@@ -199,2 +199,8 @@ association?: BpmnAssociationFlows;

/**
* Defines the segment to be drag or not
* @default true
*/
allowDrag?: boolean;
}

@@ -355,3 +361,3 @@

* Defines the type of the UMLConnector
* @default 'UmlClassifier'
* @default 'None'
* @IgnoreSingular

@@ -358,0 +364,0 @@ */

9

src/diagram/objects/connector.d.ts

@@ -198,3 +198,3 @@ /// <reference path="node-base-model.d.ts" />

* * BiDirectional - Sets the type of Association flow as BiDirectional
* @default 'Default'
* * @default 'Default'
*/

@@ -216,2 +216,7 @@ association: BpmnAssociationFlows;

/**
* Defines the segment to be drag or not
* @default true
*/
allowDrag: boolean;
/**
* @private

@@ -397,3 +402,3 @@ */

* Defines the type of the UMLConnector
* @default 'UmlClassifier'
* @default 'None'
* @IgnoreSingular

@@ -400,0 +405,0 @@ */

3

src/diagram/objects/connector.js

@@ -179,2 +179,5 @@ var __extends = (this && this.__extends) || (function () {

], ConnectorSegment.prototype, "type", void 0);
__decorate([
Property(true)
], ConnectorSegment.prototype, "allowDrag", void 0);
return ConnectorSegment;

@@ -181,0 +184,0 @@ }(ChildProperty));

17

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

@@ -10,2 +10,3 @@ import { Container } from '../../core/containers/container';

import { Connector } from '../../objects/connector';
import { OrthogonalSegmentModel, StraightSegmentModel, BezierSegmentModel } from '../../objects/connector-model';
/**

@@ -97,2 +98,18 @@ * IElement interface defines the base of the diagram objects (node/connector)

/**
* ICollectionChangeEventArgs notifies while the node/connector are added or removed
*
*/
export interface ISegmentCollectionChangeEventArgs {
/** returns the selected element */
element: ConnectorModel;
/** returns the selected element */
removeSegments?: (OrthogonalSegmentModel | StraightSegmentModel | BezierSegmentModel)[];
/** returns the action of diagram */
addSegments?: (OrthogonalSegmentModel | StraightSegmentModel | BezierSegmentModel)[];
/** returns the type of the collection change */
type: ChangeType;
/** returns whether to cancel the change or not */
cancel: boolean;
}
/**
* IPropertyChangeEventArgs notifies when the node/connector property changed

@@ -99,0 +116,0 @@ *

8

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

@@ -1,2 +0,2 @@

import { Property, ChildProperty } from '@syncfusion/ej2-base';import { Tooltip, AnimationModel, Position, TooltipEventArgs } from '@syncfusion/ej2-popups';import { TooltipRelativeMode } from '../enum/enum';import { Diagram } from '../diagram';import { NodeModel } from './node-model';import { ConnectorModel } from './connector-model';
import { Property, ChildProperty } from '@syncfusion/ej2-base';import { Tooltip, AnimationModel, Position, TooltipEventArgs } from '@syncfusion/ej2-popups';import { TooltipRelativeMode, TooltipMode } from '../enum/enum';import { Diagram } from '../diagram';import { NodeModel } from './node-model';import { ConnectorModel } from './connector-model';

@@ -47,2 +47,8 @@ /**

/**
* Sets how to open the Tooltip
* @default 'Auto'
*/
openOn?: TooltipMode;
/**
* Allows to set the same or different animation option for the Tooltip, when it is opened or closed.

@@ -49,0 +55,0 @@ * ```html

7

src/diagram/objects/tooltip.d.ts
import { ChildProperty } from '@syncfusion/ej2-base';
import { Tooltip, AnimationModel, Position } from '@syncfusion/ej2-popups';
import { TooltipRelativeMode } from '../enum/enum';
import { TooltipRelativeMode, TooltipMode } from '../enum/enum';
import { Diagram } from '../diagram';

@@ -45,2 +45,7 @@ import { NodeModel } from './node-model';

/**
* Sets how to open the Tooltip
* @default 'Auto'
*/
openOn: TooltipMode;
/**
* Allows to set the same or different animation option for the Tooltip, when it is opened or closed.

@@ -47,0 +52,0 @@ * ```html

3

src/diagram/objects/tooltip.js

@@ -50,2 +50,5 @@ var __extends = (this && this.__extends) || (function () {

__decorate([
Property('Auto')
], DiagramTooltip.prototype, "openOn", void 0);
__decorate([
Property()

@@ -52,0 +55,0 @@ ], DiagramTooltip.prototype, "animation", void 0);

3

src/diagram/rendering/canvas-renderer.d.ts

@@ -5,2 +5,3 @@ import { PointModel } from './../primitives/point-model';

import { IRenderer } from './../rendering/IRenderer';
import { Container } from '../core/containers/container';
/**

@@ -32,3 +33,3 @@ * Canvas Renderer

/** @private */
drawText(canvas: HTMLCanvasElement, options: TextAttributes, parentSvg?: SVGSVGElement, ariaLabel?: Object, diagramId?: string, scaleValue?: number): void;
drawText(canvas: HTMLCanvasElement, options: TextAttributes, parentSvg?: SVGSVGElement, ariaLabel?: Object, diagramId?: string, scaleValue?: number, parentNode?: Container): void;
private loadImage;

@@ -35,0 +36,0 @@ /** @private */

31

src/diagram/rendering/canvas-renderer.js

@@ -5,3 +5,3 @@ import { Size } from './../primitives/size';

import { overFlow } from './../utility/base-util';
import { createHtmlElement } from './../utility/dom-util';
import { createHtmlElement, setChildPosition } from './../utility/dom-util';
/**

@@ -391,3 +391,3 @@ * Canvas Renderer

/** @private */
CanvasRenderer.prototype.drawText = function (canvas, options, parentSvg, ariaLabel, diagramId, scaleValue) {
CanvasRenderer.prototype.drawText = function (canvas, options, parentSvg, ariaLabel, diagramId, scaleValue, parentNode) {
if (options.content && options.visible === true) {

@@ -413,8 +413,24 @@ var ctx = CanvasRenderer.getContext(canvas);

var child = childNodes[i];
child.x = setChildPosition(child, childNodes, i, options);
var offsetX = position.x + (scaleValue ? child.x * scaleValue : child.x) - wrapBounds.x;
var offsetY = position.y + (scaleValue ? child.dy * scaleValue : child.dy) * i + ((options.fontSize) * 0.8);
if (wrapBounds.width > options.width && options.textOverflow !== 'Wrap') {
if (wrapBounds.width > options.width && options.textOverflow !== 'Wrap' && options.textWrapping === 'NoWrap') {
child.text = overFlow(child.text, options);
}
ctx.fillText(child.text, offsetX, offsetY);
if ((options.textOverflow === 'Clip' || options.textOverflow === 'Ellipsis') && options.textWrapping === 'Wrap') {
if (offsetY < parentNode.actualSize.height + parentNode.bounds.y) {
if (options.textOverflow === 'Ellipsis' && childNodes[i + 1]) {
var temp = childNodes[i + 1];
var y = position.y + temp.dy * (i + 1) + ((options.fontSize) * 0.8);
if (y > parentNode.actualSize.height + parentNode.bounds.y) {
child.text = child.text.slice(0, child.text.length - 3);
child.text = child.text.concat('...');
}
}
ctx.fillText(child.text, offsetX, offsetY);
}
}
else {
ctx.fillText(child.text, offsetX, offsetY);
}
if (options.textDecoration === 'Underline'

@@ -618,3 +634,8 @@ || options.textDecoration === 'Overline'

if (wrapBounds.width > text.width && (text.textOverflow === 'Ellipsis' || text.textOverflow === 'Clip')) {
pointx = 0;
if (text.textWrapping === 'NoWrap') {
pointx = 0;
}
else {
pointx = text.width * 0.5;
}
}

@@ -621,0 +642,0 @@ else {

3

src/diagram/rendering/IRenderer.d.ts
import { PathAttributes, TextAttributes } from './canvas-interface';
import { RectAttributes, ImageAttributes, BaseAttributes } from './canvas-interface';
import { ImageElement } from '../core/elements/image-element';
import { Container } from '../core/containers/container';
/**

@@ -14,4 +15,4 @@ * IRenderer interface defines the base of the SVG and Canvas renderer.

renderPath(canvas: HTMLCanvasElement | SVGElement, options: PathAttributes, collection: Object[]): void;
drawText(canvas: HTMLCanvasElement | SVGElement, options: TextAttributes, parentSvg?: SVGSVGElement, ariaLabel?: Object, diagramId?: string, scaleValue?: number): void;
drawText(canvas: HTMLCanvasElement | SVGElement, options: TextAttributes, parentSvg?: SVGSVGElement, ariaLabel?: Object, diagramId?: string, scaleValue?: number, parentNode?: Container): void;
drawImage(canvas: HTMLCanvasElement | SVGElement | ImageElement, obj: ImageAttributes, parentSvg?: SVGSVGElement, fromPalette?: boolean): void;
}

1

src/diagram/rendering/renderer.d.ts

@@ -38,2 +38,3 @@ import { DiagramElement } from '../core/elements/diagram-element';

rendererActions: RendererAction;
private groupElement;
private element;

@@ -40,0 +41,0 @@ private transform;

4

src/diagram/rendering/svg-renderer.d.ts

@@ -10,2 +10,3 @@ import { PointModel } from './../primitives/point-model';

import { TransformFactor as Transforms } from '../interaction/scroller';
import { Container } from '../core/containers/container';
/**

@@ -36,3 +37,4 @@ * SVG Renderer

/** @private */
drawText(canvas: SVGElement, options: TextAttributes, parentSvg?: SVGSVGElement, ariaLabel?: Object, diagramId?: string): void;
drawText(canvas: SVGElement, options: TextAttributes, parentSvg?: SVGSVGElement, ariaLabel?: Object, diagramId?: string, scaleValue?: number, parentNode?: Container): void;
private setText;
/** @private */

@@ -39,0 +41,0 @@ drawImage(canvas: SVGElement | HTMLCanvasElement, obj: ImageAttributes, parentSvg?: SVGSVGElement, fromPalette?: boolean): void;

44

src/diagram/rendering/svg-renderer.js
import { Point } from './../primitives/point';
import { Size } from './../primitives/size';
import { pathSegmentCollection, processPathData } from './../utility/path-util';
import { setAttributeSvg } from './../utility/dom-util';
import { setAttributeSvg, setChildPosition } from './../utility/dom-util';
import { overFlow, wordBreakToString, cornersPointsBeforeRotation } from './../utility/base-util';

@@ -280,3 +280,3 @@ import { CanvasRenderer } from './../rendering/canvas-renderer';

/** @private */
SvgRenderer.prototype.drawText = function (canvas, options, parentSvg, ariaLabel, diagramId) {
SvgRenderer.prototype.drawText = function (canvas, options, parentSvg, ariaLabel, diagramId, scaleValue, parentNode) {
if (options.content !== undefined) {

@@ -324,3 +324,3 @@ var textNode = void 0;

position = this.svgLabelAlign(options, wrapBounds, childNodes);
if (wrapBounds.width > options.width && options.textOverflow !== 'Wrap') {
if (wrapBounds.width > options.width && options.textOverflow !== 'Wrap' && options.textWrapping === 'NoWrap') {
childNodes[0].text = overFlow(options.content, options);

@@ -332,8 +332,25 @@ }

child = childNodes[i];
child.x = setChildPosition(child, childNodes, i, options);
offsetX = position.x + child.x - wrapBounds.x;
offsetY = position.y + child.dy * (i) + ((options.fontSize) * 0.8);
setAttributeSvg(tspanElement, { 'x': offsetX.toString(), 'y': offsetY.toString() });
text.setAttribute('fill', child.text);
tspanElement.appendChild(textNode);
text.appendChild(tspanElement);
if ((options.textOverflow === 'Clip' || options.textOverflow === 'Ellipsis') && options.textWrapping === 'Wrap') {
if (offsetY < parentNode.actualSize.height) {
if (options.textOverflow === 'Ellipsis' && childNodes[i + 1]) {
var temp = childNodes[i + 1];
var y = position.y + temp.dy * (i + 1) + ((options.fontSize) * 0.8);
if (y > parentNode.actualSize.height) {
child.text = child.text.slice(0, child.text.length - 3);
child.text = child.text.concat('...');
textNode.data = child.text;
}
}
this.setText(text, tspanElement, child, textNode, offsetX, offsetY);
}
else {
break;
}
}
else {
this.setText(text, tspanElement, child, textNode, offsetX, offsetY);
}
}

@@ -354,2 +371,8 @@ }

};
SvgRenderer.prototype.setText = function (text, tspanElement, child, textNode, offsetX, offsetY) {
setAttributeSvg(tspanElement, { 'x': offsetX.toString(), 'y': offsetY.toString() });
text.setAttribute('fill', child.text);
tspanElement.appendChild(textNode);
text.appendChild(tspanElement);
};
/** @private */

@@ -597,3 +620,8 @@ SvgRenderer.prototype.drawImage = function (canvas, obj, parentSvg, fromPalette) {

if (wrapBound.width > text.width && (text.textOverflow === 'Ellipsis' || text.textOverflow === 'Clip')) {
pointX = 0;
if (text.textWrapping === 'NoWrap') {
pointX = 0;
}
else {
pointX = text.width * 0.5;
}
}

@@ -600,0 +628,0 @@ else {

6

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

@@ -10,3 +10,3 @@ import { PointModel } from '../primitives/point-model';

import { DiagramNativeElement } from '../core/elements/native-element';
import { BaseAttributes } from '../rendering/canvas-interface';
import { BaseAttributes, TextAttributes, SubTextElement } from '../rendering/canvas-interface';
/**

@@ -16,2 +16,4 @@ * Defines the functionalities that need to access DOM

/** @private */
export declare function removeElementsByClass(className: string): void;
/** @private */
export declare function findSegmentPoints(element: PathElement): PointModel[];

@@ -98,1 +100,3 @@ export declare function getChildNode(node: SVGElement): SVGElement[] | HTMLCollection;

export declare function createMeasureElements(): void;
/** @private */
export declare function setChildPosition(temp: SubTextElement, childNodes: SubTextElement[], i: number, options: TextAttributes): number;

54

src/diagram/utility/dom-util.js

@@ -7,2 +7,3 @@ import { Rect } from '../primitives/rect';

import { compile, createElement, Browser } from '@syncfusion/ej2-base';
import { Node } from '../objects/node';
import { getElement } from './diagram-util';

@@ -13,2 +14,9 @@ /**

/** @private */
export function removeElementsByClass(className) {
var elements = document.getElementsByClassName(className);
while (elements.length > 0) {
elements[0].parentNode.removeChild(elements[0]);
}
}
/** @private */
export function findSegmentPoints(element) {

@@ -597,2 +605,36 @@ var pts = [];

var node = getElement(element);
var content = '';
var sentNode = {};
if (node instanceof Node) {
sentNode = node;
var blazor = 'Blazor';
if (window[blazor]) {
sentNode = {};
var id = 'id';
var height = 'height';
var width = 'width';
var offsetX = 'offsetX';
var offsetY = 'offsetY';
var text = 'content';
var annotations = 'annotations';
var addInfo = 'addInfo';
content = element.diagramId + 'content_diagram';
sentNode[id] = node[id];
sentNode[height] = node[height];
sentNode[width] = node[width];
sentNode[offsetX] = node[offsetX];
sentNode[offsetY] = node[offsetY];
sentNode[addInfo] = node[addInfo];
if (node.annotations && node.annotations.length > 0) {
sentNode[annotations] = [];
for (var i = 0; i < node.annotations.length; i++) {
sentNode[annotations][i] = { content: node.annotations[i][text] };
}
}
}
}
else {
sentNode = node;
content = element.diagramId + 'template_diagram';
}
var item;

@@ -602,3 +644,3 @@ if (typeof element.content === 'string') {

compiledString = compile(element.content);
for (var _i = 0, _a = compiledString(node); _i < _a.length; _i++) {
for (var _i = 0, _a = compiledString(sentNode, null, null, content); _i < _a.length; _i++) {
item = _a[_i];

@@ -657,1 +699,11 @@ div.appendChild(item);

}
/** @private */
export function setChildPosition(temp, childNodes, i, options) {
if (childNodes.length > 1 && temp.x === 0 &&
(options.textOverflow === 'Clip' || options.textOverflow === 'Ellipsis') &&
options.textWrapping === 'Wrap') {
temp.x = childNodes[i - 1] ? childNodes[i - 1].x : -(temp.width / 2);
return temp.x;
}
return temp.x;
}

1

src/overview/overview-model.d.ts

@@ -30,2 +30,3 @@ import { Diagram } from '../diagram/diagram';import { RenderingMode } from '../diagram/enum/enum';import { DiagramRenderer } from '../diagram/rendering/renderer';import { CanvasRenderer } from '../diagram/rendering/canvas-renderer';import { INotifyPropertyChanged, Component, Property, Browser, EventHandler, Event, EmitType } from '@syncfusion/ej2-base';import { setAttributeHtml, setAttributeSvg, createHtmlElement } from '../diagram/utility/dom-util';import { createSvgElement, getNativeLayer, hasClass } from '../diagram/utility/dom-util';import { Rect } from '../diagram/primitives/rect';import { Size } from '../diagram/primitives/size';import { PointModel } from '../diagram/primitives/point-model';import { SvgRenderer } from '../diagram/rendering/svg-renderer';

* @event
* @blazorProperty 'Created'
*/

@@ -32,0 +33,0 @@ created?: EmitType<Object>;

1

src/overview/overview.d.ts

@@ -45,2 +45,3 @@ import { RenderingMode } from '../diagram/enum/enum';

* @event
* @blazorProperty 'Created'
*/

@@ -47,0 +48,0 @@ created: EmitType<Object>;

2

src/ruler/ruler.d.ts

@@ -151,4 +151,4 @@ import { Component } from '@syncfusion/ej2-base';

}
export interface Trans {
export interface SegmentTranslation {
trans: number;
}

10

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

@@ -1,2 +0,2 @@

import { Component, Property, Complex, CollectionFactory, ChildProperty, Event } from '@syncfusion/ej2-base';import { Browser, EventHandler, Draggable, INotifyPropertyChanged, Collection, ModuleDeclaration } from '@syncfusion/ej2-base';import { remove, EmitType } from '@syncfusion/ej2-base';import { Accordion, AccordionItemModel, ExpandMode, ExpandEventArgs } from '@syncfusion/ej2-navigations';import { NodeModel, ConnectorModel, Node, Connector, Shape, Size, Transform, SwimLane, PathModel } from '../diagram/index';import { DiagramRenderer, Container, StackPanel, Margin, BpmnDiagrams, ShapeStyleModel, TextStyleModel } from '../diagram/index';import { DiagramElement, TextElement, MarginModel, Canvas, BpmnShape, PointModel, IElement } from '../diagram/index';import { TextWrap, TextOverflow, IPaletteSelectionChangeArgs, HeaderModel, SwimLaneModel } from '../diagram/index';import { SvgRenderer } from '../diagram/rendering/svg-renderer';import { parentsUntil, createSvgElement, createHtmlElement, createMeasureElements } from '../diagram/utility/dom-util';import { scaleElement, arrangeChild, groupHasType, setUMLActivityDefaults } from '../diagram/utility/diagram-util';import { getFunction, randomId } from '../diagram/utility/base-util';import { getOuterBounds } from '../diagram/utility/connector';import { Point } from '../diagram/primitives/point';import { CanvasRenderer } from '../diagram/rendering/canvas-renderer';import { Rect } from '../diagram/primitives/rect';
import { Component, Property, Complex, CollectionFactory, ChildProperty, Event } from '@syncfusion/ej2-base';import { Browser, EventHandler, Draggable, INotifyPropertyChanged, Collection, ModuleDeclaration } from '@syncfusion/ej2-base';import { remove, EmitType } from '@syncfusion/ej2-base';import { Accordion, AccordionItemModel, ExpandMode, ExpandEventArgs } from '@syncfusion/ej2-navigations';import { NodeModel, ConnectorModel, Node, Connector, Shape, Size, Transform, SwimLane, PathModel } from '../diagram/index';import { DiagramRenderer, Container, StackPanel, Margin, BpmnDiagrams, ShapeStyleModel, TextStyleModel } from '../diagram/index';import { DiagramElement, TextElement, MarginModel, Canvas, BpmnShape, PointModel, IElement } from '../diagram/index';import { TextWrap, TextOverflow, IPaletteSelectionChangeArgs, HeaderModel, SwimLaneModel } from '../diagram/index';import { SvgRenderer } from '../diagram/rendering/svg-renderer';import { parentsUntil, createSvgElement, createHtmlElement, createMeasureElements } from '../diagram/utility/dom-util';import { removeElementsByClass } from '../diagram/utility/dom-util';import { scaleElement, arrangeChild, groupHasType, setUMLActivityDefaults } from '../diagram/utility/diagram-util';import { getFunction, randomId } from '../diagram/utility/base-util';import { getOuterBounds } from '../diagram/utility/connector';import { Point } from '../diagram/primitives/point';import { CanvasRenderer } from '../diagram/rendering/canvas-renderer';import { Rect } from '../diagram/primitives/rect';
import {ComponentModel} from '@syncfusion/ej2-base';

@@ -143,2 +143,3 @@

* ```
* @deprecated
*/

@@ -151,2 +152,3 @@ getSymbolInfo?: Function | string;

* @default undefined
* @deprecated
*/

@@ -159,2 +161,3 @@ filterSymbols?: Function | string;

* @default undefined
* @deprecated
*/

@@ -216,2 +219,3 @@ getSymbolTemplate?: Function | string;

* @event
* @blazorProperty 'OnPaletteSelectionChange'
*/

@@ -222,2 +226,3 @@ paletteSelectionChange?: EmitType<IPaletteSelectionChangeArgs>;

* Helps to return the default properties of node
* @deprecated
*/

@@ -227,3 +232,4 @@ getNodeDefaults?: Function | string;

/**
* Helps to return the default properties of connector
* Helps to return the default properties of connector
* @deprecated
*/

@@ -230,0 +236,0 @@ getConnectorDefaults?: Function | string;

6

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

@@ -149,2 +149,3 @@ import { Component, ChildProperty } from '@syncfusion/ej2-base';

* ```
* @deprecated
*/

@@ -156,2 +157,3 @@ getSymbolInfo: Function | string;

* @default undefined
* @deprecated
*/

@@ -163,2 +165,3 @@ filterSymbols: Function | string;

* @default undefined
* @deprecated
*/

@@ -211,2 +214,3 @@ getSymbolTemplate: Function | string;

* @event
* @blazorProperty 'OnPaletteSelectionChange'
*/

@@ -221,2 +225,3 @@ paletteSelectionChange: EmitType<IPaletteSelectionChangeArgs>;

* Helps to return the default properties of node
* @deprecated
*/

@@ -226,2 +231,3 @@ getNodeDefaults: Function | string;

* Helps to return the default properties of connector
* @deprecated
*/

@@ -228,0 +234,0 @@ getConnectorDefaults: Function | string;

8

src/symbol-palette/symbol-palette.js

@@ -29,2 +29,3 @@ var __extends = (this && this.__extends) || (function () {

import { parentsUntil, createSvgElement, createHtmlElement, createMeasureElements } from '../diagram/utility/dom-util';
import { removeElementsByClass } from '../diagram/utility/dom-util';
import { scaleElement, arrangeChild, groupHasType, setUMLActivityDefaults } from '../diagram/utility/diagram-util';

@@ -443,3 +444,3 @@ import { getFunction, randomId } from '../diagram/utility/base-util';

}
var paletteDiv = createHtmlElement('div', { 'id': symbolGroup.id, style: style });
var paletteDiv = createHtmlElement('div', { 'id': symbolGroup.id, style: style, class: 'e-remove-palette' });
this.element.appendChild(paletteDiv);

@@ -1192,2 +1193,3 @@ var item = {

this.accordionElement.items = [];
removeElementsByClass('e-remove-palette');
this.updatePalettes();

@@ -1262,2 +1264,6 @@ this.accordionElement.dataBind();

this.accordionElement.removeItem(0);
var searchPalette = document.getElementById('SearchPalette');
if (searchPalette) {
searchPalette.remove();
}
}

@@ -1264,0 +1270,0 @@ };

dist/ej2-diagrams.umd.min.js

Sorry, the diff of this file is too big to display

dist/ej2-diagrams.umd.min.js.map

Sorry, the diff of this file is not supported yet

dist/es6/ej2-diagrams.es2015.js

Sorry, the diff of this file is too big to display

dist/es6/ej2-diagrams.es2015.js.map

Sorry, the diff of this file is not supported yet

dist/es6/ej2-diagrams.es5.js

Sorry, the diff of this file is too big to display

dist/es6/ej2-diagrams.es5.js.map

Sorry, the diff of this file is not supported yet

dist/global/ej2-diagrams.min.js

Sorry, the diff of this file is too big to display

dist/global/ej2-diagrams.min.js.map

Sorry, the diff of this file is not supported yet

src/diagram/diagram.js

Sorry, the diff of this file is too big to display

src/diagram/enum/enum.d.ts

Sorry, the diff of this file is too big to display

src/diagram/interaction/command-manager.js

Sorry, the diff of this file is too big to display

src/diagram/interaction/event-handlers.js

Sorry, the diff of this file is too big to display

src/diagram/interaction/tool.js

Sorry, the diff of this file is too big to display

src/diagram/layout/complex-hierarchical-tree.js

Sorry, the diff of this file is too big to display

src/diagram/objects/bpmn.js

Sorry, the diff of this file is too big to display

src/diagram/rendering/renderer.js

Sorry, the diff of this file is too big to display

styles/bootstrap-dark.css

Sorry, the diff of this file is not supported yet

styles/bootstrap.css

Sorry, the diff of this file is not supported yet

styles/bootstrap4.css

Sorry, the diff of this file is not supported yet

styles/diagram/_theme.scss

Sorry, the diff of this file is not supported yet

styles/diagram/bootstrap-dark.css

Sorry, the diff of this file is not supported yet

styles/diagram/bootstrap.css

Sorry, the diff of this file is not supported yet

styles/diagram/bootstrap4.css

Sorry, the diff of this file is not supported yet

styles/diagram/fabric-dark.css

Sorry, the diff of this file is not supported yet

styles/diagram/fabric.css

Sorry, the diff of this file is not supported yet

styles/diagram/highcontrast-light.css

Sorry, the diff of this file is not supported yet

styles/diagram/highcontrast.css

Sorry, the diff of this file is not supported yet

styles/diagram/material-dark.css

Sorry, the diff of this file is not supported yet

styles/diagram/material.css

Sorry, the diff of this file is not supported yet

styles/fabric-dark.css

Sorry, the diff of this file is not supported yet

styles/fabric.css

Sorry, the diff of this file is not supported yet

styles/highcontrast-light.css

Sorry, the diff of this file is not supported yet

styles/highcontrast.css

Sorry, the diff of this file is not supported yet

styles/material-dark.css

Sorry, the diff of this file is not supported yet

styles/material.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc