@syncfusion/ej2-angular-diagrams 22.1.34 → 22.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +131 -49
- package/esm2020/src/diagram/connectors.directive.mjs +3 -3
- package/esm2020/src/diagram/diagram.component.mjs +4 -4
- package/esm2020/src/diagram/ports.directive.mjs +3 -3
- package/fesm2015/syncfusion-ej2-angular-diagrams.mjs +7 -7
- package/fesm2015/syncfusion-ej2-angular-diagrams.mjs.map +1 -1
- package/fesm2020/syncfusion-ej2-angular-diagrams.mjs +7 -7
- package/fesm2020/syncfusion-ej2-angular-diagrams.mjs.map +1 -1
- package/package.json +1 -1
- package/schematics/utils/lib-details.ts +2 -2
- package/src/diagram/connectors.directive.d.ts +22 -1
- package/src/diagram/diagram.component.d.ts +7 -1
- package/src/diagram/ports.directive.d.ts +6 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export const pkgName = '@syncfusion/ej2-angular-diagrams';
|
|
2
|
-
export const pkgVer = '^
|
|
2
|
+
export const pkgVer = '^19.15.0';
|
|
3
3
|
export const moduleName = 'DiagramModule, SymbolPaletteModule, OverviewModule';
|
|
4
|
-
export const themeVer = '~
|
|
4
|
+
export const themeVer = '~19.15.0';
|
|
@@ -30,10 +30,21 @@ export declare class ConnectorDirective extends ComplexBase<ConnectorDirective>
|
|
|
30
30
|
* @default undefined
|
|
31
31
|
*/
|
|
32
32
|
addInfo: any;
|
|
33
|
+
/**
|
|
34
|
+
* Specifies a value indicating whether to overlap the connector over with the source and target node.
|
|
35
|
+
* If the LineRouting is enabled in the diagram, then allowNodeOverlap property will not work.
|
|
36
|
+
* @default false
|
|
37
|
+
*/
|
|
38
|
+
allowNodeOverlap: any;
|
|
33
39
|
/**
|
|
34
40
|
*
|
|
35
41
|
*/
|
|
36
42
|
annotations: any;
|
|
43
|
+
/**
|
|
44
|
+
* Sets the bezier settings of editing the segments.
|
|
45
|
+
* @default null
|
|
46
|
+
*/
|
|
47
|
+
bezierSettings: any;
|
|
37
48
|
/**
|
|
38
49
|
* Defines the bridgeSpace of connector
|
|
39
50
|
* @default 10
|
|
@@ -44,6 +55,11 @@ export declare class ConnectorDirective extends ComplexBase<ConnectorDirective>
|
|
|
44
55
|
* @default 0
|
|
45
56
|
*/
|
|
46
57
|
connectionPadding: any;
|
|
58
|
+
/**
|
|
59
|
+
* Sets the distance between source node and connector
|
|
60
|
+
* @default 13
|
|
61
|
+
*/
|
|
62
|
+
connectorSpacing: any;
|
|
47
63
|
/**
|
|
48
64
|
* Defines the constraints of connector
|
|
49
65
|
* * None - Interaction of the connectors cannot be done.
|
|
@@ -114,6 +130,11 @@ export declare class ConnectorDirective extends ComplexBase<ConnectorDirective>
|
|
|
114
130
|
* @default {}
|
|
115
131
|
*/
|
|
116
132
|
margin: any;
|
|
133
|
+
/**
|
|
134
|
+
* Sets the maximum segment thumb for the connector
|
|
135
|
+
* @default null
|
|
136
|
+
*/
|
|
137
|
+
maxSegmentThumb: any;
|
|
117
138
|
/**
|
|
118
139
|
* Defines the size of the symbol preview
|
|
119
140
|
* @aspdefaultvalueignore
|
|
@@ -217,7 +238,7 @@ export declare class ConnectorDirective extends ComplexBase<ConnectorDirective>
|
|
|
217
238
|
zIndex: any;
|
|
218
239
|
constructor(viewContainerRef: ViewContainerRef);
|
|
219
240
|
static ɵfac: i0.ɵɵFactoryDeclaration<ConnectorDirective, never>;
|
|
220
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectorDirective, "e-connectors>e-connector", never, { "addInfo": "addInfo"; "annotations": "annotations"; "bridgeSpace": "bridgeSpace"; "connectionPadding": "connectionPadding"; "constraints": "constraints"; "cornerRadius": "cornerRadius"; "dragSize": "dragSize"; "excludeFromLayout": "excludeFromLayout"; "fixedUserHandles": "fixedUserHandles"; "flip": "flip"; "flipMode": "flipMode"; "hitPadding": "hitPadding"; "id": "id"; "margin": "margin"; "previewSize": "previewSize"; "segments": "segments"; "shape": "shape"; "sourceDecorator": "sourceDecorator"; "sourceID": "sourceID"; "sourcePadding": "sourcePadding"; "sourcePoint": "sourcePoint"; "sourcePortID": "sourcePortID"; "style": "style"; "symbolInfo": "symbolInfo"; "targetDecorator": "targetDecorator"; "targetID": "targetID"; "targetPadding": "targetPadding"; "targetPoint": "targetPoint"; "targetPortID": "targetPortID"; "tooltip": "tooltip"; "type": "type"; "visible": "visible"; "wrapper": "wrapper"; "zIndex": "zIndex"; }, {}, ["childFixedUserHandles", "childAnnotations"]>;
|
|
241
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectorDirective, "e-connectors>e-connector", never, { "addInfo": "addInfo"; "allowNodeOverlap": "allowNodeOverlap"; "annotations": "annotations"; "bezierSettings": "bezierSettings"; "bridgeSpace": "bridgeSpace"; "connectionPadding": "connectionPadding"; "connectorSpacing": "connectorSpacing"; "constraints": "constraints"; "cornerRadius": "cornerRadius"; "dragSize": "dragSize"; "excludeFromLayout": "excludeFromLayout"; "fixedUserHandles": "fixedUserHandles"; "flip": "flip"; "flipMode": "flipMode"; "hitPadding": "hitPadding"; "id": "id"; "margin": "margin"; "maxSegmentThumb": "maxSegmentThumb"; "previewSize": "previewSize"; "segments": "segments"; "shape": "shape"; "sourceDecorator": "sourceDecorator"; "sourceID": "sourceID"; "sourcePadding": "sourcePadding"; "sourcePoint": "sourcePoint"; "sourcePortID": "sourcePortID"; "style": "style"; "symbolInfo": "symbolInfo"; "targetDecorator": "targetDecorator"; "targetID": "targetID"; "targetPadding": "targetPadding"; "targetPoint": "targetPoint"; "targetPortID": "targetPortID"; "tooltip": "tooltip"; "type": "type"; "visible": "visible"; "wrapper": "wrapper"; "zIndex": "zIndex"; }, {}, ["childFixedUserHandles", "childAnnotations"]>;
|
|
221
242
|
}
|
|
222
243
|
/**
|
|
223
244
|
* Connector Array Directive
|
|
@@ -46,6 +46,7 @@ export declare class DiagramComponent extends Diagram implements IComponentBase
|
|
|
46
46
|
mouseEnter: any;
|
|
47
47
|
mouseLeave: any;
|
|
48
48
|
mouseOver: any;
|
|
49
|
+
mouseWheel: any;
|
|
49
50
|
onImageLoad: any;
|
|
50
51
|
onUserHandleMouseDown: any;
|
|
51
52
|
onUserHandleMouseEnter: any;
|
|
@@ -55,12 +56,14 @@ export declare class DiagramComponent extends Diagram implements IComponentBase
|
|
|
55
56
|
propertyChange: any;
|
|
56
57
|
rotateChange: any;
|
|
57
58
|
scrollChange: any;
|
|
59
|
+
segmentChange: any;
|
|
58
60
|
segmentCollectionChange: any;
|
|
59
61
|
selectionChange: any;
|
|
60
62
|
sizeChange: any;
|
|
61
63
|
sourcePointChange: any;
|
|
62
64
|
targetPointChange: any;
|
|
63
65
|
textEdit: any;
|
|
66
|
+
elementDraw: any;
|
|
64
67
|
childLayers: QueryList<LayersDirective>;
|
|
65
68
|
childCustomCursor: QueryList<CustomCursorsDirective>;
|
|
66
69
|
childConnectors: QueryList<ConnectorsDirective>;
|
|
@@ -69,16 +72,19 @@ export declare class DiagramComponent extends Diagram implements IComponentBase
|
|
|
69
72
|
/**
|
|
70
73
|
* Customizes the annotation template
|
|
71
74
|
* @default undefined
|
|
75
|
+
* @asptype string
|
|
72
76
|
*/
|
|
73
77
|
annotationTemplate: any;
|
|
74
78
|
/**
|
|
75
79
|
* Customizes the node template
|
|
76
80
|
* @default undefined
|
|
81
|
+
* @asptype string
|
|
77
82
|
*/
|
|
78
83
|
nodeTemplate: any;
|
|
79
84
|
/**
|
|
80
85
|
* This property represents the template content of a user handle. The user can define any HTML element as a template.
|
|
81
86
|
* @default undefined
|
|
87
|
+
* @asptype string
|
|
82
88
|
*/
|
|
83
89
|
userHandleTemplate: any;
|
|
84
90
|
constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
|
|
@@ -89,5 +95,5 @@ export declare class DiagramComponent extends Diagram implements IComponentBase
|
|
|
89
95
|
registerEvents: (eventList: string[]) => void;
|
|
90
96
|
addTwoWay: (propList: string[]) => void;
|
|
91
97
|
static ɵfac: i0.ɵɵFactoryDeclaration<DiagramComponent, never>;
|
|
92
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "ejs-diagram", never, { "addInfo": "addInfo"; "annotationTemplate": "annotationTemplate"; "backgroundColor": "backgroundColor"; "bridgeDirection": "bridgeDirection"; "commandManager": "commandManager"; "connectorDefaults": "connectorDefaults"; "connectors": "connectors"; "constraints": "constraints"; "contextMenuSettings": "contextMenuSettings"; "customCursor": "customCursor"; "dataSourceSettings": "dataSourceSettings"; "diagramSettings": "diagramSettings"; "drawingObject": "drawingObject"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "getConnectorDefaults": "getConnectorDefaults"; "getCustomCursor": "getCustomCursor"; "getCustomProperty": "getCustomProperty"; "getCustomTool": "getCustomTool"; "getDescription": "getDescription"; "getNodeDefaults": "getNodeDefaults"; "height": "height"; "historyManager": "historyManager"; "layers": "layers"; "layout": "layout"; "locale": "locale"; "mode": "mode"; "nodeDefaults": "nodeDefaults"; "nodeTemplate": "nodeTemplate"; "nodes": "nodes"; "pageSettings": "pageSettings"; "rulerSettings": "rulerSettings"; "scrollSettings": "scrollSettings"; "selectedItems": "selectedItems"; "serializationSettings": "serializationSettings"; "setNodeTemplate": "setNodeTemplate"; "snapSettings": "snapSettings"; "tool": "tool"; "tooltip": "tooltip"; "updateSelection": "updateSelection"; "userHandleTemplate": "userHandleTemplate"; "width": "width"; }, { "animationComplete": "animationComplete"; "click": "click"; "collectionChange": "collectionChange"; "commandExecute": "commandExecute"; "connectionChange": "connectionChange"; "contextMenuBeforeItemRender": "contextMenuBeforeItemRender"; "contextMenuClick": "contextMenuClick"; "contextMenuOpen": "contextMenuOpen"; "created": "created"; "dataLoaded": "dataLoaded"; "doubleClick": "doubleClick"; "dragEnter": "dragEnter"; "dragLeave": "dragLeave"; "dragOver": "dragOver"; "drop": "drop"; "expandStateChange": "expandStateChange"; "fixedUserHandleClick": "fixedUserHandleClick"; "historyChange": "historyChange"; "historyStateChange": "historyStateChange"; "keyDown": "keyDown"; "keyUp": "keyUp"; "mouseEnter": "mouseEnter"; "mouseLeave": "mouseLeave"; "mouseOver": "mouseOver"; "onImageLoad": "onImageLoad"; "onUserHandleMouseDown": "onUserHandleMouseDown"; "onUserHandleMouseEnter": "onUserHandleMouseEnter"; "onUserHandleMouseLeave": "onUserHandleMouseLeave"; "onUserHandleMouseUp": "onUserHandleMouseUp"; "positionChange": "positionChange"; "propertyChange": "propertyChange"; "rotateChange": "rotateChange"; "scrollChange": "scrollChange"; "segmentCollectionChange": "segmentCollectionChange"; "selectionChange": "selectionChange"; "sizeChange": "sizeChange"; "sourcePointChange": "sourcePointChange"; "targetPointChange": "targetPointChange"; "textEdit": "textEdit"; }, ["annotationTemplate", "nodeTemplate", "userHandleTemplate", "childLayers", "childCustomCursor", "childConnectors", "childNodes"], never>;
|
|
98
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "ejs-diagram", never, { "addInfo": "addInfo"; "annotationTemplate": "annotationTemplate"; "backgroundColor": "backgroundColor"; "bridgeDirection": "bridgeDirection"; "commandManager": "commandManager"; "connectorDefaults": "connectorDefaults"; "connectors": "connectors"; "constraints": "constraints"; "contextMenuSettings": "contextMenuSettings"; "customCursor": "customCursor"; "dataSourceSettings": "dataSourceSettings"; "diagramSettings": "diagramSettings"; "drawingObject": "drawingObject"; "enableConnectorSplit": "enableConnectorSplit"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "getConnectorDefaults": "getConnectorDefaults"; "getCustomCursor": "getCustomCursor"; "getCustomProperty": "getCustomProperty"; "getCustomTool": "getCustomTool"; "getDescription": "getDescription"; "getNodeDefaults": "getNodeDefaults"; "height": "height"; "historyManager": "historyManager"; "layers": "layers"; "layout": "layout"; "locale": "locale"; "mode": "mode"; "nodeDefaults": "nodeDefaults"; "nodeTemplate": "nodeTemplate"; "nodes": "nodes"; "pageSettings": "pageSettings"; "rulerSettings": "rulerSettings"; "scrollSettings": "scrollSettings"; "segmentThumbShape": "segmentThumbShape"; "selectedItems": "selectedItems"; "serializationSettings": "serializationSettings"; "setNodeTemplate": "setNodeTemplate"; "snapSettings": "snapSettings"; "tool": "tool"; "tooltip": "tooltip"; "updateSelection": "updateSelection"; "userHandleTemplate": "userHandleTemplate"; "width": "width"; }, { "animationComplete": "animationComplete"; "click": "click"; "collectionChange": "collectionChange"; "commandExecute": "commandExecute"; "connectionChange": "connectionChange"; "contextMenuBeforeItemRender": "contextMenuBeforeItemRender"; "contextMenuClick": "contextMenuClick"; "contextMenuOpen": "contextMenuOpen"; "created": "created"; "dataLoaded": "dataLoaded"; "doubleClick": "doubleClick"; "dragEnter": "dragEnter"; "dragLeave": "dragLeave"; "dragOver": "dragOver"; "drop": "drop"; "expandStateChange": "expandStateChange"; "fixedUserHandleClick": "fixedUserHandleClick"; "historyChange": "historyChange"; "historyStateChange": "historyStateChange"; "keyDown": "keyDown"; "keyUp": "keyUp"; "mouseEnter": "mouseEnter"; "mouseLeave": "mouseLeave"; "mouseOver": "mouseOver"; "mouseWheel": "mouseWheel"; "onImageLoad": "onImageLoad"; "onUserHandleMouseDown": "onUserHandleMouseDown"; "onUserHandleMouseEnter": "onUserHandleMouseEnter"; "onUserHandleMouseLeave": "onUserHandleMouseLeave"; "onUserHandleMouseUp": "onUserHandleMouseUp"; "positionChange": "positionChange"; "propertyChange": "propertyChange"; "rotateChange": "rotateChange"; "scrollChange": "scrollChange"; "segmentChange": "segmentChange"; "segmentCollectionChange": "segmentCollectionChange"; "selectionChange": "selectionChange"; "sizeChange": "sizeChange"; "sourcePointChange": "sourcePointChange"; "targetPointChange": "targetPointChange"; "textEdit": "textEdit"; "elementDraw": "elementDraw"; }, ["annotationTemplate", "nodeTemplate", "userHandleTemplate", "childLayers", "childCustomCursor", "childConnectors", "childNodes"], never>;
|
|
93
99
|
}
|
|
@@ -92,6 +92,11 @@ export declare class PortDirective extends ComplexBase<PortDirective> {
|
|
|
92
92
|
* @default {}
|
|
93
93
|
*/
|
|
94
94
|
style: any;
|
|
95
|
+
/**
|
|
96
|
+
* defines the tooltip for the Ports
|
|
97
|
+
* @default new DiagramToolTip();
|
|
98
|
+
*/
|
|
99
|
+
tooltip: any;
|
|
95
100
|
/**
|
|
96
101
|
* Sets the vertical alignment of the port with respect to its immediate parent(node/connector)
|
|
97
102
|
* * Stretch - Stretches the diagram element throughout its immediate parent
|
|
@@ -119,7 +124,7 @@ export declare class PortDirective extends ComplexBase<PortDirective> {
|
|
|
119
124
|
width: any;
|
|
120
125
|
constructor(viewContainerRef: ViewContainerRef);
|
|
121
126
|
static ɵfac: i0.ɵɵFactoryDeclaration<PortDirective, never>;
|
|
122
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PortDirective, "e-node>e-node-ports>e-node-port", never, { "addInfo": "addInfo"; "constraints": "constraints"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "id": "id"; "inEdges": "inEdges"; "margin": "margin"; "offset": "offset"; "outEdges": "outEdges"; "pathData": "pathData"; "shape": "shape"; "style": "style"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
|
|
127
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PortDirective, "e-node>e-node-ports>e-node-port", never, { "addInfo": "addInfo"; "constraints": "constraints"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "id": "id"; "inEdges": "inEdges"; "margin": "margin"; "offset": "offset"; "outEdges": "outEdges"; "pathData": "pathData"; "shape": "shape"; "style": "style"; "tooltip": "tooltip"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
|
|
123
128
|
}
|
|
124
129
|
/**
|
|
125
130
|
* Port Array Directive
|