@syncfusion/ej2-angular-diagrams 26.2.12 → 27.1.48
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/CHANGELOG.md +0 -87
- package/esm2020/src/diagram/connector-annotation.directive.mjs +3 -3
- package/esm2020/src/diagram/connectors.directive.mjs +3 -3
- package/esm2020/src/diagram/diagram-all.module.mjs +7 -7
- package/esm2020/src/diagram/diagram.component.mjs +7 -7
- package/esm2020/src/diagram/node-annotation.directive.mjs +3 -3
- package/esm2020/src/index.mjs +2 -2
- package/fesm2015/syncfusion-ej2-angular-diagrams.mjs +19 -19
- package/fesm2015/syncfusion-ej2-angular-diagrams.mjs.map +1 -1
- package/fesm2020/syncfusion-ej2-angular-diagrams.mjs +19 -19
- package/fesm2020/syncfusion-ej2-angular-diagrams.mjs.map +1 -1
- package/package.json +10 -9
- package/schematics/collection.json +10 -9
- package/schematics/ng-add/index.d.ts +3 -0
- package/schematics/ng-add/index.js +9 -0
- package/schematics/ng-add/index.ts +10 -10
- package/schematics/ng-add/schema.d.ts +13 -0
- package/schematics/ng-add/schema.js +2 -0
- package/schematics/ng-add/schema.json +34 -34
- package/schematics/ng-add/schema.ts +30 -30
- package/schematics/tsconfig.json +25 -25
- package/schematics/utils/lib-details.d.ts +4 -0
- package/schematics/utils/lib-details.js +6 -0
- package/schematics/utils/lib-details.ts +2 -2
- package/src/diagram/connector-annotation.directive.d.ts +6 -1
- package/src/diagram/connectors.directive.d.ts +6 -1
- package/src/diagram/diagram-all.module.d.ts +1 -1
- package/src/diagram/diagram.component.d.ts +2 -1
- package/src/diagram/node-annotation.directive.d.ts +6 -1
- package/src/index.d.ts +1 -1
- package/styles/bootstrap-dark-lite.css +1 -0
- package/styles/bootstrap-dark-lite.scss +1 -0
- package/styles/bootstrap-lite.css +1 -0
- package/styles/bootstrap-lite.scss +1 -0
- package/styles/bootstrap4-lite.css +1 -0
- package/styles/bootstrap4-lite.scss +1 -0
- package/styles/bootstrap5-dark-lite.css +1 -0
- package/styles/bootstrap5-dark-lite.scss +1 -0
- package/styles/bootstrap5-lite.css +1 -0
- package/styles/bootstrap5-lite.scss +1 -0
- package/styles/bootstrap5.3-lite.css +1 -0
- package/styles/bootstrap5.3-lite.scss +1 -0
- package/styles/bootstrap5.3.css +1 -0
- package/styles/bootstrap5.3.scss +1 -0
- package/styles/diagram/bootstrap5.3.css +1 -0
- package/styles/diagram/bootstrap5.3.scss +1 -0
- package/styles/fabric-dark-lite.css +1 -0
- package/styles/fabric-dark-lite.scss +1 -0
- package/styles/fabric-lite.css +1 -0
- package/styles/fabric-lite.scss +1 -0
- package/styles/fluent-dark-lite.css +1 -0
- package/styles/fluent-dark-lite.scss +1 -0
- package/styles/fluent-lite.css +1 -0
- package/styles/fluent-lite.scss +1 -0
- package/styles/fluent2-lite.css +1 -0
- package/styles/fluent2-lite.scss +1 -0
- package/styles/highcontrast-light-lite.css +1 -0
- package/styles/highcontrast-light-lite.scss +1 -0
- package/styles/highcontrast-lite.css +1 -0
- package/styles/highcontrast-lite.scss +1 -0
- package/styles/material-dark-lite.css +1 -0
- package/styles/material-dark-lite.scss +1 -0
- package/styles/material-lite.css +1 -0
- package/styles/material-lite.scss +1 -0
- package/styles/material3-dark-lite.css +1 -0
- package/styles/material3-dark-lite.scss +1 -0
- package/styles/material3-lite.css +1 -0
- package/styles/material3-lite.scss +1 -0
- package/styles/tailwind-dark-lite.css +1 -0
- package/styles/tailwind-dark-lite.scss +1 -0
- package/styles/tailwind-lite.css +1 -0
- package/styles/tailwind-lite.scss +1 -0
package/package.json
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
{
|
2
2
|
"_from": "@syncfusion/ej2-angular-diagrams@*",
|
3
|
-
"_id": "@syncfusion/ej2-angular-diagrams@
|
3
|
+
"_id": "@syncfusion/ej2-angular-diagrams@19.18.0",
|
4
4
|
"_inBundle": false,
|
5
|
-
"_integrity": "sha512-
|
5
|
+
"_integrity": "sha512-f4XBRPxTyQlH4A/kdDu//aNlV2bujsgg+QASKQw4Qq9g048IkOkCjyzGCd0PD4l9F32+OfoEjY8PCT49FYkjYw==",
|
6
6
|
"_location": "/@syncfusion/ej2-angular-diagrams",
|
7
7
|
"_phantomChildren": {},
|
8
8
|
"_requested": {
|
@@ -19,10 +19,10 @@
|
|
19
19
|
"_requiredBy": [
|
20
20
|
"/"
|
21
21
|
],
|
22
|
-
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-
|
23
|
-
"_shasum": "
|
22
|
+
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-release/@syncfusion/ej2-angular-diagrams/-/ej2-angular-diagrams-19.18.0.tgz",
|
23
|
+
"_shasum": "58a1c35d949f6b1f54c1504cd1d55ffd417ae39e",
|
24
24
|
"_spec": "@syncfusion/ej2-angular-diagrams@*",
|
25
|
-
"_where": "/jenkins/workspace/elease-
|
25
|
+
"_where": "/jenkins/workspace/elease-automation_release_27.1.1/ivypackages/included",
|
26
26
|
"author": {
|
27
27
|
"name": "Syncfusion Inc."
|
28
28
|
},
|
@@ -31,13 +31,14 @@
|
|
31
31
|
},
|
32
32
|
"bundleDependencies": false,
|
33
33
|
"dependencies": {
|
34
|
-
"@syncfusion/ej2-angular-base": "~
|
35
|
-
"@syncfusion/ej2-base": "~
|
36
|
-
"@syncfusion/ej2-diagrams": "
|
34
|
+
"@syncfusion/ej2-angular-base": "~27.1.48",
|
35
|
+
"@syncfusion/ej2-base": "~27.1.48",
|
36
|
+
"@syncfusion/ej2-diagrams": "27.1.48",
|
37
37
|
"tslib": "^2.3.0"
|
38
38
|
},
|
39
39
|
"deprecated": false,
|
40
40
|
"description": "Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts. for Angular",
|
41
|
+
"devDependencies": {},
|
41
42
|
"es2020": "fesm2020/syncfusion-ej2-angular-diagrams.mjs",
|
42
43
|
"esm2020": "esm2020/syncfusion-ej2-angular-diagrams.mjs",
|
43
44
|
"exports": {
|
@@ -72,5 +73,5 @@
|
|
72
73
|
"schematics": "./schematics/collection.json",
|
73
74
|
"sideEffects": false,
|
74
75
|
"typings": "syncfusion-ej2-angular-diagrams.d.ts",
|
75
|
-
"version": "
|
76
|
+
"version": "27.1.48"
|
76
77
|
}
|
@@ -1,10 +1,11 @@
|
|
1
1
|
{
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
}
|
2
|
+
"$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
|
3
|
+
"schematics": {
|
4
|
+
"ng-add": {
|
5
|
+
"description": "Adds Essential JS 2 specific Angular package to an application",
|
6
|
+
"factory": "./ng-add",
|
7
|
+
"schema": "./ng-add/schema.json"
|
8
|
+
}
|
9
|
+
}
|
10
|
+
}
|
11
|
+
|
@@ -0,0 +1,9 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
const lib_details_1 = require("./../utils/lib-details");
|
4
|
+
const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
|
5
|
+
function default_1(options) {
|
6
|
+
const libOptions = Object.assign({}, { 'pkgName': lib_details_1.pkgName, 'pkgVer': lib_details_1.pkgVer, 'moduleName': lib_details_1.moduleName, 'themeVer': lib_details_1.themeVer });
|
7
|
+
return schematics_1.install(options, libOptions);
|
8
|
+
}
|
9
|
+
exports.default = default_1;
|
@@ -1,10 +1,10 @@
|
|
1
|
-
import { pkgName, pkgVer, moduleName, themeVer } from './../utils/lib-details';
|
2
|
-
import { install } from '@syncfusion/ej2-angular-base/schematics';
|
3
|
-
import { OptionsSchema, LibOptionsSchema } from './schema';
|
4
|
-
import { Rule } from '@angular-devkit/schematics';
|
5
|
-
|
6
|
-
export default function (options: OptionsSchema): Rule {
|
7
|
-
const libOptions: LibOptionsSchema = Object.assign({},
|
8
|
-
{ 'pkgName': pkgName, 'pkgVer': pkgVer, 'moduleName': moduleName, 'themeVer': themeVer });
|
9
|
-
return install(options, libOptions);
|
10
|
-
}
|
1
|
+
import { pkgName, pkgVer, moduleName, themeVer } from './../utils/lib-details';
|
2
|
+
import { install } from '@syncfusion/ej2-angular-base/schematics';
|
3
|
+
import { OptionsSchema, LibOptionsSchema } from './schema';
|
4
|
+
import { Rule } from '@angular-devkit/schematics';
|
5
|
+
|
6
|
+
export default function (options: OptionsSchema): Rule {
|
7
|
+
const libOptions: LibOptionsSchema = Object.assign({},
|
8
|
+
{ 'pkgName': pkgName, 'pkgVer': pkgVer, 'moduleName': moduleName, 'themeVer': themeVer });
|
9
|
+
return install(options, libOptions);
|
10
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
export interface OptionsSchema {
|
2
|
+
skipPackageJson: boolean;
|
3
|
+
modules: string;
|
4
|
+
modulePath: string;
|
5
|
+
theme: 'material' | 'fabric' | 'bootstrap' | 'highcontrast';
|
6
|
+
project?: string;
|
7
|
+
}
|
8
|
+
export interface LibOptionsSchema {
|
9
|
+
pkgName: string;
|
10
|
+
pkgVer: string;
|
11
|
+
moduleName: string;
|
12
|
+
themeVer: string;
|
13
|
+
}
|
@@ -1,34 +1,34 @@
|
|
1
|
-
{
|
2
|
-
"$schema": "http://json-schema.org/schema",
|
3
|
-
"$id": "ngAdd",
|
4
|
-
"title": "Add Essential JS 2 Angular packages",
|
5
|
-
"type": "object",
|
6
|
-
"properties": {
|
7
|
-
"skipPackageJson": {
|
8
|
-
"type": "boolean",
|
9
|
-
"default": false,
|
10
|
-
"description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
|
11
|
-
},
|
12
|
-
"modules": {
|
13
|
-
"type": "string",
|
14
|
-
"default": "",
|
15
|
-
"description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
|
16
|
-
},
|
17
|
-
"modulePath": {
|
18
|
-
"type": "string",
|
19
|
-
"default": "",
|
20
|
-
"description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
|
21
|
-
},
|
22
|
-
"theme": {
|
23
|
-
"enum": [
|
24
|
-
"material",
|
25
|
-
"fabric",
|
26
|
-
"bootstrap",
|
27
|
-
"highcontrast"
|
28
|
-
],
|
29
|
-
"default": "material",
|
30
|
-
"description": "Used to change the theme that needs to be imported"
|
31
|
-
}
|
32
|
-
},
|
33
|
-
"required": []
|
34
|
-
}
|
1
|
+
{
|
2
|
+
"$schema": "http://json-schema.org/schema",
|
3
|
+
"$id": "ngAdd",
|
4
|
+
"title": "Add Essential JS 2 Angular packages",
|
5
|
+
"type": "object",
|
6
|
+
"properties": {
|
7
|
+
"skipPackageJson": {
|
8
|
+
"type": "boolean",
|
9
|
+
"default": false,
|
10
|
+
"description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
|
11
|
+
},
|
12
|
+
"modules": {
|
13
|
+
"type": "string",
|
14
|
+
"default": "",
|
15
|
+
"description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
|
16
|
+
},
|
17
|
+
"modulePath": {
|
18
|
+
"type": "string",
|
19
|
+
"default": "",
|
20
|
+
"description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
|
21
|
+
},
|
22
|
+
"theme": {
|
23
|
+
"enum": [
|
24
|
+
"material",
|
25
|
+
"fabric",
|
26
|
+
"bootstrap",
|
27
|
+
"highcontrast"
|
28
|
+
],
|
29
|
+
"default": "material",
|
30
|
+
"description": "Used to change the theme that needs to be imported"
|
31
|
+
}
|
32
|
+
},
|
33
|
+
"required": []
|
34
|
+
}
|
@@ -1,30 +1,30 @@
|
|
1
|
-
export interface OptionsSchema {
|
2
|
-
// Whether to skip package.json install.
|
3
|
-
skipPackageJson: boolean;
|
4
|
-
|
5
|
-
// Used to specify required module names
|
6
|
-
modules: string;
|
7
|
-
|
8
|
-
// Used to specify custom module path
|
9
|
-
modulePath: string;
|
10
|
-
|
11
|
-
// Used to specify theme name
|
12
|
-
theme: 'material' | 'fabric' | 'bootstrap' | 'highcontrast';
|
13
|
-
|
14
|
-
// Name of the project to target.
|
15
|
-
project?: string;
|
16
|
-
}
|
17
|
-
|
18
|
-
export interface LibOptionsSchema {
|
19
|
-
// Package name
|
20
|
-
pkgName: string;
|
21
|
-
|
22
|
-
// Package version
|
23
|
-
pkgVer: string;
|
24
|
-
|
25
|
-
// Library base module name
|
26
|
-
moduleName: string;
|
27
|
-
|
28
|
-
// Theme version
|
29
|
-
themeVer: string;
|
30
|
-
}
|
1
|
+
export interface OptionsSchema {
|
2
|
+
// Whether to skip package.json install.
|
3
|
+
skipPackageJson: boolean;
|
4
|
+
|
5
|
+
// Used to specify required module names
|
6
|
+
modules: string;
|
7
|
+
|
8
|
+
// Used to specify custom module path
|
9
|
+
modulePath: string;
|
10
|
+
|
11
|
+
// Used to specify theme name
|
12
|
+
theme: 'material' | 'fabric' | 'bootstrap' | 'highcontrast';
|
13
|
+
|
14
|
+
// Name of the project to target.
|
15
|
+
project?: string;
|
16
|
+
}
|
17
|
+
|
18
|
+
export interface LibOptionsSchema {
|
19
|
+
// Package name
|
20
|
+
pkgName: string;
|
21
|
+
|
22
|
+
// Package version
|
23
|
+
pkgVer: string;
|
24
|
+
|
25
|
+
// Library base module name
|
26
|
+
moduleName: string;
|
27
|
+
|
28
|
+
// Theme version
|
29
|
+
themeVer: string;
|
30
|
+
}
|
package/schematics/tsconfig.json
CHANGED
@@ -1,25 +1,25 @@
|
|
1
|
-
{
|
2
|
-
"compilerOptions": {
|
3
|
-
"lib": ["es2017", "dom"],
|
4
|
-
"module": "commonjs",
|
5
|
-
"moduleResolution": "node",
|
6
|
-
"noEmitOnError": false,
|
7
|
-
"skipDefaultLibCheck": true,
|
8
|
-
"skipLibCheck": true,
|
9
|
-
"sourceMap": true,
|
10
|
-
"target": "es6",
|
11
|
-
"declaration": true,
|
12
|
-
"types": [
|
13
|
-
"jasmine",
|
14
|
-
"node"
|
15
|
-
]
|
16
|
-
},
|
17
|
-
"exclude": [
|
18
|
-
"node_modules",
|
19
|
-
"src",
|
20
|
-
"src/**/*.ts",
|
21
|
-
"spec",
|
22
|
-
"spec/**/*.ts",
|
23
|
-
"@typings"
|
24
|
-
]
|
25
|
-
}
|
1
|
+
{
|
2
|
+
"compilerOptions": {
|
3
|
+
"lib": ["es2017", "dom"],
|
4
|
+
"module": "commonjs",
|
5
|
+
"moduleResolution": "node",
|
6
|
+
"noEmitOnError": false,
|
7
|
+
"skipDefaultLibCheck": true,
|
8
|
+
"skipLibCheck": true,
|
9
|
+
"sourceMap": true,
|
10
|
+
"target": "es6",
|
11
|
+
"declaration": true,
|
12
|
+
"types": [
|
13
|
+
"jasmine",
|
14
|
+
"node"
|
15
|
+
]
|
16
|
+
},
|
17
|
+
"exclude": [
|
18
|
+
"node_modules",
|
19
|
+
"src",
|
20
|
+
"src/**/*.ts",
|
21
|
+
"spec",
|
22
|
+
"spec/**/*.ts",
|
23
|
+
"@typings"
|
24
|
+
]
|
25
|
+
}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.pkgName = '@syncfusion/ej2-angular-diagrams';
|
4
|
+
exports.pkgVer = '^27.1.48';
|
5
|
+
exports.moduleName = 'DiagramModule, SymbolPaletteModule, OverviewModule';
|
6
|
+
exports.themeVer = '~27.1.48';
|
@@ -1,4 +1,4 @@
|
|
1
1
|
export const pkgName = '@syncfusion/ej2-angular-diagrams';
|
2
|
-
export const pkgVer = '^
|
2
|
+
export const pkgVer = '^27.1.48';
|
3
3
|
export const moduleName = 'DiagramModule, SymbolPaletteModule, OverviewModule';
|
4
|
-
export const themeVer = '~
|
4
|
+
export const themeVer = '~27.1.48';
|
@@ -134,6 +134,11 @@ export declare class ConnectorAnnotationDirective extends ComplexBase<ConnectorA
|
|
134
134
|
* @default 'undefined'
|
135
135
|
*/
|
136
136
|
template: any;
|
137
|
+
/**
|
138
|
+
* This property is used to show tooltip for annotation on mouse over.
|
139
|
+
* @default new DiagramToolTip();
|
140
|
+
*/
|
141
|
+
tooltip: any;
|
137
142
|
/**
|
138
143
|
* Sets the vertical alignment of the text with respect to the parent node/connector
|
139
144
|
* * Stretch - Stretches the diagram element throughout its immediate parent
|
@@ -157,7 +162,7 @@ export declare class ConnectorAnnotationDirective extends ComplexBase<ConnectorA
|
|
157
162
|
width: any;
|
158
163
|
constructor(viewContainerRef: ViewContainerRef);
|
159
164
|
static ɵfac: i0.ɵɵFactoryDeclaration<ConnectorAnnotationDirective, never>;
|
160
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectorAnnotationDirective, "e-connector>e-connector-annotations>e-connector-annotation", never, { "addInfo": "addInfo"; "alignment": "alignment"; "annotationType": "annotationType"; "constraints": "constraints"; "content": "content"; "displacement": "displacement"; "dragLimit": "dragLimit"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "hyperlink": "hyperlink"; "id": "id"; "margin": "margin"; "offset": "offset"; "rotateAngle": "rotateAngle"; "rotationReference": "rotationReference"; "segmentAngle": "segmentAngle"; "style": "style"; "template": "template"; "type": "type"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
|
165
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectorAnnotationDirective, "e-connector>e-connector-annotations>e-connector-annotation", never, { "addInfo": "addInfo"; "alignment": "alignment"; "annotationType": "annotationType"; "constraints": "constraints"; "content": "content"; "displacement": "displacement"; "dragLimit": "dragLimit"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "hyperlink": "hyperlink"; "id": "id"; "margin": "margin"; "offset": "offset"; "rotateAngle": "rotateAngle"; "rotationReference": "rotationReference"; "segmentAngle": "segmentAngle"; "style": "style"; "template": "template"; "tooltip": "tooltip"; "type": "type"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
|
161
166
|
}
|
162
167
|
/**
|
163
168
|
* ConnectorAnnotation Array Directive
|
@@ -165,6 +165,11 @@ export declare class ConnectorDirective extends ComplexBase<ConnectorDirective>
|
|
165
165
|
* @default 'Circle'
|
166
166
|
*/
|
167
167
|
segmentThumbShape: any;
|
168
|
+
/**
|
169
|
+
* Specifies the size of the segment thumb for individual connector. When not set, it defaults to matching the underlying path data
|
170
|
+
* @default 10
|
171
|
+
*/
|
172
|
+
segmentThumbSize: any;
|
168
173
|
/**
|
169
174
|
* Defines the segments
|
170
175
|
* @default []
|
@@ -263,7 +268,7 @@ export declare class ConnectorDirective extends ComplexBase<ConnectorDirective>
|
|
263
268
|
zIndex: any;
|
264
269
|
constructor(viewContainerRef: ViewContainerRef);
|
265
270
|
static ɵfac: i0.ɵɵFactoryDeclaration<ConnectorDirective, never>;
|
266
|
-
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"; "ports": "ports"; "previewSize": "previewSize"; "segmentThumbShape": "segmentThumbShape"; "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"]>;
|
271
|
+
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"; "ports": "ports"; "previewSize": "previewSize"; "segmentThumbShape": "segmentThumbShape"; "segmentThumbSize": "segmentThumbSize"; "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"]>;
|
267
272
|
}
|
268
273
|
/**
|
269
274
|
* Connector Array Directive
|
@@ -17,9 +17,9 @@ export declare const LayoutAnimationService: ValueProvider;
|
|
17
17
|
export declare const DiagramContextMenuService: ValueProvider;
|
18
18
|
export declare const LineRoutingService: ValueProvider;
|
19
19
|
export declare const ConnectorEditingService: ValueProvider;
|
20
|
-
export declare const BlazorTooltipService: ValueProvider;
|
21
20
|
export declare const LineDistributionService: ValueProvider;
|
22
21
|
export declare const Ej1SerializationService: ValueProvider;
|
22
|
+
export declare const FlowchartLayoutService: ValueProvider;
|
23
23
|
/**
|
24
24
|
* NgModule definition for the Diagram component with providers.
|
25
25
|
*/
|
@@ -45,6 +45,7 @@ export declare class DiagramComponent extends Diagram implements IComponentBase
|
|
45
45
|
keyDown: any;
|
46
46
|
keyUp: any;
|
47
47
|
load: any;
|
48
|
+
loaded: any;
|
48
49
|
mouseEnter: any;
|
49
50
|
mouseLeave: any;
|
50
51
|
mouseOver: any;
|
@@ -100,5 +101,5 @@ export declare class DiagramComponent extends Diagram implements IComponentBase
|
|
100
101
|
registerEvents: (eventList: string[]) => void;
|
101
102
|
addTwoWay: (propList: string[]) => void;
|
102
103
|
static ɵfac: i0.ɵɵFactoryDeclaration<DiagramComponent, never>;
|
103
|
-
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"; "elementDraw": "elementDraw"; "expandStateChange": "expandStateChange"; "fixedUserHandleClick": "fixedUserHandleClick"; "historyChange": "historyChange"; "historyStateChange": "historyStateChange"; "keyDown": "keyDown"; "keyUp": "keyUp"; "load": "load"; "mouseEnter": "mouseEnter"; "mouseLeave": "mouseLeave"; "mouseOver": "mouseOver"; "mouseWheel": "mouseWheel"; "onFixedUserHandleMouseDown": "onFixedUserHandleMouseDown"; "onFixedUserHandleMouseEnter": "onFixedUserHandleMouseEnter"; "onFixedUserHandleMouseLeave": "onFixedUserHandleMouseLeave"; "onFixedUserHandleMouseUp": "onFixedUserHandleMouseUp"; "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"; }, ["annotationTemplate", "nodeTemplate", "userHandleTemplate", "childLayers", "childCustomCursor", "childConnectors", "childNodes"], never>;
|
104
|
+
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"; "fixedUserHandleTemplate": "fixedUserHandleTemplate"; "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"; "segmentThumbSize": "segmentThumbSize"; "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"; "elementDraw": "elementDraw"; "expandStateChange": "expandStateChange"; "fixedUserHandleClick": "fixedUserHandleClick"; "historyChange": "historyChange"; "historyStateChange": "historyStateChange"; "keyDown": "keyDown"; "keyUp": "keyUp"; "load": "load"; "loaded": "loaded"; "mouseEnter": "mouseEnter"; "mouseLeave": "mouseLeave"; "mouseOver": "mouseOver"; "mouseWheel": "mouseWheel"; "onFixedUserHandleMouseDown": "onFixedUserHandleMouseDown"; "onFixedUserHandleMouseEnter": "onFixedUserHandleMouseEnter"; "onFixedUserHandleMouseLeave": "onFixedUserHandleMouseLeave"; "onFixedUserHandleMouseUp": "onFixedUserHandleMouseUp"; "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"; }, ["annotationTemplate", "nodeTemplate", "userHandleTemplate", "childLayers", "childCustomCursor", "childConnectors", "childNodes"], never>;
|
104
105
|
}
|
@@ -115,6 +115,11 @@ export declare class NodeAnnotationDirective extends ComplexBase<NodeAnnotationD
|
|
115
115
|
* @default 'undefined'
|
116
116
|
*/
|
117
117
|
template: any;
|
118
|
+
/**
|
119
|
+
* This property is used to show tooltip for annotation on mouse over.
|
120
|
+
* @default new DiagramToolTip();
|
121
|
+
*/
|
122
|
+
tooltip: any;
|
118
123
|
/**
|
119
124
|
* Sets the vertical alignment of the text with respect to the parent node/connector
|
120
125
|
* * Stretch - Stretches the diagram element throughout its immediate parent
|
@@ -138,7 +143,7 @@ export declare class NodeAnnotationDirective extends ComplexBase<NodeAnnotationD
|
|
138
143
|
width: any;
|
139
144
|
constructor(viewContainerRef: ViewContainerRef);
|
140
145
|
static ɵfac: i0.ɵɵFactoryDeclaration<NodeAnnotationDirective, never>;
|
141
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NodeAnnotationDirective, "e-node>e-node-annotations>e-node-annotation", never, { "addInfo": "addInfo"; "annotationType": "annotationType"; "constraints": "constraints"; "content": "content"; "dragLimit": "dragLimit"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "hyperlink": "hyperlink"; "id": "id"; "margin": "margin"; "offset": "offset"; "rotateAngle": "rotateAngle"; "rotationReference": "rotationReference"; "style": "style"; "template": "template"; "type": "type"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
|
146
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NodeAnnotationDirective, "e-node>e-node-annotations>e-node-annotation", never, { "addInfo": "addInfo"; "annotationType": "annotationType"; "constraints": "constraints"; "content": "content"; "dragLimit": "dragLimit"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "hyperlink": "hyperlink"; "id": "id"; "margin": "margin"; "offset": "offset"; "rotateAngle": "rotateAngle"; "rotationReference": "rotationReference"; "style": "style"; "template": "template"; "tooltip": "tooltip"; "type": "type"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
|
142
147
|
}
|
143
148
|
/**
|
144
149
|
* NodeAnnotation Array Directive
|
package/src/index.d.ts
CHANGED
@@ -9,7 +9,7 @@ export { PortDirective, PortsDirective } from './diagram/ports.directive';
|
|
9
9
|
export { NodeDirective, NodesDirective } from './diagram/nodes.directive';
|
10
10
|
export { DiagramComponent } from './diagram/diagram.component';
|
11
11
|
export { DiagramModule } from './diagram/diagram.module';
|
12
|
-
export { DiagramAllModule, HierarchicalTreeService, MindMapService, RadialTreeService, ComplexHierarchicalTreeService, DataBindingService, SnappingService, PrintAndExportService, BpmnDiagramsService, SymmetricLayoutService, ConnectorBridgingService, UndoRedoService, LayoutAnimationService, DiagramContextMenuService, LineRoutingService, ConnectorEditingService,
|
12
|
+
export { DiagramAllModule, HierarchicalTreeService, MindMapService, RadialTreeService, ComplexHierarchicalTreeService, DataBindingService, SnappingService, PrintAndExportService, BpmnDiagramsService, SymmetricLayoutService, ConnectorBridgingService, UndoRedoService, LayoutAnimationService, DiagramContextMenuService, LineRoutingService, ConnectorEditingService, LineDistributionService, Ej1SerializationService, FlowchartLayoutService } from './diagram/diagram-all.module';
|
13
13
|
export { PaletteDirective, PalettesDirective } from './symbol-palette/palettes.directive';
|
14
14
|
export { SymbolPaletteComponent } from './symbol-palette/symbolpalette.component';
|
15
15
|
export { SymbolPaletteModule } from './symbol-palette/symbolpalette.module';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/bootstrap-dark-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/bootstrap-dark-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/bootstrap-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/bootstrap-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/bootstrap4-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/bootstrap4-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/bootstrap5-dark-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/bootstrap5-dark-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/bootstrap5-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/bootstrap5-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/bootstrap5.3-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/bootstrap5.3-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/bootstrap5.3.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'diagram/bootstrap5.3.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/diagram/bootstrap5.3.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/diagram/bootstrap5.3.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/fabric-dark-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/fabric-dark-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/fabric-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/fabric-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/fluent-dark-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/fluent-dark-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/fluent-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/fluent-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/fluent2-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/fluent2-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/highcontrast-light-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/highcontrast-light-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/highcontrast-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/highcontrast-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/material-dark-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/material-dark-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/material-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/material-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/material3-dark-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/material3-dark-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/material3-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/material3-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/tailwind-dark-lite.css';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'ej2-diagrams/styles/tailwind-dark-lite.scss';
|
@@ -0,0 +1 @@
|
|
1
|
+
@import '@syncfusion/ej2-diagrams/styles/tailwind-lite.css';
|