@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.
Files changed (72) hide show
  1. package/CHANGELOG.md +0 -87
  2. package/esm2020/src/diagram/connector-annotation.directive.mjs +3 -3
  3. package/esm2020/src/diagram/connectors.directive.mjs +3 -3
  4. package/esm2020/src/diagram/diagram-all.module.mjs +7 -7
  5. package/esm2020/src/diagram/diagram.component.mjs +7 -7
  6. package/esm2020/src/diagram/node-annotation.directive.mjs +3 -3
  7. package/esm2020/src/index.mjs +2 -2
  8. package/fesm2015/syncfusion-ej2-angular-diagrams.mjs +19 -19
  9. package/fesm2015/syncfusion-ej2-angular-diagrams.mjs.map +1 -1
  10. package/fesm2020/syncfusion-ej2-angular-diagrams.mjs +19 -19
  11. package/fesm2020/syncfusion-ej2-angular-diagrams.mjs.map +1 -1
  12. package/package.json +10 -9
  13. package/schematics/collection.json +10 -9
  14. package/schematics/ng-add/index.d.ts +3 -0
  15. package/schematics/ng-add/index.js +9 -0
  16. package/schematics/ng-add/index.ts +10 -10
  17. package/schematics/ng-add/schema.d.ts +13 -0
  18. package/schematics/ng-add/schema.js +2 -0
  19. package/schematics/ng-add/schema.json +34 -34
  20. package/schematics/ng-add/schema.ts +30 -30
  21. package/schematics/tsconfig.json +25 -25
  22. package/schematics/utils/lib-details.d.ts +4 -0
  23. package/schematics/utils/lib-details.js +6 -0
  24. package/schematics/utils/lib-details.ts +2 -2
  25. package/src/diagram/connector-annotation.directive.d.ts +6 -1
  26. package/src/diagram/connectors.directive.d.ts +6 -1
  27. package/src/diagram/diagram-all.module.d.ts +1 -1
  28. package/src/diagram/diagram.component.d.ts +2 -1
  29. package/src/diagram/node-annotation.directive.d.ts +6 -1
  30. package/src/index.d.ts +1 -1
  31. package/styles/bootstrap-dark-lite.css +1 -0
  32. package/styles/bootstrap-dark-lite.scss +1 -0
  33. package/styles/bootstrap-lite.css +1 -0
  34. package/styles/bootstrap-lite.scss +1 -0
  35. package/styles/bootstrap4-lite.css +1 -0
  36. package/styles/bootstrap4-lite.scss +1 -0
  37. package/styles/bootstrap5-dark-lite.css +1 -0
  38. package/styles/bootstrap5-dark-lite.scss +1 -0
  39. package/styles/bootstrap5-lite.css +1 -0
  40. package/styles/bootstrap5-lite.scss +1 -0
  41. package/styles/bootstrap5.3-lite.css +1 -0
  42. package/styles/bootstrap5.3-lite.scss +1 -0
  43. package/styles/bootstrap5.3.css +1 -0
  44. package/styles/bootstrap5.3.scss +1 -0
  45. package/styles/diagram/bootstrap5.3.css +1 -0
  46. package/styles/diagram/bootstrap5.3.scss +1 -0
  47. package/styles/fabric-dark-lite.css +1 -0
  48. package/styles/fabric-dark-lite.scss +1 -0
  49. package/styles/fabric-lite.css +1 -0
  50. package/styles/fabric-lite.scss +1 -0
  51. package/styles/fluent-dark-lite.css +1 -0
  52. package/styles/fluent-dark-lite.scss +1 -0
  53. package/styles/fluent-lite.css +1 -0
  54. package/styles/fluent-lite.scss +1 -0
  55. package/styles/fluent2-lite.css +1 -0
  56. package/styles/fluent2-lite.scss +1 -0
  57. package/styles/highcontrast-light-lite.css +1 -0
  58. package/styles/highcontrast-light-lite.scss +1 -0
  59. package/styles/highcontrast-lite.css +1 -0
  60. package/styles/highcontrast-lite.scss +1 -0
  61. package/styles/material-dark-lite.css +1 -0
  62. package/styles/material-dark-lite.scss +1 -0
  63. package/styles/material-lite.css +1 -0
  64. package/styles/material-lite.scss +1 -0
  65. package/styles/material3-dark-lite.css +1 -0
  66. package/styles/material3-dark-lite.scss +1 -0
  67. package/styles/material3-lite.css +1 -0
  68. package/styles/material3-lite.scss +1 -0
  69. package/styles/tailwind-dark-lite.css +1 -0
  70. package/styles/tailwind-dark-lite.scss +1 -0
  71. package/styles/tailwind-lite.css +1 -0
  72. 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@26.2.11",
3
+ "_id": "@syncfusion/ej2-angular-diagrams@19.18.0",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-AclsDDm8jrIVJvWQcJhIrVlrYfcTFZcrxtj2Iwe8hJOEHbkC7Gt2J5gyPs2bVKlBPz19UNqMssoyeralDN2X3Q==",
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-hotfix/@syncfusion/ej2-angular-diagrams/-/ej2-angular-diagrams-26.2.11.tgz",
23
- "_shasum": "67fed624a35c525cdc8282645415e2547c4a5f80",
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-automation_release_26.1.1/ivypackages/included",
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": "~26.2.10",
35
- "@syncfusion/ej2-base": "~26.2.10",
36
- "@syncfusion/ej2-diagrams": "26.2.12",
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": "26.2.12"
76
+ "version": "27.1.48"
76
77
  }
@@ -1,10 +1,11 @@
1
1
  {
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
- }
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,3 @@
1
+ import { OptionsSchema } from './schema';
2
+ import { Rule } from '@angular-devkit/schematics';
3
+ export default function (options: OptionsSchema): Rule;
@@ -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
+ }
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -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
+ }
@@ -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,4 @@
1
+ export declare const pkgName = "@syncfusion/ej2-angular-diagrams";
2
+ export declare const pkgVer = "^19.18.0";
3
+ export declare const moduleName = "DiagramModule, SymbolPaletteModule, OverviewModule";
4
+ export declare const themeVer = "~19.18.0";
@@ -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 = '^26.2.11';
2
+ export const pkgVer = '^27.1.48';
3
3
  export const moduleName = 'DiagramModule, SymbolPaletteModule, OverviewModule';
4
- export const themeVer = '~26.2.11';
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, BlazorTooltipService, LineDistributionService, Ej1SerializationService } from './diagram/diagram-all.module';
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';