@syncfusion/ej2-diagrams
Advanced tools
Comparing version 17.2.28-beta to 17.2.29-beta
207
CHANGELOG.md
@@ -5,4 +5,77 @@ # Changelog | ||
## 17.2.46 (2019-08-22) | ||
### Diagram | ||
#### Bug Fixes | ||
- `#245696`,`#245047`,`#244836` - Now, the Angular diagram will be rendered properly when we set the target as es6/es2015 in ts.config file. | ||
- `#244623` - The issue "Flip not working for HTML node" is now resolved. | ||
- `#242968` - Now, the sequence connector updated properly while changing port to port connection at runtime. | ||
- `#244365` - Now, the user handle events firing after zoom in the diagram is validated. | ||
- `#245231` - The issue "When we draw multiple nodes horizontally and update layout at runtime, connectors are not updated in straight" is now resolved. | ||
- `#244804` - The fill color for target Decorator is now applied properly for sequence connector. | ||
- `#245061` - The issue "Nodes beyond the diagram view port also rendered dynamically, when enable the virtualization" is now resolved. | ||
## 17.2.41 (2019-08-14) | ||
### Diagram | ||
#### Bug Fixes | ||
- `#146327` - The issue "Layout not working for Group Node" is now resolved. | ||
- `#243648` - The issue "Exception raised while adding UML class shapes at runtime" is now resolved. | ||
- `#146017` - The issue "Decorator is not aligned properly in palette when we set large stroke Width for it" is now resolved. | ||
- `#242713` - The issue "Diagram Connectors not exported properly using web kit" is now resolved. | ||
- `#244589`, `#244046` - The issue "Context menu properties are generated in MVC" is now resolved. | ||
- `#243734` - The issue "Symbol Palette - first palette element gets removed while refresh the palette" is now resolved. | ||
- `#244519` - The issue "Support to delete a lane from swimlane" is now resolved. | ||
- The issue "Ports are not rendered when we enable virtualization" is now resolved. | ||
## 17.2.40 (2019-08-06) | ||
### Diagram | ||
#### Bug Fixes | ||
- `#243785` - The issue "Symbol palette first row expands twice on click" is now resolved. | ||
- `#243648` - The issue "Exception raised while adding UML class shapes at runtime" is now resolved. | ||
- `#146017` - The issue "Decorator is not aligned properly in palette when we set large stroke width for it" is now resolved. | ||
## 17.2.39 (2019-07-30) | ||
### Diagram | ||
#### New Features | ||
- `#242645` - The issue "Support to add node in lanes collection at runtime" is now resolved. | ||
#### Bug Fixes | ||
- `#243078` - The issue "Hidden layer is visible" is now resolved. | ||
- The issue "Context menu re-opens if you click a menu item quickly" is now working fine. | ||
## 17.2.36 (2019-07-24) | ||
### Diagram | ||
#### Bug Fixes | ||
- #236860, #237139 - The issue "MouseMove event is not triggered in Firefox" is now resolved. | ||
- #241680 - The issue "Nodes drawn using drawing tools not appeared in overview" is now resolved. | ||
- #240493 - The console error thrown while resizing the window in Chrome has been fixed. | ||
- #242332 - The issue "ContextMenu not appears while clicking an empty diagram" is now resolved. | ||
## 17.2.35 (2019-07-17) | ||
### Diagram | ||
#### Bug Fixes | ||
- #239193 - The issue "element does not placed properly when specify the position as (0,0)" is now resolved. | ||
## 17.2.28-beta (2019-06-27) | ||
### Diagram | ||
#### Breaking Changes | ||
@@ -186,2 +259,111 @@ | ||
- #236866 - The issue with tooltip is shown even after deleting the node has been resolved. | ||
## 17.1.50 (2019-06-04) | ||
### Diagram | ||
#### Bug Fixes | ||
- #237131 - The issue "Layout is messed up when diagram have disconnected nodes" has been resolved using complex hierarchical tree layout. | ||
- #237533 - The issue "min-height and min-width properties of node does not updated properly at run time" has been resolved. | ||
## 17.1.49 (2019-05-29) | ||
### Diagram | ||
#### Breaking Changes | ||
- The `data` property is removed from the DataSource property of the diagram. | ||
## 17.1.48 (2019-05-21) | ||
### Diagram | ||
#### Breaking Changes | ||
- The `class` property in the UML Classifier shape is renamed properly as `classShape`. | ||
- The `interface` property in the UML Classifier shape is renamed properly as `interfaceShape`. | ||
- The `enumeration` property in the UML Classifier shape is renamed properly as `enumerationShape`. | ||
#### Bug Fixes | ||
- #234537 - The BPMN shape style is now applied to the BPMN inner elements. | ||
- #235977 - The issue "User handles drawn multiple times while dragging a node from the palette" has been resolved. | ||
- #235742 - The issue with the oldValue of selectionChange is shown incorrect when mouse down on node has been resolved. | ||
- #235794 - The `textEdit` event is now fired in Edge browser. | ||
- #236322 - The module property in the package.json has been updated. | ||
## 17.1.47 (2019-05-14) | ||
### Diagram | ||
#### Breaking Changes | ||
- The `hyperLink` property in the Shape Annotation and Path annotation is renamed properly as `hyperlink`. | ||
#### Bug Fixes | ||
## 17.1.44 (2019-05-07) | ||
### Diagram | ||
#### Bug Fixes | ||
- #234537 - Conditional sequence connector is now working properly when connected with BPMN Service shape. | ||
- #234307 - Undo/redo is now working properly when modifying the annotation's font size at run time. | ||
- #234106 - When the node having different size and executing the layout, nodes are now arranged properly. | ||
## 17.1.43 (2019-04-30) | ||
### Diagram | ||
#### Bug Fixes | ||
- When changing the node's path data at run time, it scales properly with respect to node's size. | ||
- When changing the trigger type of BPMN's Task shape at run time, the trigger shape is positioned properly. | ||
- Now, the connector's decorator is docked properly when layout is enabled and drag the node. | ||
- When zooming the diagram, the user handles position is updated properly with respect to zoom percentage. | ||
- If boundaryConstraints is enabled and node's rotateAngle is changed at run time, node does not exceed the boundary limit. | ||
- When changing the annotation's properties at run time, annotation will update properly. | ||
## 17.1.41 (2019-04-16) | ||
### Diagram | ||
- #232371 - Drag and drop the nodes from symbol palette to the diagram will no longer work if the SymbolPalette "allowDrag" property set to false at runtime. | ||
- Now, the connector can be moved over the connection disabled node when drawing the connector using drawing tools. | ||
- #232226 - The issue "Annotation added multiple times in DOM if annotation's text overflow enabled and select the node" has been fixed. | ||
- #232343 - Diagram's selectionChange event is now triggered properly when selecting another node or unselect the selected node in less than 1 second after dragging the node. | ||
- Diagram's propertyChange event is now triggered properly when move the node using keyboard and undo/redo dragged node. | ||
- #233008 - BPMN sequence connector does not move with stroke when its dependent node is moved issue is now fixed. | ||
## 17.1.40 (2019-04-09) | ||
### Diagram | ||
- Z-index for nodes/connectors is now properly updated when rendering the nodes/connectors with same z-index in symbol palette and drag and drop the nodes from the symbol palette to the diagram. | ||
- Now, the connection between the ports has been established when remove the InConnect/OutConnect from node’s constraints. | ||
- Issue with the “Layer’s z-index property and sendLayerBackward/bringLayerForward API methods” has been fixed. | ||
## 17.1.38 (2019-03-29) | ||
### Diagram | ||
#### New Features | ||
- Support added to create a swimlane diagram using code or a visual interface with built-in swim lane shapes. | ||
- Support provided to prevent “previous selection gets cleared when dragging a new symbol from the symbol palette and dropping it to the diagram”. | ||
- Support provided to cancel the drag and drop operation from the symbol palette to the diagram when the ESC key is pressed. | ||
- Support provided to define the padding between the connector’s end point and the object to which it gets connected. | ||
- Option has been provided to retain the selection of an object when performing undo and redo operations. | ||
- Option provided to prevent serializing default properties when the diagram is serialized as JSON format. | ||
- Padding option added to scroll settings. | ||
- Now, it is possible to export HTML and native nodes to image format. | ||
- Support provided to limit the number of actions to be stored in the history manager. | ||
#### Bug Fixes | ||
- The "nodes distributed incorrectly" issue has been fixed. | ||
- The "duplicate SVG appears when node's SVG is changed" issue has been fixed. | ||
- Drop event is now fixed when drag and drop other component is now working fine. | ||
@@ -194,2 +376,27 @@ - Diagram does not zoom based on the center point is now working fine. | ||
## 17.1.32-beta (2019-03-13) | ||
### Diagram | ||
#### New Features | ||
- Support added to create a swimlane diagram using code or a visual interface with built-in swim lane shapes. | ||
- Support provided to prevent “previous selection gets cleared when dragging a new symbol from the symbol palette and dropping it to the diagram”. | ||
- Support provided to cancel the drag and drop operation from the symbol palette to the diagram when the ESC key is pressed. | ||
- Support provided to define the padding between the connector’s end point and the object to which it gets connected. | ||
- Option has been provided to retain the selection of an object when performing undo and redo operations. | ||
- Option provided to prevent serializing default properties when the diagram is serialized as JSON format. | ||
- Padding option added to scroll settings. | ||
- Now, it is possible to export HTML and native nodes to image format. | ||
- Support provided to limit the number of actions to be stored in the history manager. | ||
#### Bug Fixes | ||
- Drop event is now fixed when drag and drop other component is now working fine. | ||
- Diagram does not zoom based on the center point is now working fine. | ||
- Background color of the label and nodes will be black by default while updating dynamically is now working fine. | ||
- Background color issue found while on text editing is not fixed. | ||
- Connections have created from port after removing the constraints is now working fine. | ||
- Performance issue on diagram layout has been fixed. | ||
## 16.4.54 (2019-02-19) | ||
@@ -196,0 +403,0 @@ |
@@ -1,10 +0,1 @@ | ||
/*! | ||
* filename: index.d.ts | ||
* version : 17.2.28-beta | ||
* Copyright Syncfusion Inc. 2001 - 2019. All rights reserved. | ||
* Use of this code is subject to the terms of our license. | ||
* A copy of the current license can be obtained at any time by e-mailing | ||
* licensing@syncfusion.com. Any infringement will be prosecuted under | ||
* applicable laws. | ||
*/ | ||
import * as _diagrams from '@syncfusion/ej2-diagrams'; | ||
@@ -11,0 +2,0 @@ |
{ | ||
"_from": "@syncfusion/ej2-diagrams@*", | ||
"_id": "@syncfusion/ej2-diagrams@16.56.0", | ||
"_id": "@syncfusion/ej2-diagrams@17.2.46", | ||
"_inBundle": false, | ||
"_integrity": "sha512-19VOvy/eROvdB2iHvghUKgjSl6KwF3tsQxJPgLHzAU7dcj2c8pKEy7eNqbGmtdR6crNf/5djVWN0Fb32yJyvFw==", | ||
"_integrity": "sha512-T5sxIkhepFMKyrdVSvmWeqPGuLDQUg4VPvVIRySK64ex4h46QqQJM2zugku5DqPd3NK9mlgvD9xycBN7YiDkAg==", | ||
"_location": "/@syncfusion/ej2-diagrams", | ||
@@ -26,4 +26,4 @@ "_phantomChildren": {}, | ||
], | ||
"_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-diagrams/-/ej2-diagrams-16.56.0.tgz", | ||
"_shasum": "52759d4c56bb4e0fe87430195c229e466c47cb62", | ||
"_resolved": "http://nexus.syncfusion.com/repository/ej2-production/@syncfusion/ej2-diagrams/-/ej2-diagrams-17.2.46.tgz", | ||
"_shasum": "5f5d3d0fcd2890628eba935181b7ef0f24f1dc5d", | ||
"_spec": "@syncfusion/ej2-diagrams@*", | ||
@@ -39,9 +39,9 @@ "_where": "/jenkins/workspace/ation_hotfix_16.4.0.42_Vol4-CJVRBFC7Z7RSISPRJNEMNQSRMCB6XTG67IJD6R2DVNXFIKQEITTQ/packages/included", | ||
"dependencies": { | ||
"@syncfusion/ej2-base": "~17.2.28-beta", | ||
"@syncfusion/ej2-buttons": "~17.2.28-beta", | ||
"@syncfusion/ej2-data": "~17.2.28-beta", | ||
"@syncfusion/ej2-inputs": "~17.2.28-beta", | ||
"@syncfusion/ej2-lists": "~17.2.28-beta", | ||
"@syncfusion/ej2-navigations": "~17.2.28-beta", | ||
"@syncfusion/ej2-popups": "~17.2.28-beta" | ||
"@syncfusion/ej2-base": "17.2.29-beta", | ||
"@syncfusion/ej2-buttons": "17.2.29-beta", | ||
"@syncfusion/ej2-data": "17.2.29-beta", | ||
"@syncfusion/ej2-inputs": "17.2.29-beta", | ||
"@syncfusion/ej2-lists": "17.2.29-beta", | ||
"@syncfusion/ej2-navigations": "17.2.29-beta", | ||
"@syncfusion/ej2-popups": "17.2.29-beta" | ||
}, | ||
@@ -70,4 +70,4 @@ "deprecated": false, | ||
"typings": "index.d.ts", | ||
"version": "17.2.28-beta", | ||
"version": "17.2.29-beta", | ||
"sideEffects": false | ||
} |
@@ -23,3 +23,3 @@ # ej2-diagrams | ||
* [View Online Demos](https://ej2.syncfusion.com/16.2.41/demos/#/material/diagram/default-functionalities.html) | ||
* [Product Page](https://www.syncfusion.com/javascript-ui-controls/diagram) | ||
* [Product Page](https://www.syncfusion.com/javascript-ui-controls/diagram) | ||
@@ -26,0 +26,0 @@ ## Supported Frameworks |
@@ -18,2 +18,3 @@ import { Property, ChildProperty, Collection, ComplexFactory } from '@syncfusion/ej2-base';import { TextDecoration, WhiteSpace, TextWrap, TextAlign, GradientType, TextOverflow } from '../enum/enum'; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -25,2 +26,3 @@ left?: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -32,2 +34,3 @@ right?: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -39,2 +42,3 @@ top?: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -90,2 +94,3 @@ bottom?: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -92,0 +97,0 @@ offset?: number; |
@@ -37,2 +37,3 @@ import { ChildProperty } from '@syncfusion/ej2-base'; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -43,2 +44,3 @@ left: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -49,2 +51,3 @@ right: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -55,2 +58,3 @@ top: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -131,2 +135,3 @@ bottom: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -133,0 +138,0 @@ offset: number; |
@@ -50,5 +50,2 @@ var __extends = (this && this.__extends) || (function () { | ||
} | ||
else { | ||
break; | ||
} | ||
} | ||
@@ -55,0 +52,0 @@ else if (!(child instanceof TextElement)) { |
@@ -1,2 +0,2 @@ | ||
import { Component, Property, Complex, Collection, EventHandler, L10n, Droppable, remove, Ajax } from '@syncfusion/ej2-base';import { Browser, ModuleDeclaration, Event, EmitType } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, updateBlazorTemplate, resetBlazorTemplate } from '@syncfusion/ej2-base';import { CanvasRenderer } from './rendering/canvas-renderer';import { SvgRenderer } from './rendering/svg-renderer';import { DiagramRenderer } from './rendering/renderer';import { BaseAttributes } from './rendering/canvas-interface';import { PageSettings, ScrollSettings } from './diagram/page-settings';import { PageSettingsModel, ScrollSettingsModel } from './diagram/page-settings-model';import { DiagramElement } from './core/elements/diagram-element';import { ServiceLocator } from './objects/service';import { IElement, IDataLoadedEventArgs, ISelectionChangeEventArgs, IClickEventArgs, ScrollValues } from './objects/interface/IElement';import { ISizeChangeEventArgs, IConnectionChangeEventArgs, IEndChangeEventArgs, IDoubleClickEventArgs } from './objects/interface/IElement';import { ICollectionChangeEventArgs, IPropertyChangeEventArgs, IDraggingEventArgs, IRotationEventArgs } from './objects/interface/IElement';import { ISegmentCollectionChangeEventArgs } from './objects/interface/IElement';import { IDragEnterEventArgs, IDragLeaveEventArgs, IDragOverEventArgs, IDropEventArgs } from './objects/interface/IElement';import { ITextEditEventArgs, IHistoryChangeArgs, IScrollChangeEventArgs, IMouseEventArgs } from './objects/interface/IElement';import { StackEntryObject, IExpandStateChangeEventArgs } from './objects/interface/IElement';import { ZoomOptions, IPrintOptions, IExportOptions, IFitOptions, ActiveLabel } from './objects/interface/interfaces';import { View, IDataSource, IFields } from './objects/interface/interfaces';import { Container } from './core/containers/container';import { Node, BpmnShape, BpmnAnnotation, SwimLane, Path } from './objects/node';import { flipConnector, updatePortEdges, alignElement } from './utility/diagram-util';import { Segment } from './interaction/scroller';import { Connector } from './objects/connector';import { ConnectorModel, BpmnFlowModel } from './objects/connector-model';import { SnapSettings } from './diagram/grid-lines';import { RulerSettings } from './diagram/ruler-settings';import { removeRulerElements, updateRuler, getRulerSize } from './ruler/ruler';import { renderRuler, renderOverlapElement } from './ruler/ruler';import { RulerSettingsModel } from './diagram/ruler-settings-model';import { SnapSettingsModel } from './diagram/grid-lines-model';import { NodeModel, TextModel, BpmnShapeModel, BpmnAnnotationModel, HeaderModel, HtmlModel } from './objects/node-model';import { UmlActivityShapeModel, SwimLaneModel, LaneModel, PhaseModel } from './objects/node-model';import { Size } from './primitives/size';import { Keys, KeyModifiers, DiagramTools, AlignmentMode, AnnotationConstraints, NodeConstraints, RendererAction } from './enum/enum';import { DiagramConstraints, BridgeDirection, AlignmentOptions, SelectorConstraints, PortVisibility, DiagramEvent } from './enum/enum';import { DistributeOptions, SizingOptions, RenderingMode, DiagramAction, ThumbsConstraints, NudgeDirection } from './enum/enum';import { RealAction, ElementAction, FlipDirection, Orientation, PortConstraints } from './enum/enum';import { PathElement } from './core/elements/path-element';import { TextElement } from './core/elements/text-element';import { updateStyle, removeItem, updateConnector, updateShape, setUMLActivityDefaults, findNodeByName } from './utility/diagram-util';import { setSwimLaneDefaults } from './utility/diagram-util';import { checkPortRestriction, serialize, deserialize, updateHyperlink, getObjectType, removeGradient } from './utility/diagram-util';import { Rect } from './primitives/rect';import { getPortShape } from './objects/dictionary/common';import { PointPortModel } from './objects/port-model';import { ShapeAnnotationModel, AnnotationModel, PathAnnotationModel } from './objects/annotation-model';import { ShapeAnnotation, PathAnnotation, Annotation } from './objects/annotation';import { PointModel } from './primitives/point-model';import { Canvas } from './core/containers/canvas';import { GridPanel, ColumnDefinition } from './core/containers/grid';import { DataSourceModel } from './diagram/data-source-model';import { DataSource } from './diagram/data-source';import { LayoutModel } from './layout/layout-base-model';import { Layout, INode, ILayout } from './layout/layout-base';import { DataBinding } from './data-binding/data-binding';import { Selector } from './interaction/selector';import { SelectorModel } from './interaction/selector-model';import { DiagramEventHandler } from './interaction/event-handlers';import { CommandHandler } from './interaction/command-manager';import { DiagramScroller } from './interaction/scroller';import { Actions, isSelected } from './interaction/actions';import { ToolBase } from './interaction/tool';import { BpmnDiagrams } from './objects/bpmn';import { DiagramContextMenu } from './objects/context-menu';import { ConnectorBridging } from './objects/connector-bridging';import { SpatialSearch } from './interaction/spatial-search/spatial-search';import { HistoryEntry, History } from './diagram/history';import { UndoRedo } from './objects/undo-redo';import { ConnectorEditing } from './interaction/connector-editing';import { Ruler } from '../ruler/index';import { BeforeOpenCloseMenuEventArgs, MenuEventArgs, EJ2Instance } from '@syncfusion/ej2-navigations';import { setAttributeSvg, setAttributeHtml, measureHtmlText, removeElement, createMeasureElements, getDomIndex } from './utility/dom-util';import { getDiagramElement, getScrollerWidth, getHTMLLayer } from './utility/dom-util';import { getBackgroundLayer, createHtmlElement, createSvgElement, getNativeLayerSvg } from './utility/dom-util';import { getPortLayerSvg, getDiagramLayerSvg } from './utility/dom-util';import { getAdornerLayerSvg, getSelectorElement, getGridLayerSvg, getBackgroundLayerSvg } from './utility/dom-util';import { CommandManager, ContextMenuSettings } from './diagram/keyboard-commands';import { CommandManagerModel, CommandModel, ContextMenuSettingsModel } from './diagram/keyboard-commands-model';import { canDelete, canInConnect, canOutConnect, canRotate, canVitualize, canDrawThumbs } from './utility/constraints-util';import { canPortInConnect, canPortOutConnect } from './utility/constraints-util';import { canResize, canSingleSelect, canZoomPan, canZoomTextEdit } from './utility/constraints-util';import { canDragSourceEnd, canDragTargetEnd, canDragSegmentThumb, enableReadOnly, canMove } from './utility/constraints-util';import { findAnnotation, arrangeChild, getInOutConnectPorts, removeChildNodes } from './utility/diagram-util';import { randomId, cloneObject, extendObject, getFunction, getBounds } from './utility/base-util';import { Snapping } from './objects/snapping';import { DiagramTooltipModel } from './objects/tooltip-model';import { TextStyleModel, ShadowModel } from './core/appearance-model';import { TransformFactor } from './interaction/scroller';import { RadialTree } from './layout/radial-tree';import { HierarchicalTree } from './layout/hierarchical-tree';import { ComplexHierarchicalTree } from './layout/complex-hierarchical-tree';import { MindMap } from './layout/mind-map';import { DiagramTooltip, initTooltip } from './objects/tooltip';import { Tooltip } from '@syncfusion/ej2-popups';import { PrintAndExport } from './print-settings';import { Port, PointPort } from './objects/port';import { SymmetricLayout, IGraphObject } from './layout/symmetrical-layout';import { LayoutAnimation } from './objects/layout-animation';import { canShadow } from './utility/constraints-util';import { Layer } from './diagram/layer';import { LayerModel } from './diagram/layer-model';import { DiagramNativeElement } from './core/elements/native-element';import { DiagramHtmlElement } from './core/elements/html-element';import { IconShapeModel } from './objects/icon-model';import { canAllowDrop } from './utility/constraints-util';import { checkParentAsContainer, addChildToContainer, updateLaneBoundsAfterAddChild } from './interaction/container-interaction';import { DataManager } from '@syncfusion/ej2-data';import { getConnectors, updateConnectorsProperties, phaseDefine } from './utility/swim-lane-util';import { swimLaneMeasureAndArrange } from './utility/swim-lane-util';import { arrangeChildNodesInSwimLane, updateHeaderMaxWidth, updatePhaseMaxWidth } from './utility/swim-lane-util';import { addLane, addPhase } from './utility/swim-lane-util';import { ContextMenuItemModel } from './../diagram/objects/interface/interfaces';import { SerializationSettingsModel } from './diagram/serialization-settings-model';import { SerializationSettings } from './diagram/serialization-settings';import { removeSwimLane, removeLane, removePhase, removeLaneChildNode } from './utility/swim-lane-util';import { RowDefinition } from './core/containers/grid'; | ||
import { Component, Property, Complex, Collection, EventHandler, L10n, Droppable, remove, Ajax, isBlazor } from '@syncfusion/ej2-base';import { Browser, ModuleDeclaration, Event, EmitType } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, updateBlazorTemplate, resetBlazorTemplate } from '@syncfusion/ej2-base';import { CanvasRenderer } from './rendering/canvas-renderer';import { SvgRenderer } from './rendering/svg-renderer';import { DiagramRenderer } from './rendering/renderer';import { BaseAttributes } from './rendering/canvas-interface';import { PageSettings, ScrollSettings } from './diagram/page-settings';import { PageSettingsModel, ScrollSettingsModel } from './diagram/page-settings-model';import { DiagramElement } from './core/elements/diagram-element';import { ServiceLocator } from './objects/service';import { IElement, IDataLoadedEventArgs, ISelectionChangeEventArgs, IClickEventArgs, ScrollValues } from './objects/interface/IElement';import { ISizeChangeEventArgs, IConnectionChangeEventArgs, IEndChangeEventArgs, IDoubleClickEventArgs } from './objects/interface/IElement';import { ICollectionChangeEventArgs, IPropertyChangeEventArgs, IDraggingEventArgs, IRotationEventArgs } from './objects/interface/IElement';import { ISegmentCollectionChangeEventArgs } from './objects/interface/IElement';import { IDragEnterEventArgs, IDragLeaveEventArgs, IDragOverEventArgs, IDropEventArgs } from './objects/interface/IElement';import { ITextEditEventArgs, IHistoryChangeArgs, IScrollChangeEventArgs, IMouseEventArgs } from './objects/interface/IElement';import { StackEntryObject, IExpandStateChangeEventArgs } from './objects/interface/IElement';import { ZoomOptions, IPrintOptions, IExportOptions, IFitOptions, ActiveLabel } from './objects/interface/interfaces';import { View, IDataSource, IFields } from './objects/interface/interfaces';import { Container } from './core/containers/container';import { Node, BpmnShape, BpmnAnnotation, SwimLane, Path } from './objects/node';import { flipConnector, updatePortEdges, alignElement, setConnectorDefaults } from './utility/diagram-util';import { Segment } from './interaction/scroller';import { Connector } from './objects/connector';import { ConnectorModel, BpmnFlowModel } from './objects/connector-model';import { SnapSettings } from './diagram/grid-lines';import { RulerSettings } from './diagram/ruler-settings';import { removeRulerElements, updateRuler, getRulerSize } from './ruler/ruler';import { renderRuler, renderOverlapElement } from './ruler/ruler';import { RulerSettingsModel } from './diagram/ruler-settings-model';import { SnapSettingsModel } from './diagram/grid-lines-model';import { NodeModel, TextModel, BpmnShapeModel, BpmnAnnotationModel, HeaderModel, HtmlModel } from './objects/node-model';import { UmlActivityShapeModel, SwimLaneModel, LaneModel, PhaseModel } from './objects/node-model';import { Size } from './primitives/size';import { Keys, KeyModifiers, DiagramTools, AlignmentMode, AnnotationConstraints, NodeConstraints, RendererAction } from './enum/enum';import { DiagramConstraints, BridgeDirection, AlignmentOptions, SelectorConstraints, PortVisibility, DiagramEvent } from './enum/enum';import { DistributeOptions, SizingOptions, RenderingMode, DiagramAction, ThumbsConstraints, NudgeDirection } from './enum/enum';import { RealAction, ElementAction, FlipDirection, Orientation, PortConstraints } from './enum/enum';import { PathElement } from './core/elements/path-element';import { TextElement } from './core/elements/text-element';import { updateStyle, removeItem, updateConnector, updateShape, setUMLActivityDefaults, findNodeByName } from './utility/diagram-util';import { setSwimLaneDefaults } from './utility/diagram-util';import { checkPortRestriction, serialize, deserialize, updateHyperlink, getObjectType, removeGradient } from './utility/diagram-util';import { Rect } from './primitives/rect';import { getPortShape } from './objects/dictionary/common';import { PointPortModel } from './objects/port-model';import { ShapeAnnotationModel, AnnotationModel, PathAnnotationModel } from './objects/annotation-model';import { ShapeAnnotation, PathAnnotation, Annotation } from './objects/annotation';import { PointModel } from './primitives/point-model';import { Canvas } from './core/containers/canvas';import { GridPanel, ColumnDefinition } from './core/containers/grid';import { DataSourceModel } from './diagram/data-source-model';import { DataSource } from './diagram/data-source';import { LayoutModel } from './layout/layout-base-model';import { Layout, INode, ILayout } from './layout/layout-base';import { DataBinding } from './data-binding/data-binding';import { Selector } from './objects/node';import { SelectorModel } from './objects/node-model';import { DiagramEventHandler } from './interaction/event-handlers';import { CommandHandler } from './interaction/command-manager';import { DiagramScroller } from './interaction/scroller';import { Actions, isSelected } from './interaction/actions';import { ToolBase } from './interaction/tool';import { BpmnDiagrams } from './objects/bpmn';import { DiagramContextMenu } from './objects/context-menu';import { ConnectorBridging } from './objects/connector-bridging';import { SpatialSearch } from './interaction/spatial-search/spatial-search';import { HistoryEntry, History } from './diagram/history';import { UndoRedo } from './objects/undo-redo';import { ConnectorEditing } from './interaction/connector-editing';import { Ruler } from '../ruler/index';import { BeforeOpenCloseMenuEventArgs, MenuEventArgs, EJ2Instance } from '@syncfusion/ej2-navigations';import { setAttributeSvg, setAttributeHtml, measureHtmlText, removeElement, createMeasureElements, getDomIndex } from './utility/dom-util';import { getDiagramElement, getScrollerWidth, getHTMLLayer } from './utility/dom-util';import { getBackgroundLayer, createHtmlElement, createSvgElement, getNativeLayerSvg } from './utility/dom-util';import { getPortLayerSvg, getDiagramLayerSvg } from './utility/dom-util';import { getAdornerLayerSvg, getSelectorElement, getGridLayerSvg, getBackgroundLayerSvg } from './utility/dom-util';import { CommandManager, ContextMenuSettings } from './diagram/keyboard-commands';import { CommandManagerModel, CommandModel, ContextMenuSettingsModel } from './diagram/keyboard-commands-model';import { canDelete, canInConnect, canOutConnect, canRotate, canVitualize, canDrawThumbs } from './utility/constraints-util';import { canPortInConnect, canPortOutConnect } from './utility/constraints-util';import { canResize, canSingleSelect, canZoomPan, canZoomTextEdit } from './utility/constraints-util';import { canDragSourceEnd, canDragTargetEnd, canDragSegmentThumb, enableReadOnly, canMove } from './utility/constraints-util';import { findAnnotation, arrangeChild, getInOutConnectPorts, removeChildNodes } from './utility/diagram-util';import { randomId, cloneObject, extendObject, getFunction, getBounds } from './utility/base-util';import { Snapping } from './objects/snapping';import { DiagramTooltipModel } from './objects/tooltip-model';import { TextStyleModel, ShadowModel } from './core/appearance-model';import { TransformFactor } from './interaction/scroller';import { RadialTree } from './layout/radial-tree';import { HierarchicalTree } from './layout/hierarchical-tree';import { ComplexHierarchicalTree } from './layout/complex-hierarchical-tree';import { MindMap } from './layout/mind-map';import { DiagramTooltip, initTooltip } from './objects/tooltip';import { Tooltip } from '@syncfusion/ej2-popups';import { PrintAndExport } from './print-settings';import { Port, PointPort } from './objects/port';import { SymmetricLayout, IGraphObject } from './layout/symmetrical-layout';import { LayoutAnimation } from './objects/layout-animation';import { canShadow } from './utility/constraints-util';import { Layer } from './diagram/layer';import { LayerModel } from './diagram/layer-model';import { DiagramNativeElement } from './core/elements/native-element';import { DiagramHtmlElement } from './core/elements/html-element';import { IconShapeModel } from './objects/icon-model';import { canAllowDrop } from './utility/constraints-util';import { checkParentAsContainer, addChildToContainer, updateLaneBoundsAfterAddChild } from './interaction/container-interaction';import { DataManager } from '@syncfusion/ej2-data';import { getConnectors, updateConnectorsProperties, phaseDefine } from './utility/swim-lane-util';import { swimLaneMeasureAndArrange } from './utility/swim-lane-util';import { arrangeChildNodesInSwimLane, updateHeaderMaxWidth, updatePhaseMaxWidth } from './utility/swim-lane-util';import { addLane, addPhase } from './utility/swim-lane-util';import { ContextMenuItemModel } from './../diagram/objects/interface/interfaces';import { SerializationSettingsModel } from './diagram/serialization-settings-model';import { SerializationSettings } from './diagram/serialization-settings';import { removeSwimLane, removeLane, removePhase, removeLaneChildNode } from './utility/swim-lane-util';import { RowDefinition } from './core/containers/grid';import { LineRouting } from './interaction/line-routing'; | ||
import {ComponentModel} from '@syncfusion/ej2-base'; | ||
@@ -51,2 +51,3 @@ | ||
* ``` | ||
* @deprecated | ||
*/ | ||
@@ -70,2 +71,3 @@ contextMenuSettings?: ContextMenuSettingsModel; | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -83,3 +85,4 @@ constraints?: DiagramConstraints; | ||
* @default 'Default' | ||
* @aspNumberEnum | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -212,2 +215,3 @@ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -231,3 +235,5 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
* @deprecated | ||
*/ | ||
@@ -282,2 +288,3 @@ drawingObject?: NodeModel | ConnectorModel; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -290,2 +297,3 @@ */ | ||
* @default undefined | ||
* @deprecated | ||
*/ | ||
@@ -329,2 +337,3 @@ historyManager?: History; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -360,2 +369,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -416,2 +426,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -496,2 +507,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -613,2 +625,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -622,2 +635,3 @@ * @deprecated | ||
* @default {} | ||
* @deprecated | ||
*/ | ||
@@ -641,2 +655,3 @@ selectedItems?: SelectorModel; | ||
* @default {} | ||
* @deprecated | ||
*/ | ||
@@ -656,3 +671,3 @@ commandManager?: CommandManagerModel; | ||
* @event | ||
* @blazorProperty 'OnDragEnter' | ||
* @blazorProperty 'DragEnter' | ||
*/ | ||
@@ -664,3 +679,3 @@ dragEnter?: EmitType<IDragEnterEventArgs>; | ||
* @event | ||
* @blazorProperty 'OnDragLeave' | ||
* @blazorProperty 'DragLeave' | ||
*/ | ||
@@ -672,3 +687,3 @@ dragLeave?: EmitType<IDragLeaveEventArgs>; | ||
* @event | ||
* @blazorProperty 'OnDragOver' | ||
* @blazorProperty 'DragOver' | ||
*/ | ||
@@ -680,3 +695,3 @@ dragOver?: EmitType<IDragOverEventArgs>; | ||
* @event | ||
* @blazorProperty 'OnClick' | ||
* @blazorProperty 'Clicked' | ||
*/ | ||
@@ -718,3 +733,3 @@ click?: EmitType<IClickEventArgs>; | ||
* @event | ||
* @blazorProperty 'OnSelectionChange' | ||
* @blazorProperty 'SelectionChange' | ||
*/ | ||
@@ -814,3 +829,3 @@ selectionChange?: EmitType<ISelectionChangeEventArgs>; | ||
* @event | ||
* @blazorProperty 'OnMouseEnter' | ||
* @blazorProperty 'MouseEnter' | ||
*/ | ||
@@ -822,3 +837,3 @@ mouseEnter?: EmitType<IMouseEventArgs>; | ||
* @event | ||
* @blazorProperty 'OnMouseLeave' | ||
* @blazorProperty 'MouseLeave' | ||
*/ | ||
@@ -830,3 +845,3 @@ mouseLeave?: EmitType<IMouseEventArgs>; | ||
* @event | ||
* @blazorProperty 'OnMouseOver' | ||
* @blazorProperty 'MouseOver' | ||
*/ | ||
@@ -833,0 +848,0 @@ mouseOver?: EmitType<IMouseEventArgs>; |
@@ -40,4 +40,4 @@ import { Component, L10n, Droppable } from '@syncfusion/ej2-base'; | ||
import { DataBinding } from './data-binding/data-binding'; | ||
import { Selector } from './interaction/selector'; | ||
import { SelectorModel } from './interaction/selector-model'; | ||
import { Selector } from './objects/node'; | ||
import { SelectorModel } from './objects/node-model'; | ||
import { CommandHandler } from './interaction/command-manager'; | ||
@@ -70,2 +70,3 @@ import { DiagramScroller } from './interaction/scroller'; | ||
import { SerializationSettingsModel } from './diagram/serialization-settings-model'; | ||
import { LineRouting } from './interaction/line-routing'; | ||
/** | ||
@@ -153,2 +154,7 @@ * Represents the Diagram control | ||
/** | ||
* `lineRoutingModule` is used to connect the node's without overlapping | ||
* @private | ||
*/ | ||
lineRoutingModule: LineRouting; | ||
/** | ||
* Defines the width of the diagram model. | ||
@@ -192,2 +198,3 @@ * ```html | ||
* ``` | ||
* @deprecated | ||
*/ | ||
@@ -210,2 +217,3 @@ contextMenuSettings: ContextMenuSettingsModel; | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -223,2 +231,3 @@ constraints: DiagramConstraints; | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -343,2 +352,3 @@ tool: DiagramTools; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -361,3 +371,5 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
* @deprecated | ||
*/ | ||
@@ -407,2 +419,3 @@ drawingObject: NodeModel | ConnectorModel; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -414,2 +427,3 @@ */ | ||
* @default undefined | ||
* @deprecated | ||
*/ | ||
@@ -452,2 +466,3 @@ historyManager: History; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -482,2 +497,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -537,2 +553,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -545,2 +562,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -621,2 +639,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -629,2 +648,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -682,2 +702,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -747,2 +768,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -757,2 +779,3 @@ * @deprecated | ||
* @default {} | ||
* @deprecated | ||
*/ | ||
@@ -773,2 +796,3 @@ selectedItems: SelectorModel; | ||
* @default {} | ||
* @deprecated | ||
*/ | ||
@@ -786,3 +810,3 @@ commandManager: CommandManagerModel; | ||
* @event | ||
* @blazorProperty 'OnDragEnter' | ||
* @blazorProperty 'DragEnter' | ||
*/ | ||
@@ -793,3 +817,3 @@ dragEnter: EmitType<IDragEnterEventArgs>; | ||
* @event | ||
* @blazorProperty 'OnDragLeave' | ||
* @blazorProperty 'DragLeave' | ||
*/ | ||
@@ -800,3 +824,3 @@ dragLeave: EmitType<IDragLeaveEventArgs>; | ||
* @event | ||
* @blazorProperty 'OnDragOver' | ||
* @blazorProperty 'DragOver' | ||
*/ | ||
@@ -807,3 +831,3 @@ dragOver: EmitType<IDragOverEventArgs>; | ||
* @event | ||
* @blazorProperty 'OnClick' | ||
* @blazorProperty 'Clicked' | ||
*/ | ||
@@ -840,3 +864,3 @@ click: EmitType<IClickEventArgs>; | ||
* @event | ||
* @blazorProperty 'OnSelectionChange' | ||
* @blazorProperty 'SelectionChange' | ||
*/ | ||
@@ -923,3 +947,3 @@ selectionChange: EmitType<ISelectionChangeEventArgs>; | ||
* @event | ||
* @blazorProperty 'OnMouseEnter' | ||
* @blazorProperty 'MouseEnter' | ||
*/ | ||
@@ -930,3 +954,3 @@ mouseEnter: EmitType<IMouseEventArgs>; | ||
* @event | ||
* @blazorProperty 'OnMouseLeave' | ||
* @blazorProperty 'MouseLeave' | ||
*/ | ||
@@ -937,3 +961,3 @@ mouseLeave: EmitType<IMouseEventArgs>; | ||
* @event | ||
* @blazorProperty 'OnMouseOver' | ||
* @blazorProperty 'MouseOver' | ||
*/ | ||
@@ -1402,4 +1426,5 @@ mouseOver: EmitType<IMouseEventArgs>; | ||
/** @private */ | ||
triggerEvent(eventName: DiagramEvent, args: Object, onSuccessCallBack?: Function, onFailureCallback?: Function): void; | ||
triggerEvent(eventName: DiagramEvent, args: Object): void; | ||
private updateEventValue; | ||
addNodeToLane(node: NodeModel, swimLane: string, lane: string): void; | ||
/** | ||
@@ -1445,4 +1470,2 @@ * Shows tooltip for corresponding diagram object | ||
private removeCommand; | ||
/** @private */ | ||
private removeCollectionParameters; | ||
/** | ||
@@ -1453,3 +1476,2 @@ * Removes the given object from diagram | ||
remove(obj?: NodeModel | ConnectorModel): void; | ||
private onRemoveCollectionChangeSuccess; | ||
private isStackChild; | ||
@@ -1474,2 +1496,3 @@ /** @private */ | ||
private updateConnectorAnnotation; | ||
private removeChildrenFromLayout; | ||
/** | ||
@@ -1552,2 +1575,10 @@ * Automatically updates the diagram objects based on the type of the layout | ||
addPhases(node: NodeModel, phases: PhaseModel[]): void; | ||
/** | ||
* Remove dynamic Lanes to swimLane at runtime | ||
*/ | ||
removeLane(node: NodeModel, lane: LaneModel): void; | ||
/** | ||
* Remove a phase to a swimLane at runtime | ||
*/ | ||
removePhase(node: NodeModel, phase: PhaseModel): void; | ||
private removelabelExtension; | ||
@@ -1711,3 +1742,2 @@ /** | ||
private endEditCommand; | ||
private textEditEvent; | ||
/** | ||
@@ -1717,3 +1747,2 @@ * @private | ||
endEdit(): void; | ||
private successTextEdit; | ||
/** @private */ | ||
@@ -1788,6 +1817,2 @@ canLogChange(): boolean; | ||
updateMargin(node: Node, changes: Node): void; | ||
/** @private */ | ||
dragEnterEvent: object; | ||
successDragEnter(arg: IDragEnterEventArgs): Function; | ||
private onDropEventSuccess; | ||
private initDroppables; | ||
@@ -1794,0 +1819,0 @@ private removeChildInNodes; |
@@ -35,2 +35,3 @@ import { DataManager } from '@syncfusion/ej2-data';import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base'; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -98,2 +99,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -147,2 +149,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -156,2 +159,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -164,2 +168,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -166,0 +171,0 @@ */ |
@@ -57,2 +57,3 @@ import { DataManager } from '@syncfusion/ej2-data'; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -106,2 +107,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -141,2 +143,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -149,2 +152,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -156,2 +160,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -158,0 +163,0 @@ */ |
@@ -90,3 +90,4 @@ import { Property, Complex, ChildProperty } from '@syncfusion/ej2-base';import { SnapConstraints } from '../enum/enum'; | ||
* @default 'All' | ||
* @aspNumberEnum | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -93,0 +94,0 @@ constraints?: SnapConstraints; |
@@ -86,2 +86,3 @@ import { ChildProperty } from '@syncfusion/ej2-base'; | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -88,0 +89,0 @@ constraints: SnapConstraints; |
@@ -1,2 +0,2 @@ | ||
import { SelectorModel } from '../interaction/selector-model'; | ||
import { SelectorModel } from '../objects/node-model'; | ||
import { ConnectorModel } from '../objects/connector-model'; | ||
@@ -7,3 +7,3 @@ import { NodeModel, PhaseModel } from '../objects/node-model'; | ||
import { PointPortModel } from '../objects/port-model'; | ||
import { EntryType, EntryChangeType, EntryCategory } from '../enum/enum'; | ||
import { EntryType, EntryChangeType, EntryCategory, DiagramHistoryAction } from '../enum/enum'; | ||
import { DiagramElement } from '../core/elements/diagram-element'; | ||
@@ -68,2 +68,7 @@ /** | ||
previousPhase?: PhaseModel; | ||
/** | ||
* Used to stored the added node cause. | ||
* @blazorType object | ||
*/ | ||
historyAction ?: DiagramHistoryAction; | ||
@@ -70,0 +75,0 @@ } |
@@ -78,3 +78,5 @@ import { Keys, KeyModifiers } from '../enum/enum';import { Property, Complex, ChildProperty, Collection } from '@syncfusion/ej2-base';import { ContextMenuItemModel } from '../objects/interface/interfaces'; | ||
* @aspDefaultValueIgnore | ||
* @aspNumberEnum | ||
* @blazorDefaultValueIgnore | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
* @default undefined | ||
@@ -92,3 +94,5 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @aspNumberEnum | ||
* @blazorDefaultValueIgnore | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
* @default undefined | ||
@@ -114,2 +118,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -123,2 +128,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -204,2 +210,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -212,2 +219,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -235,2 +243,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -237,0 +246,0 @@ */ |
@@ -79,3 +79,5 @@ import { Keys, KeyModifiers } from '../enum/enum'; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
* @default undefined | ||
@@ -92,3 +94,5 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
* @default undefined | ||
@@ -110,2 +114,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -118,2 +123,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -196,2 +202,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -203,2 +210,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -225,2 +233,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -227,0 +236,0 @@ */ |
@@ -29,2 +29,3 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base'; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -67,2 +68,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -69,0 +71,0 @@ */ |
@@ -25,2 +25,3 @@ import { ChildProperty } from '@syncfusion/ej2-base'; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -62,2 +63,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -64,0 +66,0 @@ */ |
@@ -129,2 +129,3 @@ import { Property, Complex, ChildProperty } from '@syncfusion/ej2-base';import { PageOrientation, BoundaryConstraints, ImageAlignment, ScrollLimit, Scale } from '../enum/enum';import { MarginModel } from '../core/appearance-model';import { Margin } from '../core/appearance';import { Rect } from '../primitives/rect'; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -136,2 +137,3 @@ horizontalOffset?: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -149,2 +151,3 @@ verticalOffset?: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -156,2 +159,3 @@ viewPortWidth?: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -196,2 +200,3 @@ viewPortHeight?: number; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -198,0 +203,0 @@ */ |
@@ -129,2 +129,3 @@ import { ChildProperty } from '@syncfusion/ej2-base'; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -135,2 +136,3 @@ horizontalOffset: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -146,2 +148,3 @@ verticalOffset: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -152,2 +155,3 @@ viewPortWidth: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -188,2 +192,3 @@ viewPortHeight: number; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -190,0 +195,0 @@ */ |
@@ -12,2 +12,3 @@ /** | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -37,2 +38,3 @@ export var PortVisibility; | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -77,2 +79,3 @@ export var SnapConstraints; | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
* @IgnoreSingular | ||
@@ -135,2 +138,3 @@ */ | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
* @IgnoreSingular | ||
@@ -172,4 +176,8 @@ */ | ||
ConnectorConstraints[ConnectorConstraints["ReadOnly"] = 16384] = "ReadOnly"; | ||
/** Enables or disables routing to the connector. */ | ||
ConnectorConstraints[ConnectorConstraints["LineRouting"] = 32768] = "LineRouting"; | ||
/** Enables or disables routing to the connector. */ | ||
ConnectorConstraints[ConnectorConstraints["InheritLineRouting"] = 65536] = "InheritLineRouting"; | ||
/** Enables all constraints. */ | ||
ConnectorConstraints[ConnectorConstraints["Default"] = 11838] = "Default"; | ||
ConnectorConstraints[ConnectorConstraints["Default"] = 77374] = "Default"; | ||
})(ConnectorConstraints || (ConnectorConstraints = {})); | ||
@@ -187,2 +195,3 @@ /** | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
* @IgnoreSingular | ||
@@ -240,2 +249,3 @@ */ | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
* @IgnoreSingular | ||
@@ -376,2 +386,3 @@ */ | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
* @IgnoreSingular | ||
@@ -407,2 +418,4 @@ */ | ||
DiagramConstraints[DiagramConstraints["Virtualization"] = 1024] = "Virtualization"; | ||
/** Enables/ Disable the line routing */ | ||
DiagramConstraints[DiagramConstraints["LineRouting"] = 2048] = "LineRouting"; | ||
/** Enables/Disable all constraints */ | ||
@@ -421,2 +434,3 @@ DiagramConstraints[DiagramConstraints["Default"] = 500] = "Default"; | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
* @IgnoreSingular | ||
@@ -473,2 +487,3 @@ */ | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
* @IgnoreSingular | ||
@@ -559,2 +574,3 @@ */ | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
* @IgnoreSingular | ||
@@ -802,2 +818,3 @@ */ | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
* @IgnoreSingular | ||
@@ -804,0 +821,0 @@ */ |
@@ -59,2 +59,3 @@ /** | ||
export * from './interaction/container-interaction'; | ||
export * from './interaction/line-routing'; | ||
export * from './diagram/data-source'; | ||
@@ -61,0 +62,0 @@ export * from './diagram/grid-lines'; |
@@ -48,3 +48,3 @@ /** | ||
export * from './objects/layout-animation'; | ||
//interaction | ||
//interaction | ||
export * from './interaction/selector'; | ||
@@ -57,2 +57,3 @@ export * from './interaction/tool'; | ||
export * from './interaction/container-interaction'; | ||
export * from './interaction/line-routing'; | ||
export * from './diagram/data-source'; | ||
@@ -59,0 +60,0 @@ export * from './diagram/grid-lines'; |
@@ -12,3 +12,3 @@ import { Connector } from '../objects/connector'; | ||
import { PortConstraints, DiagramTools, PortVisibility, ThumbsConstraints } from '../enum/enum'; | ||
import { Selector } from './selector'; | ||
import { Selector } from '../objects/node'; | ||
import { PointPort } from './../objects/port'; | ||
@@ -45,3 +45,3 @@ import { ShapeAnnotation, PathAnnotation } from '../objects/annotation'; | ||
var paddedBounds = getUserHandlePosition(handle, obj_1, diagram.scroller.transform); | ||
if (contains(position, paddedBounds, obj_1.size / 2)) { | ||
if (contains(position, paddedBounds, obj_1.size / (2 * diagram.scroller.transform.scale))) { | ||
return obj_1.name; | ||
@@ -48,0 +48,0 @@ } |
@@ -12,4 +12,4 @@ import { IElement } from '../objects/interface/IElement'; | ||
import { DiagramElement } from './../core/elements/diagram-element'; | ||
import { SelectorModel } from './selector-model'; | ||
import { Selector } from './selector'; | ||
import { SelectorModel } from '../objects/node-model'; | ||
import { Selector } from '../objects/node'; | ||
import { AlignmentOptions, DistributeOptions, SizingOptions, DiagramEvent, AlignmentMode } from '../enum/enum'; | ||
@@ -68,3 +68,3 @@ import { HistoryEntry } from '../diagram/history'; | ||
*/ | ||
triggerEvent(event: DiagramEvent, args: Object, onSuccessCallBack?: Function, onFailureCallback?: Function): void; | ||
triggerEvent(event: DiagramEvent, args: Object): void; | ||
/** | ||
@@ -74,3 +74,2 @@ * @private | ||
dragOverElement(args: MouseEventArgs, currentPosition: PointModel): void; | ||
private connectionChangeEvent; | ||
/** | ||
@@ -80,6 +79,3 @@ * @private | ||
disConnect(obj: IElement, endPoint?: string): void; | ||
private successDisconnect; | ||
private connectionChange; | ||
private connectionEventChange; | ||
private successConnectionChange; | ||
/** | ||
@@ -97,3 +93,2 @@ * @private | ||
changeAnnotationDrag(args: MouseEventArgs): void; | ||
private connectionChangeConnect; | ||
/** | ||
@@ -103,3 +98,2 @@ * @private | ||
connect(endPoint: string, args: MouseEventArgs): void; | ||
private successConnect; | ||
/** @private */ | ||
@@ -150,9 +144,4 @@ cut(): void; | ||
addText(obj: Node | Connector, currentPosition: PointModel): void; | ||
/** | ||
* @private | ||
*/ | ||
private selectObjectParameters; | ||
/** @private */ | ||
selectObjects(obj: (NodeModel | ConnectorModel)[], multipleSelection?: boolean, oldValue?: (NodeModel | ConnectorModel)[]): void; | ||
private selectObjectSuccess; | ||
/** | ||
@@ -207,8 +196,5 @@ * @private | ||
getSelectedObject(): (NodeModel | ConnectorModel)[]; | ||
private onClearSelectionParameters; | ||
/** @private */ | ||
clearSelection(triggerAction?: boolean): void; | ||
/** @private */ | ||
private onClearSelectionSuccess; | ||
/** @private */ | ||
clearSelectedItems(): void; | ||
@@ -334,2 +320,6 @@ /** | ||
updateConnectorPoints(obj: Node | Connector, rect?: Rect): void; | ||
/** | ||
* @private | ||
*/ | ||
updateSelectedNodeProperties(object?: NodeModel | ConnectorModel[]): void; | ||
/** @private */ | ||
@@ -336,0 +326,0 @@ drawSelectionRectangle(x: number, y: number, width: number, height: number): void; |
@@ -6,3 +6,3 @@ import { NodeModel } from '../objects/node-model'; | ||
import { PointModel } from '../primitives/point-model'; | ||
import { SelectorModel } from './selector-model'; | ||
import { SelectorModel } from '../objects/node-model'; | ||
import { Rect } from '../primitives/rect'; | ||
@@ -30,3 +30,3 @@ import { DiagramElement } from '../core/elements/diagram-element'; | ||
*/ | ||
export declare function addChildToContainer(diagram: Diagram, parent: NodeModel, node: NodeModel, isUndo?: boolean): void; | ||
export declare function addChildToContainer(diagram: Diagram, parent: NodeModel, node: NodeModel, isUndo?: boolean, historyAction?: boolean): void; | ||
export declare function updateLaneBoundsAfterAddChild(container: NodeModel, swimLane: NodeModel, node: NodeModel, diagram: Diagram, isBoundsUpdate?: boolean): boolean; | ||
@@ -33,0 +33,0 @@ /** @private */ |
import { Node } from '../objects/node'; | ||
import { Selector } from './selector'; | ||
import { Selector } from '../objects/node'; | ||
import { Size } from '../primitives/size'; | ||
@@ -11,3 +11,3 @@ import { cloneObject } from './../utility/base-util'; | ||
import { considerSwimLanePadding } from '../utility/swim-lane-util'; | ||
import { DiagramAction } from '../enum/enum'; | ||
import { DiagramAction, DiagramConstraints } from '../enum/enum'; | ||
/** | ||
@@ -132,2 +132,3 @@ * Interaction for Container | ||
var object; | ||
var container; | ||
var nodes; | ||
@@ -140,9 +141,11 @@ if (diagram.selectedObject.helperObject) { | ||
object = (obj.nodes.length > 0) ? obj.nodes[0] : obj.connectors[0]; | ||
container = diagram.selectedItems.wrapper.children[0]; | ||
} | ||
else { | ||
object = obj; | ||
container = diagram.selectedItems.wrapper; | ||
} | ||
diagram.selectedObject.actualObject = object; | ||
var container = diagram.selectedItems.wrapper.children[0]; | ||
if (checkParentAsContainer(diagram, object)) { | ||
if (checkParentAsContainer(diagram, object) || | ||
((diagram.constraints & DiagramConstraints.LineRouting) && diagram.selectedItems.connectors.length === 0)) { | ||
var node = { | ||
@@ -195,3 +198,3 @@ id: 'helper', | ||
function removeChildrenInLane(diagram, node) { | ||
if (node.parentId !== '') { | ||
if (node.parentId && node.parentId !== '') { | ||
var prevParentNode = diagram.nameTable[node.parentId]; | ||
@@ -222,9 +225,9 @@ if (prevParentNode.isLane && prevParentNode.parentId) { | ||
*/ | ||
export function addChildToContainer(diagram, parent, node, isUndo) { | ||
export function addChildToContainer(diagram, parent, node, isUndo, historyAction) { | ||
if (!diagram.currentSymbol) { | ||
diagram.protectPropertyChange(true); | ||
var swimlane = void 0; | ||
var swimlane = diagram.nameTable[parent.parentId]; | ||
node = diagram.getObject(node.id) || node; | ||
var child = (diagram.nodes.indexOf(node) !== -1) ? node.id : node; | ||
if (parent.container.type === 'Canvas') { | ||
if (parent.container.type === 'Canvas' && !historyAction) { | ||
var left = (node.wrapper.offsetX - node.wrapper.actualSize.width / 2) - | ||
@@ -237,2 +240,13 @@ (parent.wrapper.offsetX - parent.wrapper.actualSize.width / 2); | ||
} | ||
else if (swimlane) { | ||
var swimLaneBounds = swimlane.wrapper.bounds; | ||
var parentBounds = parent.wrapper.bounds; | ||
if (swimlane.shape.orientation === 'Horizontal') { | ||
node.margin.left -= parentBounds.x - swimLaneBounds.x; | ||
} | ||
else { | ||
var laneHeaderId = parent.parentId + swimlane.shape.lanes[0].id + '_0_header'; | ||
node.margin.top -= parentBounds.y - swimLaneBounds.y - diagram.nameTable[laneHeaderId].wrapper.bounds.height; | ||
} | ||
} | ||
var container = diagram.nameTable[parent.id]; | ||
@@ -271,3 +285,3 @@ if (!container.children) { | ||
type: 'ChildCollectionChanged', category: 'Internal', | ||
undoObject: undoObj, redoObject: cloneObject(node) | ||
undoObject: undoObj, redoObject: cloneObject(node), historyAction: historyAction ? 'AddNodeToLane' : undefined | ||
}; | ||
@@ -274,0 +288,0 @@ diagram.addHistoryEntry(entry); |
@@ -1,2 +0,2 @@ | ||
import { Property, ChildProperty, Collection, Complex } from '@syncfusion/ej2-base';import { IElement } from '../objects/interface/IElement';import { Container } from '../core/containers/container';import { Node } from '../objects/node';import { Connector } from '../objects/connector';import { PointModel } from '../primitives/point-model';import { Point } from '../primitives/point';import { Size } from '../primitives/size';import { RubberBandSelectionMode, Side, ThumbsConstraints } from '../enum/enum';import { SelectorConstraints, HorizontalAlignment, VerticalAlignment } from '../enum/enum';import { NodeModel } from '../objects/node-model';import { ConnectorModel } from '../objects/connector-model';import { Diagram } from '../../diagram/diagram';import { MarginModel } from '../core/appearance-model';import { Margin } from '../core/appearance';import { ShapeAnnotationModel, PathAnnotationModel } from '../objects/annotation-model';import { DiagramElement } from '../core/elements/diagram-element'; | ||
import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';import { Side } from '../enum/enum';import { HorizontalAlignment, VerticalAlignment } from '../enum/enum';import { MarginModel } from '../core/appearance-model';import { Margin } from '../core/appearance'; | ||
@@ -87,2 +87,3 @@ /** | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -119,141 +120,2 @@ offset?: number; | ||
} | ||
/** | ||
* Interface for a class Selector | ||
*/ | ||
export interface SelectorModel { | ||
/** | ||
* Defines the size and position of the container | ||
* @default null | ||
*/ | ||
wrapper?: Container; | ||
/** | ||
* Defines the collection of selected nodes | ||
*/ | ||
nodes?: NodeModel[]; | ||
/** | ||
* Defines the collection of selected connectors | ||
*/ | ||
connectors?: ConnectorModel[]; | ||
/** | ||
* Sets/Gets the width of the container | ||
* @aspDefaultValueIgnore | ||
* @default undefined | ||
*/ | ||
width?: number; | ||
/** | ||
* Sets/Gets the height of the container | ||
* @aspDefaultValueIgnore | ||
* @default undefined | ||
*/ | ||
height?: number; | ||
/** | ||
* Sets the rotate angle of the container | ||
* @default 0 | ||
*/ | ||
rotateAngle?: number; | ||
/** | ||
* Sets the positionX of the container | ||
* @default 0 | ||
*/ | ||
offsetX?: number; | ||
/** | ||
* Sets the positionY of the container | ||
* @default 0 | ||
*/ | ||
offsetY?: number; | ||
/** | ||
* Sets the pivot of the selector | ||
* @default { x: 0.5, y: 0.5 } | ||
*/ | ||
pivot?: PointModel; | ||
/** | ||
* Defines how to pick the objects to be selected using rubber band selection | ||
* * CompleteIntersect - Selects the objects that are contained within the selected region | ||
* * PartialIntersect - Selects the objects that are partially intersected with the selected region | ||
* @default 'CompleteIntersect' | ||
*/ | ||
rubberBandSelectionMode?: RubberBandSelectionMode; | ||
/** | ||
* Defines the collection of user handle | ||
* ```html | ||
* <div id='diagram'></div> | ||
* ``` | ||
* ```typescript | ||
* let nodes: NodeModel[] = [{ | ||
* id: 'node1', width: 100, height: 100, offsetX: 100, offsetY: 100, | ||
* annotations: [{ content: 'Default Shape' }] | ||
* }, | ||
* { | ||
* id: 'node2', width: 100, height: 100, offsetX: 300, offsetY: 100, | ||
* shape: { | ||
* type: 'Basic', shape: 'Ellipse' | ||
* }, | ||
* annotations: [{ content: 'Path Element' }] | ||
* } | ||
* ]; | ||
* let connectors: ConnectorModel[] = [{ | ||
* id: 'connector1', | ||
* type: 'Straight', | ||
* sourcePoint: { x: 100, y: 300 }, | ||
* targetPoint: { x: 200, y: 400 }, | ||
* }]; | ||
* let handle: UserHandleModel[] = [ | ||
* { name: 'handle', margin: { top: 0, bottom: 0, left: 0, right: 0 }, offset: 0, | ||
* pathData: 'M 376.892,225.284L 371.279,211.95L 376.892,198.617L 350.225,211.95L 376.892,225.284 Z', | ||
* side: 'Top', horizontalAlignment: 'Center', verticalAlignment: 'Center', | ||
* pathColor: 'yellow' }]; | ||
* let diagram: Diagram = new Diagram({ | ||
* ... | ||
* connectors: connectors, nodes: nodes, | ||
* selectedItems: { constraints: SelectorConstraints.All, userHandles: handle }, | ||
* ... | ||
* }); | ||
* diagram.appendTo('#diagram'); | ||
* ``` | ||
* @default [] | ||
*/ | ||
userHandles?: UserHandleModel[]; | ||
/** | ||
* Controls the visibility of selector. | ||
* * None - Hides all the selector elements | ||
* * ConnectorSourceThumb - Shows/hides the source thumb of the connector | ||
* * ConnectorTargetThumb - Shows/hides the target thumb of the connector | ||
* * ResizeSouthEast - Shows/hides the bottom right resize handle of the selector | ||
* * ResizeSouthWest - Shows/hides the bottom left resize handle of the selector | ||
* * ResizeNorthEast - Shows/hides the top right resize handle of the selector | ||
* * ResizeNorthWest - Shows/hides the top left resize handle of the selector | ||
* * ResizeEast - Shows/hides the middle right resize handle of the selector | ||
* * ResizeWest - Shows/hides the middle left resize handle of the selector | ||
* * ResizeSouth - Shows/hides the bottom center resize handle of the selector | ||
* * ResizeNorth - Shows/hides the top center resize handle of the selector | ||
* * Rotate - Shows/hides the rotate handle of the selector | ||
* * UserHandles - Shows/hides the user handles of the selector | ||
* * Resize - Shows/hides all resize handles of the selector | ||
* @default 'All' | ||
* @aspNumberEnum | ||
*/ | ||
constraints?: SelectorConstraints; | ||
/** | ||
* setTooltipTemplate helps to customize the content of a tooltip | ||
* @aspDefaultValueIgnore | ||
* @default undefined | ||
* @deprecated | ||
*/ | ||
setTooltipTemplate?: Function | string; | ||
} |
import { ChildProperty } from '@syncfusion/ej2-base'; | ||
import { IElement } from '../objects/interface/IElement'; | ||
import { Container } from '../core/containers/container'; | ||
import { PointModel } from '../primitives/point-model'; | ||
import { RubberBandSelectionMode, Side, ThumbsConstraints } from '../enum/enum'; | ||
import { SelectorConstraints, HorizontalAlignment, VerticalAlignment } from '../enum/enum'; | ||
import { NodeModel } from '../objects/node-model'; | ||
import { ConnectorModel } from '../objects/connector-model'; | ||
import { UserHandleModel } from '../interaction/selector-model'; | ||
import { Diagram } from '../../diagram/diagram'; | ||
import { Side } from '../enum/enum'; | ||
import { HorizontalAlignment, VerticalAlignment } from '../enum/enum'; | ||
import { MarginModel } from '../core/appearance-model'; | ||
import { ShapeAnnotationModel, PathAnnotationModel } from '../objects/annotation-model'; | ||
/** | ||
@@ -120,2 +112,3 @@ * A collection of frequently used commands that will be added around the selector | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -154,150 +147,1 @@ offset: number; | ||
} | ||
/** | ||
* Defines the size and position of selected items and defines the appearance of selector | ||
*/ | ||
export declare class Selector extends ChildProperty<Selector> implements IElement { | ||
/** | ||
* Defines the size and position of the container | ||
* @default null | ||
*/ | ||
wrapper: Container; | ||
/** | ||
* Defines the collection of selected nodes | ||
*/ | ||
nodes: NodeModel[]; | ||
/** | ||
* Defines the collection of selected connectors | ||
*/ | ||
connectors: ConnectorModel[]; | ||
/** | ||
* @private | ||
*/ | ||
annotation: ShapeAnnotationModel | PathAnnotationModel; | ||
/** | ||
* Sets/Gets the width of the container | ||
* @aspDefaultValueIgnore | ||
* @default undefined | ||
*/ | ||
width: number; | ||
/** | ||
* Sets/Gets the height of the container | ||
* @aspDefaultValueIgnore | ||
* @default undefined | ||
*/ | ||
height: number; | ||
/** | ||
* Sets the rotate angle of the container | ||
* @default 0 | ||
*/ | ||
rotateAngle: number; | ||
/** | ||
* Sets the positionX of the container | ||
* @default 0 | ||
*/ | ||
offsetX: number; | ||
/** | ||
* Sets the positionY of the container | ||
* @default 0 | ||
*/ | ||
offsetY: number; | ||
/** | ||
* Sets the pivot of the selector | ||
* @default { x: 0.5, y: 0.5 } | ||
*/ | ||
pivot: PointModel; | ||
/** | ||
* Defines how to pick the objects to be selected using rubber band selection | ||
* * CompleteIntersect - Selects the objects that are contained within the selected region | ||
* * PartialIntersect - Selects the objects that are partially intersected with the selected region | ||
* @default 'CompleteIntersect' | ||
*/ | ||
rubberBandSelectionMode: RubberBandSelectionMode; | ||
/** | ||
* Defines the collection of user handle | ||
* ```html | ||
* <div id='diagram'></div> | ||
* ``` | ||
* ```typescript | ||
* let nodes: NodeModel[] = [{ | ||
* id: 'node1', width: 100, height: 100, offsetX: 100, offsetY: 100, | ||
* annotations: [{ content: 'Default Shape' }] | ||
* }, | ||
* { | ||
* id: 'node2', width: 100, height: 100, offsetX: 300, offsetY: 100, | ||
* shape: { | ||
* type: 'Basic', shape: 'Ellipse' | ||
* }, | ||
* annotations: [{ content: 'Path Element' }] | ||
* } | ||
* ]; | ||
* let connectors: ConnectorModel[] = [{ | ||
* id: 'connector1', | ||
* type: 'Straight', | ||
* sourcePoint: { x: 100, y: 300 }, | ||
* targetPoint: { x: 200, y: 400 }, | ||
* }]; | ||
* let handle: UserHandleModel[] = [ | ||
* { name: 'handle', margin: { top: 0, bottom: 0, left: 0, right: 0 }, offset: 0, | ||
* pathData: 'M 376.892,225.284L 371.279,211.95L 376.892,198.617L 350.225,211.95L 376.892,225.284 Z', | ||
* side: 'Top', horizontalAlignment: 'Center', verticalAlignment: 'Center', | ||
* pathColor: 'yellow' }]; | ||
* let diagram: Diagram = new Diagram({ | ||
* ... | ||
* connectors: connectors, nodes: nodes, | ||
* selectedItems: { constraints: SelectorConstraints.All, userHandles: handle }, | ||
* ... | ||
* }); | ||
* diagram.appendTo('#diagram'); | ||
* ``` | ||
* @default [] | ||
*/ | ||
userHandles: UserHandleModel[]; | ||
/** | ||
* Controls the visibility of selector. | ||
* * None - Hides all the selector elements | ||
* * ConnectorSourceThumb - Shows/hides the source thumb of the connector | ||
* * ConnectorTargetThumb - Shows/hides the target thumb of the connector | ||
* * ResizeSouthEast - Shows/hides the bottom right resize handle of the selector | ||
* * ResizeSouthWest - Shows/hides the bottom left resize handle of the selector | ||
* * ResizeNorthEast - Shows/hides the top right resize handle of the selector | ||
* * ResizeNorthWest - Shows/hides the top left resize handle of the selector | ||
* * ResizeEast - Shows/hides the middle right resize handle of the selector | ||
* * ResizeWest - Shows/hides the middle left resize handle of the selector | ||
* * ResizeSouth - Shows/hides the bottom center resize handle of the selector | ||
* * ResizeNorth - Shows/hides the top center resize handle of the selector | ||
* * Rotate - Shows/hides the rotate handle of the selector | ||
* * UserHandles - Shows/hides the user handles of the selector | ||
* * Resize - Shows/hides all resize handles of the selector | ||
* @default 'All' | ||
* @aspNumberEnum | ||
*/ | ||
constraints: SelectorConstraints; | ||
/** | ||
* set the constraint of the container | ||
* * Rotate - Enable Rotate Thumb | ||
* * ConnectorSource - Enable Connector source point | ||
* * ConnectorTarget - Enable Connector target point | ||
* * ResizeNorthEast - Enable ResizeNorthEast Resize | ||
* * ResizeEast - Enable ResizeEast Resize | ||
* * ResizeSouthEast - Enable ResizeSouthEast Resize | ||
* * ResizeSouth - Enable ResizeSouth Resize | ||
* * ResizeSouthWest - Enable ResizeSouthWest Resize | ||
* * ResizeWest - Enable ResizeWest Resize | ||
* * ResizeNorthWest - Enable ResizeNorthWest Resize | ||
* * ResizeNorth - Enable ResizeNorth Resize | ||
* @private | ||
* @aspNumberEnum | ||
*/ | ||
thumbsConstraints: ThumbsConstraints; | ||
/** | ||
* setTooltipTemplate helps to customize the content of a tooltip | ||
* @aspDefaultValueIgnore | ||
* @default undefined | ||
* @deprecated | ||
*/ | ||
setTooltipTemplate: Function | string; | ||
/** | ||
* Initializes the UI of the container | ||
*/ | ||
init(diagram: Diagram): Container; | ||
} |
@@ -20,9 +20,3 @@ var __extends = (this && this.__extends) || (function () { | ||
}; | ||
import { Property, ChildProperty, Collection, Complex } from '@syncfusion/ej2-base'; | ||
import { Container } from '../core/containers/container'; | ||
import { Node } from '../objects/node'; | ||
import { Connector } from '../objects/connector'; | ||
import { Point } from '../primitives/point'; | ||
import { Size } from '../primitives/size'; | ||
import { SelectorConstraints } from '../enum/enum'; | ||
import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base'; | ||
import { Margin } from '../core/appearance'; | ||
@@ -131,90 +125,1 @@ /** | ||
export { UserHandle }; | ||
/** | ||
* Defines the size and position of selected items and defines the appearance of selector | ||
*/ | ||
var Selector = /** @class */ (function (_super) { | ||
__extends(Selector, _super); | ||
function Selector() { | ||
return _super !== null && _super.apply(this, arguments) || this; | ||
} | ||
/** | ||
* Initializes the UI of the container | ||
*/ | ||
Selector.prototype.init = function (diagram) { | ||
var container = new Container(); | ||
container.measureChildren = false; | ||
var consize = new Size(); | ||
container.children = []; | ||
if (this.annotation) { | ||
var object = (this.nodes.length > 0) ? diagram.nameTable[this.nodes[0].id].wrapper : | ||
diagram.nameTable[this.connectors[0].id].wrapper; | ||
var wrapper = diagram.getWrapper(object, this.annotation.id); | ||
container.children.push(wrapper); | ||
} | ||
else { | ||
if (this.nodes || this.connectors) { | ||
for (var i = 0; i < this.nodes.length; i++) { | ||
var node = diagram.nameTable[this.nodes[i].id]; | ||
var wrapper = node.wrapper; | ||
// this.width = wrapper.actualSize.width; | ||
// this.height = wrapper.actualSize.height; | ||
// this.rotateAngle = wrapper.rotateAngle; | ||
// this.offsetX = wrapper.offsetX; | ||
// this.offsetY = wrapper.offsetY; | ||
container.children.push(wrapper); | ||
} | ||
for (var j = 0; j < this.connectors.length; j++) { | ||
var connector = diagram.nameTable[this.connectors[j].id]; | ||
var wrapper = connector.wrapper; | ||
// this.width = wrapper.actualSize.width; this.height = wrapper.actualSize.height; | ||
// this.rotateAngle = wrapper.rotateAngle; this.offsetX = wrapper.offsetX; | ||
// this.offsetY = wrapper.offsetY; | ||
container.children.push(wrapper); | ||
} | ||
} | ||
} | ||
this.wrapper = container; | ||
return container; | ||
}; | ||
__decorate([ | ||
Property(null) | ||
], Selector.prototype, "wrapper", void 0); | ||
__decorate([ | ||
Collection([], Node) | ||
], Selector.prototype, "nodes", void 0); | ||
__decorate([ | ||
Collection([], Connector) | ||
], Selector.prototype, "connectors", void 0); | ||
__decorate([ | ||
Property() | ||
], Selector.prototype, "width", void 0); | ||
__decorate([ | ||
Property() | ||
], Selector.prototype, "height", void 0); | ||
__decorate([ | ||
Property(0) | ||
], Selector.prototype, "rotateAngle", void 0); | ||
__decorate([ | ||
Property(0) | ||
], Selector.prototype, "offsetX", void 0); | ||
__decorate([ | ||
Property(0) | ||
], Selector.prototype, "offsetY", void 0); | ||
__decorate([ | ||
Complex({ x: 0.5, y: 0.5 }, Point) | ||
], Selector.prototype, "pivot", void 0); | ||
__decorate([ | ||
Property('CompleteIntersect') | ||
], Selector.prototype, "rubberBandSelectionMode", void 0); | ||
__decorate([ | ||
Collection([], UserHandle) | ||
], Selector.prototype, "userHandles", void 0); | ||
__decorate([ | ||
Property(SelectorConstraints.All) | ||
], Selector.prototype, "constraints", void 0); | ||
__decorate([ | ||
Property() | ||
], Selector.prototype, "setTooltipTemplate", void 0); | ||
return Selector; | ||
}(ChildProperty)); | ||
export { Selector }; |
@@ -10,3 +10,3 @@ import { PointModel } from '../primitives/point-model'; | ||
import { ObjectTypes } from './../enum/enum'; | ||
import { SelectorModel } from './selector-model'; | ||
import { SelectorModel } from '../objects/node-model'; | ||
import { MouseEventArgs } from './event-handlers'; | ||
@@ -106,6 +106,3 @@ import { Actions } from './actions'; | ||
/** @private */ | ||
private pointChangeParameter; | ||
/** @private */ | ||
mouseMove(args: MouseEventArgs): boolean; | ||
private onSuccessPointChange; | ||
/** @private */ | ||
@@ -151,4 +148,2 @@ mouseLeave(args: MouseEventArgs): void; | ||
/** @private */ | ||
rotateEventArgs: object; | ||
/** @private */ | ||
mouseDown(args: MouseEventArgs): void; | ||
@@ -160,3 +155,2 @@ /** @private */ | ||
private getTooltipContent; | ||
private successRotateEvent; | ||
/** @private */ | ||
@@ -191,4 +185,2 @@ mouseLeave(args: MouseEventArgs): void; | ||
private getChanges; | ||
/** @private */ | ||
private sizeChangeParameters; | ||
/** | ||
@@ -201,3 +193,2 @@ * Updates the size with delta width and delta height using scaling. | ||
private scaleObjects; | ||
private sizeChangeSuccessCallback; | ||
} | ||
@@ -204,0 +195,0 @@ /** |
@@ -164,2 +164,3 @@ import { PointModel } from '../primitives/point-model';import { Rect } from '../primitives/rect';import { MarginModel } from '../core/appearance-model';import { Margin } from '../core/appearance';import { HorizontalAlignment, VerticalAlignment, ConnectionDirection, } from '../enum/enum';import { LayoutOrientation, ConnectorSegments, LayoutType, SubTreeOrientation, SubTreeAlignments, Segments } from '../enum/enum';import { Property, Complex, ChildProperty } from '@syncfusion/ej2-base';import { OrthogonalSegmentModel, BezierSegmentModel, StraightSegmentModel } from '../objects/connector-model'; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -173,2 +174,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -182,2 +184,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -184,0 +187,0 @@ */ |
@@ -155,2 +155,3 @@ import { PointModel } from '../primitives/point-model'; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -163,2 +164,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -171,2 +173,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -340,2 +343,3 @@ */ | ||
* @default undefined | ||
* @blazorDefaultValueIgnore | ||
*/ | ||
@@ -346,2 +350,3 @@ horizontalAlignment?: HorizontalAlignment; | ||
* @default undefined | ||
* @blazorDefaultValueIgnore | ||
*/ | ||
@@ -348,0 +353,0 @@ verticalAlignment?: VerticalAlignment; |
@@ -66,3 +66,4 @@ import { Property, Complex, ChildProperty } from '@syncfusion/ej2-base';import { TextStyle, Margin } from '../core/appearance';import { Point } from '../primitives/point';import { TextStyleModel, MarginModel } from '../core/appearance-model';import { PointModel } from '../primitives/point-model';import { HorizontalAlignment, VerticalAlignment, AnnotationAlignment, AnnotationTypes, TextDecoration } from '../enum/enum';import { AnnotationConstraints } from '../enum/enum';import { randomId } from '../utility/base-util'; | ||
* @default 'InheritReadOnly' | ||
* @aspNumberEnum | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -93,2 +94,3 @@ constraints?: AnnotationConstraints; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -107,2 +109,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -115,2 +118,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -195,2 +199,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -229,2 +234,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -231,0 +237,0 @@ */ |
@@ -61,2 +61,3 @@ import { ChildProperty } from '@syncfusion/ej2-base'; | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -86,2 +87,3 @@ constraints: AnnotationConstraints; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -98,2 +100,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -105,2 +108,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -177,2 +181,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -211,2 +216,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -213,0 +219,0 @@ */ |
@@ -1,2 +0,2 @@ | ||
import { Property, Complex, Collection, ChildProperty, ComplexFactory, CollectionFactory } from '@syncfusion/ej2-base';import { ShapeStyle, StrokeStyle } from '../core/appearance';import { StrokeStyleModel, ShapeStyleModel } from '../core/appearance-model';import { Point } from '../primitives/point';import { TextElement } from '../core/elements/text-element';import { PointModel } from '../primitives/point-model';import { Segments, DecoratorShapes, Transform, ConnectorConstraints, Direction, LayoutOrientation, Status } from '../enum/enum';import { Rect } from '../primitives/rect';import { Size } from '../primitives/size';import { findAngle, findConnectorPoints, Bridge, getOuterBounds } from '../utility/connector';import { getAnnotationPosition, alignLabelOnSegments, updateConnector, setUMLActivityDefaults } from '../utility/diagram-util';import { findDistance, findPath, updatePathElement} from '../utility/diagram-util';import { randomId, getFunction } from './../utility/base-util';import { flipConnector } from './../utility/diagram-util';import { PathElement } from '../core/elements/path-element';import { PathAnnotation } from './annotation';import { Canvas } from '../core/containers/canvas';import { getDecoratorShape } from './dictionary/common';import { IElement } from './interface/IElement';import { Container } from '../core/containers/container';import { DiagramElement } from '../core/elements/diagram-element';import { HorizontalAlignment, VerticalAlignment, AssociationFlow, ClassifierShape, Multiplicity } from '../enum/enum';import { ConnectionShapes, UmlActivityFlows, BpmnFlows, BpmnMessageFlows, BpmnSequenceFlows, BpmnAssociationFlows } from '../enum/enum';import { SegmentInfo, Alignment } from '../rendering/canvas-interface';import { PathAnnotationModel } from './annotation-model';import { NodeBase } from './node-base';import { DiagramTooltipModel } from './tooltip-model';import { DiagramTooltip } from './tooltip';import { Matrix, identityMatrix, rotateMatrix, scaleMatrix, transformPointsByMatrix, transformPointByMatrix } from '../primitives/matrix';import { DiagramHtmlElement } from '../core/elements/html-element'; | ||
import { Property, Complex, Collection, ChildProperty, ComplexFactory, CollectionFactory } from '@syncfusion/ej2-base';import { ShapeStyle, StrokeStyle } from '../core/appearance';import { StrokeStyleModel, ShapeStyleModel } from '../core/appearance-model';import { Point } from '../primitives/point';import { TextElement } from '../core/elements/text-element';import { PointModel } from '../primitives/point-model';import { Segments, DecoratorShapes, Transform, ConnectorConstraints, Direction, LayoutOrientation, Status } from '../enum/enum';import { Rect } from '../primitives/rect';import { Size } from '../primitives/size';import { findAngle, findConnectorPoints, Bridge, getOuterBounds } from '../utility/connector';import { getAnnotationPosition, alignLabelOnSegments, updateConnector, setUMLActivityDefaults } from '../utility/diagram-util';import { findDistance, findPath, updatePathElement, setConnectorDefaults } from '../utility/diagram-util';import { randomId, getFunction } from './../utility/base-util';import { flipConnector } from './../utility/diagram-util';import { PathElement } from '../core/elements/path-element';import { PathAnnotation } from './annotation';import { Canvas } from '../core/containers/canvas';import { getDecoratorShape } from './dictionary/common';import { IElement } from './interface/IElement';import { Container } from '../core/containers/container';import { DiagramElement } from '../core/elements/diagram-element';import { HorizontalAlignment, VerticalAlignment, AssociationFlow, ClassifierShape, Multiplicity } from '../enum/enum';import { ConnectionShapes, UmlActivityFlows, BpmnFlows, BpmnMessageFlows, BpmnSequenceFlows, BpmnAssociationFlows } from '../enum/enum';import { SegmentInfo, Alignment } from '../rendering/canvas-interface';import { PathAnnotationModel } from './annotation-model';import { NodeBase } from './node-base';import { DiagramTooltipModel } from './tooltip-model';import { DiagramTooltip } from './tooltip';import { Matrix, identityMatrix, rotateMatrix, scaleMatrix, transformPointsByMatrix, transformPointByMatrix } from '../primitives/matrix';import { DiagramHtmlElement } from '../core/elements/html-element'; | ||
import {NodeBaseModel} from "./node-base-model"; | ||
@@ -417,3 +417,4 @@ | ||
* @default 'None' | ||
* @aspNumberEnum | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -463,2 +464,3 @@ constraints?: ConnectorConstraints; | ||
* @aspType object | ||
* @blazorType object | ||
*/ | ||
@@ -492,2 +494,4 @@ segments?: (OrthogonalSegmentModel | StraightSegmentModel | BezierSegmentModel)[]; | ||
* @aspType Syncfusion.EJ2.Diagrams.Segments | ||
* @blazorDefaultValueIgnore | ||
* @blazorDefaultValue Syncfusion.EJ2.Blazor.Diagrams.Segments.Straight | ||
*/ | ||
@@ -535,2 +539,3 @@ type?: Segments; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -542,2 +547,3 @@ sourcePadding?: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -544,0 +550,0 @@ targetPadding?: number; |
@@ -452,2 +452,3 @@ /// <reference path="node-base-model.d.ts" /> | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -463,2 +464,3 @@ constraints: ConnectorConstraints; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -498,2 +500,3 @@ */ | ||
* @aspType object | ||
* @blazorType object | ||
*/ | ||
@@ -523,2 +526,4 @@ segments: (OrthogonalSegmentModel | StraightSegmentModel | BezierSegmentModel)[]; | ||
* @aspType Syncfusion.EJ2.Diagrams.Segments | ||
* @blazorDefaultValueIgnore | ||
* @blazorDefaultValue Syncfusion.EJ2.Blazor.Diagrams.Segments.Straight | ||
*/ | ||
@@ -559,2 +564,3 @@ type: Segments; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -565,2 +571,3 @@ sourcePadding: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -567,0 +574,0 @@ targetPadding: number; |
@@ -30,3 +30,3 @@ var __extends = (this && this.__extends) || (function () { | ||
import { getAnnotationPosition, alignLabelOnSegments, updateConnector, setUMLActivityDefaults } from '../utility/diagram-util'; | ||
import { findDistance, findPath, updatePathElement } from '../utility/diagram-util'; | ||
import { findDistance, findPath, updatePathElement, setConnectorDefaults } from '../utility/diagram-util'; | ||
import { randomId, getFunction } from './../utility/base-util'; | ||
@@ -459,2 +459,5 @@ import { flipConnector } from './../utility/diagram-util'; | ||
} | ||
if (defaultValue && defaultValue.shape && defaultValue.shape.type !== 'None') { | ||
setConnectorDefaults(defaultValue, _this); | ||
} | ||
return _this; | ||
@@ -562,3 +565,2 @@ } | ||
this.targetDecorator.shape = 'Arrow'; | ||
this.style.strokeWidth = 2; | ||
} | ||
@@ -569,5 +571,2 @@ else if (shape.relationship === 'Inheritance') { | ||
this.targetDecorator.shape = 'Arrow'; | ||
this.targetDecorator.style.fill = 'white'; | ||
this.style.strokeWidth = 2; | ||
this.style.strokeDashArray = '4 4'; | ||
} | ||
@@ -578,4 +577,2 @@ else if (shape.relationship === 'Composition') { | ||
this.targetDecorator.shape = 'None'; | ||
this.sourceDecorator.style.fill = 'black'; | ||
this.style.strokeWidth = 2; | ||
} | ||
@@ -586,4 +583,2 @@ else if (shape.relationship === 'Aggregation') { | ||
this.targetDecorator.shape = 'None'; | ||
this.sourceDecorator.style.fill = 'white'; | ||
this.style.strokeWidth = 2; | ||
} | ||
@@ -594,5 +589,2 @@ else if (shape.relationship === 'Dependency') { | ||
this.targetDecorator.shape = 'OpenArrow'; | ||
this.sourceDecorator.style.fill = 'white'; | ||
this.style.strokeWidth = 2; | ||
this.style.strokeDashArray = '4 4'; | ||
} | ||
@@ -603,4 +595,2 @@ else if (shape.relationship === 'Realization') { | ||
this.targetDecorator.shape = 'Arrow'; | ||
this.sourceDecorator.style.fill = 'white'; | ||
this.style.strokeWidth = 2; | ||
} | ||
@@ -666,3 +656,2 @@ if (shape.associationType === 'BiDirectional') { | ||
this.targetDecorator.shape = 'Arrow'; | ||
this.targetDecorator.style.fill = 'black'; | ||
} | ||
@@ -674,3 +663,2 @@ if ((this.shape.sequence) === 'Default') { | ||
this.targetDecorator.shape = 'Arrow'; | ||
this.targetDecorator.style.fill = 'black'; | ||
} | ||
@@ -681,6 +669,2 @@ if ((this.shape.sequence) === 'Conditional') { | ||
pathseq.id = this.id + this.shape.type; | ||
this.sourceDecorator.style.fill = 'white'; | ||
this.targetDecorator.style.fill = 'black'; | ||
this.sourceDecorator.width = 20; | ||
this.sourceDecorator.height = 10; | ||
} | ||
@@ -720,17 +704,9 @@ return pathseq; | ||
this.targetDecorator.shape = 'Arrow'; | ||
this.targetDecorator.style.fill = 'black'; | ||
} | ||
if ((this.shape.association) === 'Directional') { | ||
this.style.strokeDashArray = '2 2'; | ||
this.targetDecorator.style.fill = 'black'; | ||
this.targetDecorator.shape = 'Arrow'; | ||
} | ||
if ((this.shape.association) === 'BiDirectional') { | ||
this.style.strokeDashArray = '2 2'; | ||
this.targetDecorator.shape = 'Arrow'; | ||
this.targetDecorator.style.fill = 'black'; | ||
this.sourceDecorator.shape = 'Arrow'; | ||
this.sourceDecorator.style.fill = 'white'; | ||
this.sourceDecorator.width = 5; | ||
this.sourceDecorator.height = 10; | ||
} | ||
@@ -740,3 +716,2 @@ }; | ||
var segmentMessage = new PathElement(); | ||
this.style.strokeDashArray = '4 4'; | ||
this.targetDecorator.shape = 'Arrow'; | ||
@@ -891,5 +866,2 @@ this.targetDecorator.width = 5; | ||
len = (len === 0) ? 1 : len; | ||
var width = connector.style.strokeWidth - 1; | ||
point.x = (Math.round(start.x + width * (end.x - start.x) / len)); | ||
point.y = (Math.round(start.y + width * (end.y - start.y) / len)); | ||
var strokeWidth = 1; | ||
@@ -900,2 +872,5 @@ var node = isSource ? connector.sourceWrapper : connector.targetWrapper; | ||
} | ||
var width = strokeWidth - 1; | ||
point.x = (Math.round(start.x + width * (end.x - start.x) / len)); | ||
point.y = (Math.round(start.y + width * (end.y - start.y) / len)); | ||
if ((isSource && connector.sourceDecorator.shape !== 'None') || | ||
@@ -902,0 +877,0 @@ (!isSource && connector.targetDecorator.shape !== 'None')) { |
@@ -81,3 +81,4 @@ import { remove } from '@syncfusion/ej2-base'; | ||
onClose: this.contextMenuOnClose.bind(this), | ||
cssClass: 'e-diagram-menu' | ||
cssClass: 'e-diagram-menu', | ||
animationSettings: { effect: 'None' } | ||
}); | ||
@@ -230,2 +231,3 @@ this.contextMenu.appendTo(this.element); | ||
hidden = false; | ||
contextItems.contextMenu.showItems([item.id], true); | ||
} | ||
@@ -232,0 +234,0 @@ }); |
@@ -7,3 +7,3 @@ import { Container } from '../../core/containers/container'; | ||
import { EventState, ChangeType, State, DiagramAction } from '../../enum/enum'; | ||
import { SelectorModel } from '../../interaction/selector-model'; | ||
import { SelectorModel } from '../../objects/node-model'; | ||
import { DiagramModel } from '../../diagram-model'; | ||
@@ -10,0 +10,0 @@ import { Connector } from '../../objects/connector'; |
@@ -35,2 +35,3 @@ import { Property, Complex, ChildProperty, Collection } from '@syncfusion/ej2-base';import { Margin } from '../core/appearance';import { PointPortModel } from './port-model';import { MarginModel } from '../core/appearance-model';import { DiagramTooltipModel } from './tooltip-model';import { IconShape } from './icon';import { IconShapeModel } from './icon-model';import { DiagramTooltip } from './tooltip';import { PointPort } from './port';import { FlipDirection } from '../enum/enum'; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -73,2 +74,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -81,2 +83,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default None | ||
@@ -83,0 +86,0 @@ */ |
@@ -34,2 +34,3 @@ import { ChildProperty } from '@syncfusion/ej2-base'; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -66,2 +67,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -73,2 +75,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default None | ||
@@ -75,0 +78,0 @@ */ |
@@ -1,2 +0,2 @@ | ||
import { Property, Complex, Collection, ChildProperty, ComplexFactory } from '@syncfusion/ej2-base';import { ShapeStyle, Margin, TextStyle, Shadow } from '../core/appearance';import { ShapeStyleModel, TextStyleModel, ShadowModel, } from '../core/appearance-model';import { Point } from '../primitives/point';import { Size } from '../primitives/size';import { PointModel } from '../primitives/point-model';import { Shapes, BasicShapes, FlowShapes, UmlActivityShapes, Scale, ImageAlignment, Status, ElementAction } from '../enum/enum';import { IElement } from './interface/IElement';import { Container } from '../core/containers/container';import { Canvas } from '../core/containers/canvas';import { getBasicShape } from './dictionary/basic-shapes';import { DiagramElement } from '../core/elements/diagram-element';import { PathElement } from '../core/elements/path-element';import { TextElement } from '../core/elements/text-element';import { ImageElement } from '../core/elements/image-element';import { DiagramNativeElement } from '../core/elements/native-element';import { Port, PointPort } from './port';import { PointPortModel } from './port-model';import { Annotation, ShapeAnnotation } from './annotation';import { ShapeAnnotationModel, HyperlinkModel } from './annotation-model';import { getPortShape, getIconShape } from './dictionary/common';import { getFlowShape } from './dictionary/flow-shapes';import { HorizontalAlignment, VerticalAlignment, BpmnShapes, BpmnEvents, BpmnTriggers, BpmnGateways, NodeConstraints } from '../enum/enum';import { BpmnDataObjects, BpmnTasks, BpmnSubProcessTypes, BpmnLoops } from '../enum/enum';import { BpmnBoundary, BpmnActivities, UmlScope } from '../enum/enum';import { MarginModel } from '../core/appearance-model';import { LayoutModel } from '../layout/layout-base-model';import { checkPortRestriction, setUMLActivityDefaults, getUMLActivityShapes, updatePortEdges } from './../utility/diagram-util';import { setSwimLaneDefaults } from './../utility/diagram-util';import { randomId, getFunction } from './../utility/base-util';import { NodeBase } from './node-base';import { canShadow } from './../utility/constraints-util';import { PortVisibility, Stretch } from '../enum/enum';import { IconShapeModel } from './icon-model';import { IconShape } from './icon';import { measurePath } from './../utility/dom-util';import { Rect } from '../primitives/rect';import { getPolygonPath } from './../utility/path-util';import { DiagramHtmlElement } from '../core/elements/html-element';import { StackPanel } from '../core/containers/stack-panel';import { GridPanel, RowDefinition, ColumnDefinition } from '../core/containers/grid';import { Orientation, ContainerTypes, ClassifierShape } from '../enum/enum';import { getULMClassifierShapes } from '../utility/uml-util';import { initSwimLane } from './../utility/swim-lane-util';import { AnnotationModel } from './annotation-model'; | ||
import { Property, Complex, Collection, ChildProperty, ComplexFactory } from '@syncfusion/ej2-base';import { ShapeStyle, Margin, TextStyle, Shadow } from '../core/appearance';import { ShapeStyleModel, TextStyleModel, ShadowModel, } from '../core/appearance-model';import { Point } from '../primitives/point';import { Size } from '../primitives/size';import { PointModel } from '../primitives/point-model';import { Shapes, BasicShapes, FlowShapes, UmlActivityShapes, Scale, ImageAlignment, Status, ElementAction } from '../enum/enum';import { IElement } from './interface/IElement';import { Container } from '../core/containers/container';import { Canvas } from '../core/containers/canvas';import { getBasicShape } from './dictionary/basic-shapes';import { DiagramElement } from '../core/elements/diagram-element';import { PathElement } from '../core/elements/path-element';import { TextElement } from '../core/elements/text-element';import { ImageElement } from '../core/elements/image-element';import { DiagramNativeElement } from '../core/elements/native-element';import { RubberBandSelectionMode, ThumbsConstraints } from '../enum/enum';import { Port, PointPort } from './port';import { PointPortModel } from './port-model';import { SelectorConstraints } from '../enum/enum';import { Annotation, ShapeAnnotation } from './annotation';import { ShapeAnnotationModel, HyperlinkModel, PathAnnotationModel } from './annotation-model';import { getPortShape, getIconShape } from './dictionary/common';import { getFlowShape } from './dictionary/flow-shapes';import { HorizontalAlignment, VerticalAlignment, BpmnShapes, BpmnEvents, BpmnTriggers, BpmnGateways, NodeConstraints } from '../enum/enum';import { BpmnDataObjects, BpmnTasks, BpmnSubProcessTypes, BpmnLoops } from '../enum/enum';import { BpmnBoundary, BpmnActivities, UmlScope } from '../enum/enum';import { MarginModel } from '../core/appearance-model';import { LayoutModel } from '../layout/layout-base-model';import { checkPortRestriction, setUMLActivityDefaults, getUMLActivityShapes, updatePortEdges } from './../utility/diagram-util';import { setSwimLaneDefaults } from './../utility/diagram-util';import { randomId, getFunction } from './../utility/base-util';import { NodeBase } from './node-base';import { canShadow } from './../utility/constraints-util';import { PortVisibility, Stretch } from '../enum/enum';import { IconShapeModel } from './icon-model';import { IconShape } from './icon';import { measurePath } from './../utility/dom-util';import { Rect } from '../primitives/rect';import { getPolygonPath } from './../utility/path-util';import { DiagramHtmlElement } from '../core/elements/html-element';import { StackPanel } from '../core/containers/stack-panel';import { GridPanel, RowDefinition, ColumnDefinition } from '../core/containers/grid';import { Orientation, ContainerTypes, ClassifierShape } from '../enum/enum';import { getULMClassifierShapes } from '../utility/uml-util';import { initSwimLane } from './../utility/swim-lane-util';import { AnnotationModel } from './annotation-model';import { ConnectorModel } from './connector-model';import { Diagram } from '../../diagram/diagram';import { Connector } from './connector';import { UserHandleModel } from '../interaction/selector-model';import { UserHandle } from '../interaction/selector'; | ||
import {NodeBaseModel} from "./node-base-model"; | ||
@@ -310,2 +310,3 @@ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -600,2 +601,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -608,2 +610,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -616,2 +619,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -624,2 +628,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -898,2 +903,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -906,2 +912,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -914,2 +921,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -922,2 +930,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1286,2 +1295,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1312,2 +1322,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1320,2 +1331,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1328,2 +1340,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1336,2 +1349,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1344,2 +1358,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1352,2 +1367,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1385,2 +1401,3 @@ */ | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -1437,3 +1454,4 @@ borderWidth?: number; | ||
* @default 'Default' | ||
* @aspNumberEnum | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -1451,2 +1469,3 @@ constraints?: NodeConstraints; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1459,2 +1478,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default null | ||
@@ -1480,2 +1500,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1489,2 +1510,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1498,2 +1520,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1507,2 +1530,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1516,2 +1540,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1524,2 +1549,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1705,2 +1731,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default Canvas | ||
@@ -1713,2 +1740,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1718,2 +1746,148 @@ */ | ||
} | ||
/** | ||
* Interface for a class Selector | ||
*/ | ||
export interface SelectorModel { | ||
/** | ||
* Defines the size and position of the container | ||
* @default null | ||
*/ | ||
wrapper?: Container; | ||
/** | ||
* Defines the collection of selected nodes | ||
*/ | ||
nodes?: NodeModel[]; | ||
/** | ||
* Defines the collection of selected connectors | ||
*/ | ||
connectors?: ConnectorModel[]; | ||
/** | ||
* Sets/Gets the width of the container | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
*/ | ||
width?: number; | ||
/** | ||
* Sets/Gets the height of the container | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
*/ | ||
height?: number; | ||
/** | ||
* Sets the rotate angle of the container | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
rotateAngle?: number; | ||
/** | ||
* Sets the positionX of the container | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
offsetX?: number; | ||
/** | ||
* Sets the positionY of the container | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
offsetY?: number; | ||
/** | ||
* Sets the pivot of the selector | ||
* @default { x: 0.5, y: 0.5 } | ||
*/ | ||
pivot?: PointModel; | ||
/** | ||
* Defines how to pick the objects to be selected using rubber band selection | ||
* * CompleteIntersect - Selects the objects that are contained within the selected region | ||
* * PartialIntersect - Selects the objects that are partially intersected with the selected region | ||
* @default 'CompleteIntersect' | ||
*/ | ||
rubberBandSelectionMode?: RubberBandSelectionMode; | ||
/** | ||
* Defines the collection of user handle | ||
* ```html | ||
* <div id='diagram'></div> | ||
* ``` | ||
* ```typescript | ||
* let nodes: NodeModel[] = [{ | ||
* id: 'node1', width: 100, height: 100, offsetX: 100, offsetY: 100, | ||
* annotations: [{ content: 'Default Shape' }] | ||
* }, | ||
* { | ||
* id: 'node2', width: 100, height: 100, offsetX: 300, offsetY: 100, | ||
* shape: { | ||
* type: 'Basic', shape: 'Ellipse' | ||
* }, | ||
* annotations: [{ content: 'Path Element' }] | ||
* } | ||
* ]; | ||
* let connectors: ConnectorModel[] = [{ | ||
* id: 'connector1', | ||
* type: 'Straight', | ||
* sourcePoint: { x: 100, y: 300 }, | ||
* targetPoint: { x: 200, y: 400 }, | ||
* }]; | ||
* let handle: UserHandleModel[] = [ | ||
* { name: 'handle', margin: { top: 0, bottom: 0, left: 0, right: 0 }, offset: 0, | ||
* pathData: 'M 376.892,225.284L 371.279,211.95L 376.892,198.617L 350.225,211.95L 376.892,225.284 Z', | ||
* side: 'Top', horizontalAlignment: 'Center', verticalAlignment: 'Center', | ||
* pathColor: 'yellow' }]; | ||
* let diagram: Diagram = new Diagram({ | ||
* ... | ||
* connectors: connectors, nodes: nodes, | ||
* selectedItems: { constraints: SelectorConstraints.All, userHandles: handle }, | ||
* ... | ||
* }); | ||
* diagram.appendTo('#diagram'); | ||
* ``` | ||
* @default [] | ||
*/ | ||
userHandles?: UserHandleModel[]; | ||
/** | ||
* Controls the visibility of selector. | ||
* * None - Hides all the selector elements | ||
* * ConnectorSourceThumb - Shows/hides the source thumb of the connector | ||
* * ConnectorTargetThumb - Shows/hides the target thumb of the connector | ||
* * ResizeSouthEast - Shows/hides the bottom right resize handle of the selector | ||
* * ResizeSouthWest - Shows/hides the bottom left resize handle of the selector | ||
* * ResizeNorthEast - Shows/hides the top right resize handle of the selector | ||
* * ResizeNorthWest - Shows/hides the top left resize handle of the selector | ||
* * ResizeEast - Shows/hides the middle right resize handle of the selector | ||
* * ResizeWest - Shows/hides the middle left resize handle of the selector | ||
* * ResizeSouth - Shows/hides the bottom center resize handle of the selector | ||
* * ResizeNorth - Shows/hides the top center resize handle of the selector | ||
* * Rotate - Shows/hides the rotate handle of the selector | ||
* * UserHandles - Shows/hides the user handles of the selector | ||
* * Resize - Shows/hides all resize handles of the selector | ||
* @default 'All' | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
constraints?: SelectorConstraints; | ||
/** | ||
* setTooltipTemplate helps to customize the content of a tooltip | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
* @deprecated | ||
*/ | ||
setTooltipTemplate?: Function | string; | ||
} |
@@ -10,6 +10,8 @@ /// <reference path="node-base-model.d.ts" /> | ||
import { DiagramElement } from '../core/elements/diagram-element'; | ||
import { RubberBandSelectionMode, ThumbsConstraints } from '../enum/enum'; | ||
import { Port } from './port'; | ||
import { PointPortModel } from './port-model'; | ||
import { SelectorConstraints } from '../enum/enum'; | ||
import { Annotation } from './annotation'; | ||
import { ShapeAnnotationModel } from './annotation-model'; | ||
import { ShapeAnnotationModel, PathAnnotationModel } from './annotation-model'; | ||
import { HorizontalAlignment, VerticalAlignment, BpmnShapes, BpmnEvents, BpmnTriggers, BpmnGateways, NodeConstraints } from '../enum/enum'; | ||
@@ -32,2 +34,5 @@ import { BpmnDataObjects, BpmnTasks, BpmnSubProcessTypes, BpmnLoops } from '../enum/enum'; | ||
import { Orientation, ContainerTypes, ClassifierShape } from '../enum/enum'; | ||
import { ConnectorModel } from './connector-model'; | ||
import { Diagram } from '../../diagram/diagram'; | ||
import { UserHandleModel } from '../interaction/selector-model'; | ||
/** | ||
@@ -333,2 +338,3 @@ * Defines the behavior of default shape | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -629,2 +635,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -636,2 +643,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -643,2 +651,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -650,2 +659,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -916,2 +926,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -923,2 +934,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -930,2 +942,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -937,2 +950,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1309,2 +1323,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1331,2 +1346,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1338,2 +1354,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1345,2 +1362,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1352,2 +1370,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1359,2 +1378,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1366,2 +1386,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1394,2 +1415,3 @@ */ | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -1443,2 +1465,3 @@ borderWidth: number; | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -1454,2 +1477,3 @@ constraints: NodeConstraints; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1461,2 +1485,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default null | ||
@@ -1478,2 +1503,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1485,2 +1511,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1492,2 +1519,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1499,2 +1527,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1506,2 +1535,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1513,2 +1543,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1733,2 +1764,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default Canvas | ||
@@ -1740,2 +1772,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -1750,1 +1783,158 @@ */ | ||
} | ||
/** | ||
* Defines the size and position of selected items and defines the appearance of selector | ||
*/ | ||
export declare class Selector extends ChildProperty<Selector> implements IElement { | ||
/** | ||
* Defines the size and position of the container | ||
* @default null | ||
*/ | ||
wrapper: Container; | ||
/** | ||
* Defines the collection of selected nodes | ||
*/ | ||
nodes: NodeModel[]; | ||
/** | ||
* Defines the collection of selected connectors | ||
*/ | ||
connectors: ConnectorModel[]; | ||
/** | ||
* @private | ||
*/ | ||
annotation: ShapeAnnotationModel | PathAnnotationModel; | ||
/** | ||
* Sets/Gets the width of the container | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
*/ | ||
width: number; | ||
/** | ||
* Sets/Gets the height of the container | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
*/ | ||
height: number; | ||
/** | ||
* Sets the rotate angle of the container | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
rotateAngle: number; | ||
/** | ||
* Sets the positionX of the container | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
offsetX: number; | ||
/** | ||
* Sets the positionY of the container | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
offsetY: number; | ||
/** | ||
* Sets the pivot of the selector | ||
* @default { x: 0.5, y: 0.5 } | ||
*/ | ||
pivot: PointModel; | ||
/** | ||
* Defines how to pick the objects to be selected using rubber band selection | ||
* * CompleteIntersect - Selects the objects that are contained within the selected region | ||
* * PartialIntersect - Selects the objects that are partially intersected with the selected region | ||
* @default 'CompleteIntersect' | ||
*/ | ||
rubberBandSelectionMode: RubberBandSelectionMode; | ||
/** | ||
* Defines the collection of user handle | ||
* ```html | ||
* <div id='diagram'></div> | ||
* ``` | ||
* ```typescript | ||
* let nodes: NodeModel[] = [{ | ||
* id: 'node1', width: 100, height: 100, offsetX: 100, offsetY: 100, | ||
* annotations: [{ content: 'Default Shape' }] | ||
* }, | ||
* { | ||
* id: 'node2', width: 100, height: 100, offsetX: 300, offsetY: 100, | ||
* shape: { | ||
* type: 'Basic', shape: 'Ellipse' | ||
* }, | ||
* annotations: [{ content: 'Path Element' }] | ||
* } | ||
* ]; | ||
* let connectors: ConnectorModel[] = [{ | ||
* id: 'connector1', | ||
* type: 'Straight', | ||
* sourcePoint: { x: 100, y: 300 }, | ||
* targetPoint: { x: 200, y: 400 }, | ||
* }]; | ||
* let handle: UserHandleModel[] = [ | ||
* { name: 'handle', margin: { top: 0, bottom: 0, left: 0, right: 0 }, offset: 0, | ||
* pathData: 'M 376.892,225.284L 371.279,211.95L 376.892,198.617L 350.225,211.95L 376.892,225.284 Z', | ||
* side: 'Top', horizontalAlignment: 'Center', verticalAlignment: 'Center', | ||
* pathColor: 'yellow' }]; | ||
* let diagram: Diagram = new Diagram({ | ||
* ... | ||
* connectors: connectors, nodes: nodes, | ||
* selectedItems: { constraints: SelectorConstraints.All, userHandles: handle }, | ||
* ... | ||
* }); | ||
* diagram.appendTo('#diagram'); | ||
* ``` | ||
* @default [] | ||
*/ | ||
userHandles: UserHandleModel[]; | ||
/** | ||
* Controls the visibility of selector. | ||
* * None - Hides all the selector elements | ||
* * ConnectorSourceThumb - Shows/hides the source thumb of the connector | ||
* * ConnectorTargetThumb - Shows/hides the target thumb of the connector | ||
* * ResizeSouthEast - Shows/hides the bottom right resize handle of the selector | ||
* * ResizeSouthWest - Shows/hides the bottom left resize handle of the selector | ||
* * ResizeNorthEast - Shows/hides the top right resize handle of the selector | ||
* * ResizeNorthWest - Shows/hides the top left resize handle of the selector | ||
* * ResizeEast - Shows/hides the middle right resize handle of the selector | ||
* * ResizeWest - Shows/hides the middle left resize handle of the selector | ||
* * ResizeSouth - Shows/hides the bottom center resize handle of the selector | ||
* * ResizeNorth - Shows/hides the top center resize handle of the selector | ||
* * Rotate - Shows/hides the rotate handle of the selector | ||
* * UserHandles - Shows/hides the user handles of the selector | ||
* * Resize - Shows/hides all resize handles of the selector | ||
* @default 'All' | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
constraints: SelectorConstraints; | ||
/** | ||
* set the constraint of the container | ||
* * Rotate - Enable Rotate Thumb | ||
* * ConnectorSource - Enable Connector source point | ||
* * ConnectorTarget - Enable Connector target point | ||
* * ResizeNorthEast - Enable ResizeNorthEast Resize | ||
* * ResizeEast - Enable ResizeEast Resize | ||
* * ResizeSouthEast - Enable ResizeSouthEast Resize | ||
* * ResizeSouth - Enable ResizeSouth Resize | ||
* * ResizeSouthWest - Enable ResizeSouthWest Resize | ||
* * ResizeWest - Enable ResizeWest Resize | ||
* * ResizeNorthWest - Enable ResizeNorthWest Resize | ||
* * ResizeNorth - Enable ResizeNorth Resize | ||
* @private | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
thumbsConstraints: ThumbsConstraints; | ||
/** | ||
* setTooltipTemplate helps to customize the content of a tooltip | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
* @deprecated | ||
*/ | ||
setTooltipTemplate: Function | string; | ||
/** | ||
* Initializes the UI of the container | ||
*/ | ||
init(diagram: Diagram): Container; | ||
} |
@@ -35,2 +35,3 @@ var __extends = (this && this.__extends) || (function () { | ||
import { PointPort } from './port'; | ||
import { SelectorConstraints } from '../enum/enum'; | ||
import { Annotation, ShapeAnnotation } from './annotation'; | ||
@@ -53,2 +54,4 @@ import { getPortShape, getIconShape } from './dictionary/common'; | ||
import { initSwimLane } from './../utility/swim-lane-util'; | ||
import { Connector } from './connector'; | ||
import { UserHandle } from '../interaction/selector'; | ||
var getShapeType = function (obj) { | ||
@@ -1578,1 +1581,90 @@ switch (obj.type) { | ||
export { ChildContainer }; | ||
/** | ||
* Defines the size and position of selected items and defines the appearance of selector | ||
*/ | ||
var Selector = /** @class */ (function (_super) { | ||
__extends(Selector, _super); | ||
function Selector() { | ||
return _super !== null && _super.apply(this, arguments) || this; | ||
} | ||
/** | ||
* Initializes the UI of the container | ||
*/ | ||
Selector.prototype.init = function (diagram) { | ||
var container = new Container(); | ||
container.measureChildren = false; | ||
var consize = new Size(); | ||
container.children = []; | ||
if (this.annotation) { | ||
var object = (this.nodes.length > 0) ? diagram.nameTable[this.nodes[0].id].wrapper : | ||
diagram.nameTable[this.connectors[0].id].wrapper; | ||
var wrapper = diagram.getWrapper(object, this.annotation.id); | ||
container.children.push(wrapper); | ||
} | ||
else { | ||
if (this.nodes || this.connectors) { | ||
for (var i = 0; i < this.nodes.length; i++) { | ||
var node = diagram.nameTable[this.nodes[i].id]; | ||
var wrapper = node.wrapper; | ||
// this.width = wrapper.actualSize.width; | ||
// this.height = wrapper.actualSize.height; | ||
// this.rotateAngle = wrapper.rotateAngle; | ||
// this.offsetX = wrapper.offsetX; | ||
// this.offsetY = wrapper.offsetY; | ||
container.children.push(wrapper); | ||
} | ||
for (var j = 0; j < this.connectors.length; j++) { | ||
var connector = diagram.nameTable[this.connectors[j].id]; | ||
var wrapper = connector.wrapper; | ||
// this.width = wrapper.actualSize.width; this.height = wrapper.actualSize.height; | ||
// this.rotateAngle = wrapper.rotateAngle; this.offsetX = wrapper.offsetX; | ||
// this.offsetY = wrapper.offsetY; | ||
container.children.push(wrapper); | ||
} | ||
} | ||
} | ||
this.wrapper = container; | ||
return container; | ||
}; | ||
__decorate([ | ||
Property(null) | ||
], Selector.prototype, "wrapper", void 0); | ||
__decorate([ | ||
Collection([], Node) | ||
], Selector.prototype, "nodes", void 0); | ||
__decorate([ | ||
Collection([], Connector) | ||
], Selector.prototype, "connectors", void 0); | ||
__decorate([ | ||
Property() | ||
], Selector.prototype, "width", void 0); | ||
__decorate([ | ||
Property() | ||
], Selector.prototype, "height", void 0); | ||
__decorate([ | ||
Property(0) | ||
], Selector.prototype, "rotateAngle", void 0); | ||
__decorate([ | ||
Property(0) | ||
], Selector.prototype, "offsetX", void 0); | ||
__decorate([ | ||
Property(0) | ||
], Selector.prototype, "offsetY", void 0); | ||
__decorate([ | ||
Complex({ x: 0.5, y: 0.5 }, Point) | ||
], Selector.prototype, "pivot", void 0); | ||
__decorate([ | ||
Property('CompleteIntersect') | ||
], Selector.prototype, "rubberBandSelectionMode", void 0); | ||
__decorate([ | ||
Collection([], UserHandle) | ||
], Selector.prototype, "userHandles", void 0); | ||
__decorate([ | ||
Property(SelectorConstraints.All) | ||
], Selector.prototype, "constraints", void 0); | ||
__decorate([ | ||
Property() | ||
], Selector.prototype, "setTooltipTemplate", void 0); | ||
return Selector; | ||
}(ChildProperty)); | ||
export { Selector }; |
@@ -94,3 +94,4 @@ import { Property, Complex, ChildProperty } from '@syncfusion/ej2-base';import { ShapeStyle, Margin } from '../core/appearance';import { ShapeStyleModel, MarginModel } from '../core/appearance-model';import { Point } from '../primitives/point';import { PointModel } from '../primitives/point-model';import { HorizontalAlignment, VerticalAlignment, PortShapes, PortConstraints, PortVisibility } from '../enum/enum'; | ||
* @default 'Connect' | ||
* @aspNumberEnum | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -108,3 +109,4 @@ visibility?: PortVisibility; | ||
* @default 'Default' | ||
* @aspNumberEnum | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -116,2 +118,3 @@ constraints?: PortConstraints; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -118,0 +121,0 @@ */ |
@@ -88,2 +88,3 @@ import { ChildProperty } from '@syncfusion/ej2-base'; | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -100,2 +101,3 @@ visibility: PortVisibility; | ||
* @aspNumberEnum | ||
* @blazorNumberEnum | ||
*/ | ||
@@ -106,2 +108,3 @@ constraints: PortConstraints; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -108,0 +111,0 @@ */ |
@@ -6,3 +6,3 @@ import { PointModel } from '../primitives/point-model'; | ||
import { DiagramElement } from '../core/elements/diagram-element'; | ||
import { SelectorModel } from '../interaction/selector-model'; | ||
import { SelectorModel } from '../objects/node-model'; | ||
/** | ||
@@ -9,0 +9,0 @@ * Snapping |
@@ -5,3 +5,3 @@ import { Rect } from '../primitives/rect'; | ||
import { Connector } from './connector'; | ||
import { Selector } from '../interaction/selector'; | ||
import { Selector } from '../objects/node'; | ||
import { getBounds } from './../utility/base-util'; | ||
@@ -8,0 +8,0 @@ import { randomId } from './../utility/base-util'; |
@@ -72,2 +72,3 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';import { Tooltip, AnimationModel, Position, TooltipEventArgs } from '@syncfusion/ej2-popups';import { TooltipRelativeMode, TooltipMode } from '../enum/enum';import { Diagram } from '../diagram';import { NodeModel } from './node-model';import { ConnectorModel } from './connector-model'; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default { open: { effect: 'FadeIn', duration: 150, delay: 0 }, close: { effect: 'FadeOut', duration: 150, delay: 0 } } | ||
@@ -74,0 +75,0 @@ */ |
@@ -69,2 +69,3 @@ import { ChildProperty } from '@syncfusion/ej2-base'; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default { open: { effect: 'FadeIn', duration: 150, delay: 0 }, close: { effect: 'FadeOut', duration: 150, delay: 0 } } | ||
@@ -71,0 +72,0 @@ */ |
@@ -421,3 +421,3 @@ import { Node } from './node'; | ||
if (parentNode) { | ||
addChildToContainer(diagram, parentNode, actualObject, !isRedo); | ||
addChildToContainer(diagram, parentNode, actualObject, !isRedo, entry.historyAction === 'AddNodeToLane'); | ||
} | ||
@@ -424,0 +424,0 @@ else { |
@@ -11,2 +11,3 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base'; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -18,2 +19,3 @@ x?: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -20,0 +22,0 @@ y?: number; |
@@ -10,2 +10,3 @@ import { ChildProperty } from '@syncfusion/ej2-base'; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -16,2 +17,3 @@ x: number; | ||
* @default 0 | ||
* @isBlazorNullableType true | ||
*/ | ||
@@ -18,0 +20,0 @@ y: number; |
@@ -771,2 +771,3 @@ import { Browser } from '@syncfusion/ej2-base'; | ||
var ctx = canvas.getContext('2d'); | ||
ctx.fillStyle = 'transparent'; | ||
ctx.fillRect(0, 0, bounds.width + (margin.left + margin.right), bounds.height + (margin.top + margin.bottom)); | ||
@@ -773,0 +774,0 @@ ctx.drawImage(img, bounds.x, bounds.y, bounds.width, bounds.height, margin.left, margin.top, bounds.width, bounds.height); |
@@ -15,3 +15,3 @@ import { DiagramElement } from '../core/elements/diagram-element'; | ||
import { TransformFactor as Transforms } from '../interaction/scroller'; | ||
import { SelectorModel } from '../interaction/selector-model'; | ||
import { SelectorModel } from '../objects/node-model'; | ||
import { IRenderer } from './../rendering/IRenderer'; | ||
@@ -18,0 +18,0 @@ import { OrthogonalSegment } from '../objects/connector'; |
@@ -8,3 +8,3 @@ import { Diagram } from '../diagram'; | ||
import { PointPortModel } from './../objects/port-model'; | ||
import { SelectorModel } from './../interaction/selector-model'; | ||
import { SelectorModel } from './../objects/node-model'; | ||
/** | ||
@@ -24,2 +24,4 @@ * constraints-util module contains the common constraints | ||
/** @private */ | ||
export declare function canEnableRouting(connector: Connector, diagram: Diagram): number; | ||
/** @private */ | ||
export declare function canDragSourceEnd(connector: Connector): number; | ||
@@ -26,0 +28,0 @@ /** @private */ |
@@ -5,3 +5,3 @@ import { Node } from './../objects/node'; | ||
import { Connector } from './../objects/connector'; | ||
import { Selector } from './../interaction/selector'; | ||
import { Selector } from './../objects/node'; | ||
import { ShapeAnnotation, PathAnnotation } from '../objects/annotation'; | ||
@@ -85,2 +85,13 @@ /** | ||
/** @private */ | ||
export function canEnableRouting(connector, diagram) { | ||
var state = 0; | ||
if (connector.constraints & ConnectorConstraints.LineRouting) { | ||
state = connector.constraints & ConnectorConstraints.LineRouting; | ||
} | ||
else if (connector.constraints & ConnectorConstraints.InheritLineRouting) { | ||
state = diagram.constraints & DiagramConstraints.LineRouting; | ||
} | ||
return state; | ||
} | ||
/** @private */ | ||
export function canDragSourceEnd(connector) { | ||
@@ -87,0 +98,0 @@ return connector.constraints & ConnectorConstraints.DragSourceEnd; |
@@ -18,3 +18,4 @@ import { PointModel } from './../primitives/point-model'; | ||
import { Intersection } from './connector'; | ||
import { SelectorModel, UserHandleModel } from '../interaction/selector-model'; | ||
import { SelectorModel } from '../objects/node-model'; | ||
import { UserHandleModel } from '../interaction/selector-model'; | ||
import { PointPortModel } from './../objects/port-model'; | ||
@@ -25,3 +26,3 @@ import { ShapeAnnotationModel, PathAnnotationModel, HyperlinkModel, AnnotationModel } from './../objects/annotation-model'; | ||
import { SymbolPalette } from '../../symbol-palette/symbol-palette'; | ||
import { Selector } from '../interaction/selector'; | ||
import { Selector } from '../objects/node'; | ||
import { Canvas } from '../core/containers/canvas'; | ||
@@ -44,2 +45,6 @@ /** @private */ | ||
export declare function setUMLActivityDefaults(child: NodeModel | ConnectorModel, node: NodeModel | ConnectorModel): void; | ||
/** | ||
* @private | ||
*/ | ||
export declare function setConnectorDefaults(child: ConnectorModel, node: ConnectorModel): void; | ||
/** @private */ | ||
@@ -46,0 +51,0 @@ export declare function findNearestPoint(reference: PointModel, start: PointModel, end: PointModel): PointModel; |
@@ -15,3 +15,3 @@ import { PointModel } from '../primitives/point-model'; | ||
/** @private */ | ||
export declare function removeElementsByClass(className: string): void; | ||
export declare function removeElementsByClass(className: string, id?: string): void; | ||
/** @private */ | ||
@@ -18,0 +18,0 @@ export declare function findSegmentPoints(element: PathElement): PointModel[]; |
@@ -13,4 +13,10 @@ import { Rect } from '../primitives/rect'; | ||
/** @private */ | ||
export function removeElementsByClass(className) { | ||
var elements = document.getElementsByClassName(className); | ||
export function removeElementsByClass(className, id) { | ||
var elements; | ||
if (id) { | ||
elements = document.getElementById(id).getElementsByClassName(className); | ||
} | ||
else { | ||
elements = document.getElementsByClassName(className); | ||
} | ||
while (elements.length > 0) { | ||
@@ -619,3 +625,3 @@ elements[0].parentNode.removeChild(elements[0]); | ||
var addInfo = 'addInfo'; | ||
content = element.diagramId + 'content_diagram'; | ||
content = node[id] + 'content_diagram'; | ||
sentNode[id] = node[id]; | ||
@@ -641,8 +647,14 @@ sentNode[height] = node[height]; | ||
if (typeof element.content === 'string') { | ||
var compiledString = void 0; | ||
compiledString = compile(element.content); | ||
for (var _i = 0, _a = compiledString(sentNode, null, null, content); _i < _a.length; _i++) { | ||
item = _a[_i]; | ||
div.appendChild(item); | ||
var template = document.getElementById(element.content); | ||
if (template) { | ||
div.appendChild(template); | ||
} | ||
else { | ||
var compiledString = void 0; | ||
compiledString = compile(element.content); | ||
for (var _i = 0, _a = compiledString(sentNode, null, null, content); _i < _a.length; _i++) { | ||
item = _a[_i]; | ||
div.appendChild(item); | ||
} | ||
} | ||
} | ||
@@ -649,0 +661,0 @@ else { |
@@ -11,3 +11,3 @@ import { Diagram } from '../diagram'; | ||
import { HistoryEntry } from '../diagram/history'; | ||
import { SelectorModel } from '../interaction/selector-model'; | ||
import { SelectorModel } from '../objects/node-model'; | ||
import { ClipBoardObject } from '../interaction/command-manager'; | ||
@@ -75,9 +75,9 @@ /** | ||
export declare function gridSelection(diagram: Diagram, selectorModel: SelectorModel, id?: string, isSymbolDrag?: boolean): Canvas; | ||
export declare function removeLaneChildNode(diagram: Diagram, swimLaneNode: NodeModel, currentObj: NodeModel, isChildNode?: NodeModel): void; | ||
export declare function removeLaneChildNode(diagram: Diagram, swimLaneNode: NodeModel, currentObj: NodeModel, isChildNode?: NodeModel, laneIndex?: number): void; | ||
export declare function getGridChildren(obj: DiagramElement): DiagramElement; | ||
export declare function removeSwimLane(diagram: Diagram, obj: NodeModel): void; | ||
export declare function removeLane(diagram: Diagram, lane: NodeModel, swimLane: NodeModel): void; | ||
export declare function removeLane(diagram: Diagram, lane: NodeModel, swimLane: NodeModel, lanes?: LaneModel): void; | ||
export declare function removeChildren(diagram: Diagram, canvas: Canvas): void; | ||
export declare function removePhase(diagram: Diagram, phase: NodeModel, swimLane: NodeModel): void; | ||
export declare function removeHorizontalPhase(diagram: Diagram, grid: GridPanel, phase: NodeModel): void; | ||
export declare function removePhase(diagram: Diagram, phase: NodeModel, swimLane: NodeModel, swimLanePhases?: PhaseModel): void; | ||
export declare function removeHorizontalPhase(diagram: Diagram, grid: GridPanel, phase: NodeModel, phaseIndex?: number): void; | ||
export declare function removeVerticalPhase(diagram: Diagram, grid: GridPanel, phase: NodeModel, phaseIndex: number, swimLane: NodeModel): void; | ||
@@ -84,0 +84,0 @@ /** |
@@ -112,2 +112,3 @@ var __extends = (this && this.__extends) || (function () { | ||
this.setParent(this.sourceID); | ||
this.renderComplete(); | ||
}; | ||
@@ -236,11 +237,17 @@ Overview.prototype.getSizeValue = function (real) { | ||
if (eWidth === 0) { | ||
eWidth = Math.floor(((window.innerWidth - screenX) - Math.floor(bRect.left))); | ||
var widthValue = Math.floor(((window.innerWidth - screenX) - Math.floor(bRect.left))); | ||
eWidth = widthValue > 0 ? widthValue : Math.floor(window.innerWidth); | ||
} | ||
if (eHeight === 0) { | ||
eHeight = Math.floor(((window.innerHeight - screenY) - Math.floor(bRect.top))); | ||
var heightValue = Math.floor(((window.innerHeight - screenY) - Math.floor(bRect.top))); | ||
eHeight = heightValue > 0 ? heightValue : Math.floor(window.innerHeight); | ||
} | ||
svg.setAttribute('width', String(eWidth)); | ||
svg.setAttribute('height', String(eHeight)); | ||
this.model.width = eWidth; | ||
this.model.height = eHeight; | ||
if (eWidth > 0) { | ||
svg.setAttribute('width', String(eWidth)); | ||
this.model.height = eHeight; | ||
} | ||
if (eHeight > 0) { | ||
svg.setAttribute('height', String(eHeight)); | ||
this.model.width = eWidth; | ||
} | ||
var attributes; | ||
@@ -247,0 +254,0 @@ if (!view.diagramLayerDiv) { |
@@ -49,2 +49,3 @@ import { Component, Property } from '@syncfusion/ej2-base';import { INotifyPropertyChanged } from '@syncfusion/ej2-base';import { createSvgElement, createHtmlElement, setAttributeSvg } from '../diagram/utility/dom-util';import { Size } from '../diagram/primitives/size';import { IArrangeTickOptions } from './objects/interface/interfaces';import { PointModel } from '../diagram/primitives/point-model';import { getFunction } from '../diagram/utility/base-util'; | ||
* @default null | ||
* @deprecated | ||
*/ | ||
@@ -51,0 +52,0 @@ arrangeTick?: Function | string; |
@@ -59,2 +59,3 @@ import { Component } from '@syncfusion/ej2-base'; | ||
* @default null | ||
* @deprecated | ||
*/ | ||
@@ -61,0 +62,0 @@ arrangeTick: Function | string; |
@@ -63,2 +63,3 @@ var __extends = (this && this.__extends) || (function () { | ||
this.updateRulerGeometry(); | ||
this.renderComplete(); | ||
}; | ||
@@ -65,0 +66,0 @@ /** |
@@ -18,2 +18,3 @@ import { Component, Property, Complex, CollectionFactory, ChildProperty, Event } from '@syncfusion/ej2-base';import { Browser, EventHandler, Draggable, INotifyPropertyChanged, Collection, ModuleDeclaration } from '@syncfusion/ej2-base';import { remove, EmitType } from '@syncfusion/ej2-base';import { Accordion, AccordionItemModel, ExpandMode, ExpandEventArgs } from '@syncfusion/ej2-navigations';import { NodeModel, ConnectorModel, Node, Connector, Shape, Size, Transform, SwimLane, PathModel } from '../diagram/index';import { DiagramRenderer, Container, StackPanel, Margin, BpmnDiagrams, ShapeStyleModel, TextStyleModel } from '../diagram/index';import { DiagramElement, TextElement, MarginModel, Canvas, BpmnShape, PointModel, IElement } from '../diagram/index';import { TextWrap, TextOverflow, IPaletteSelectionChangeArgs, HeaderModel, SwimLaneModel } from '../diagram/index';import { SvgRenderer } from '../diagram/rendering/svg-renderer';import { parentsUntil, createSvgElement, createHtmlElement, createMeasureElements } from '../diagram/utility/dom-util';import { removeElementsByClass } from '../diagram/utility/dom-util';import { scaleElement, arrangeChild, groupHasType, setUMLActivityDefaults } from '../diagram/utility/diagram-util';import { getFunction, randomId } from '../diagram/utility/base-util';import { getOuterBounds } from '../diagram/utility/connector';import { Point } from '../diagram/primitives/point';import { CanvasRenderer } from '../diagram/rendering/canvas-renderer';import { Rect } from '../diagram/primitives/rect'; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -57,2 +58,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -65,2 +67,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -153,2 +156,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -162,2 +166,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -171,2 +176,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -179,2 +185,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -199,2 +206,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -201,0 +209,0 @@ */ |
@@ -22,2 +22,3 @@ import { Component, ChildProperty } from '@syncfusion/ej2-base'; | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -56,2 +57,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -63,2 +65,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -111,2 +114,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -159,2 +163,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -167,2 +172,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -175,2 +181,3 @@ * @deprecated | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -182,2 +189,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -199,2 +207,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -253,2 +262,5 @@ */ | ||
private laneTable; | ||
private isExpand; | ||
private isExpandMode; | ||
private isMethod; | ||
/** | ||
@@ -384,2 +396,3 @@ * Constructor for creating the component | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -391,2 +404,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -423,2 +437,3 @@ */ | ||
* @aspDefaultValueIgnore | ||
* @blazorDefaultValueIgnore | ||
* @default undefined | ||
@@ -425,0 +440,0 @@ */ |
@@ -124,2 +124,5 @@ var __extends = (this && this.__extends) || (function () { | ||
_this.laneTable = {}; | ||
_this.isExpand = false; | ||
_this.isExpandMode = false; | ||
_this.isMethod = false; | ||
/** | ||
@@ -207,3 +210,3 @@ * helper method for draggable | ||
this.accordionElement.items[index].expanded = newProp.palettes[index].expanded; | ||
refresh = true; | ||
this.isExpand = true; | ||
} | ||
@@ -213,2 +216,5 @@ else { | ||
} | ||
if (!this.isExpandMode && !this.isMethod && !this.isExpand) { | ||
this.isExpand = true; | ||
} | ||
} | ||
@@ -228,2 +234,3 @@ } | ||
refresh = true; | ||
this.isExpandMode = true; | ||
break; | ||
@@ -246,2 +253,16 @@ case 'allowDrag': | ||
} | ||
if (this.isExpand && !refresh) { | ||
this.refresh(); | ||
this.isExpand = false; | ||
for (var p = 0; p < this.palettes.length; p++) { | ||
var paletteElement = this.palettes[p].id; | ||
if (window[paletteElement]) { | ||
if (window[paletteElement].length > 1) { | ||
window[paletteElement][1].parentNode.removeChild(window[paletteElement][1]); | ||
window[paletteElement][1] = null; | ||
} | ||
} | ||
} | ||
} | ||
this.isMethod = false; | ||
}; | ||
@@ -297,2 +318,3 @@ /** | ||
this.accordionElement.appendTo('#' + this.element.id + '_container'); | ||
this.renderComplete(); | ||
}; | ||
@@ -620,4 +642,10 @@ /** | ||
stackPanel.style.fill = stackPanel.style.strokeColor = 'transparent'; | ||
stackPanel.offsetX = symbol.style.strokeWidth / 2; | ||
stackPanel.offsetY = symbol.style.strokeWidth / 2; | ||
if (symbol instanceof Node) { | ||
stackPanel.offsetX = symbol.style.strokeWidth / 2; | ||
stackPanel.offsetY = symbol.style.strokeWidth / 2; | ||
} | ||
else { | ||
stackPanel.offsetX = 0.5; | ||
stackPanel.offsetY = 0.5; | ||
} | ||
//symbol description-textElement | ||
@@ -960,2 +988,3 @@ this.getSymbolDescription(symbolInfo, width, stackPanel); | ||
SymbolPalette.prototype.mouseUp = function (evt) { | ||
this.isMethod = true; | ||
if (evt && evt.target) { | ||
@@ -1199,3 +1228,3 @@ if (evt.srcElement.id === 'iconSearch') { | ||
this.accordionElement.items = []; | ||
removeElementsByClass('e-remove-palette'); | ||
removeElementsByClass('e-remove-palette', this.element.id); | ||
this.updatePalettes(); | ||
@@ -1202,0 +1231,0 @@ this.accordionElement.dataBind(); |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
24999512
279
184245
+ Added@syncfusion/ej2-base@17.2.29-beta(transitive)
+ Added@syncfusion/ej2-buttons@17.2.29-beta(transitive)
+ Added@syncfusion/ej2-data@17.2.29-beta(transitive)
+ Added@syncfusion/ej2-icons@17.2.29-beta(transitive)
+ Added@syncfusion/ej2-inputs@17.2.29-beta(transitive)
+ Added@syncfusion/ej2-lists@17.2.29-beta(transitive)
+ Added@syncfusion/ej2-navigations@17.2.29-beta(transitive)
+ Added@syncfusion/ej2-popups@17.2.29-beta(transitive)
+ Added@syncfusion/ej2-splitbuttons@17.2.29-beta(transitive)
- Removed@syncfusion/ej2-base@17.2.49(transitive)
- Removed@syncfusion/ej2-buttons@17.2.47(transitive)
- Removed@syncfusion/ej2-data@17.2.47(transitive)
- Removed@syncfusion/ej2-icons@17.2.47(transitive)
- Removed@syncfusion/ej2-inputs@17.2.52(transitive)
- Removed@syncfusion/ej2-lists@17.2.47(transitive)
- Removed@syncfusion/ej2-navigations@17.2.49(transitive)
- Removed@syncfusion/ej2-popups@17.2.47(transitive)
- Removed@syncfusion/ej2-splitbuttons@17.2.47(transitive)