@syncfusion/ej2-angular-diagrams 26.1.35-ngcc → 26.1.40-ngcc

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 (104) hide show
  1. package/dist/ej2-angular-diagrams.umd.js +1 -1
  2. package/dist/ej2-angular-diagrams.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/schematics/collection.json +0 -25
  5. package/styles/diagram/fluent2.css +5 -5
  6. package/styles/fluent2.css +5 -5
  7. package/schematics/generators/diagram-default-functionalities/index.d.ts +0 -3
  8. package/schematics/generators/diagram-default-functionalities/index.js +0 -8
  9. package/schematics/generators/diagram-default-functionalities/index.ts +0 -8
  10. package/schematics/generators/diagram-default-functionalities/sample-details.d.ts +0 -5
  11. package/schematics/generators/diagram-default-functionalities/sample-details.js +0 -7
  12. package/schematics/generators/diagram-default-functionalities/sample-details.ts +0 -5
  13. package/schematics/generators/diagram-default-functionalities/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  14. package/schematics/generators/diagram-default-functionalities/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -125
  15. package/schematics/generators/diagram-default-functionalities/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -91
  16. package/schematics/generators/diagram-default-functionalities/schema.d.ts +0 -3
  17. package/schematics/generators/diagram-default-functionalities/schema.js +0 -2
  18. package/schematics/generators/diagram-default-functionalities/schema.json +0 -125
  19. package/schematics/generators/diagram-default-functionalities/schema.ts +0 -3
  20. package/schematics/generators/diagram-hierarchical-tree/index.d.ts +0 -3
  21. package/schematics/generators/diagram-hierarchical-tree/index.js +0 -8
  22. package/schematics/generators/diagram-hierarchical-tree/index.ts +0 -8
  23. package/schematics/generators/diagram-hierarchical-tree/sample-details.d.ts +0 -5
  24. package/schematics/generators/diagram-hierarchical-tree/sample-details.js +0 -7
  25. package/schematics/generators/diagram-hierarchical-tree/sample-details.ts +0 -5
  26. package/schematics/generators/diagram-hierarchical-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  27. package/schematics/generators/diagram-hierarchical-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -13
  28. package/schematics/generators/diagram-hierarchical-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -75
  29. package/schematics/generators/diagram-hierarchical-tree/samples/__path__/__name@dasherize@if-flat__/assets/diagram-data.ts +0 -670
  30. package/schematics/generators/diagram-hierarchical-tree/schema.d.ts +0 -3
  31. package/schematics/generators/diagram-hierarchical-tree/schema.js +0 -2
  32. package/schematics/generators/diagram-hierarchical-tree/schema.json +0 -125
  33. package/schematics/generators/diagram-hierarchical-tree/schema.ts +0 -3
  34. package/schematics/generators/diagram-organization-chart/index.d.ts +0 -3
  35. package/schematics/generators/diagram-organization-chart/index.js +0 -8
  36. package/schematics/generators/diagram-organization-chart/index.ts +0 -8
  37. package/schematics/generators/diagram-organization-chart/sample-details.d.ts +0 -5
  38. package/schematics/generators/diagram-organization-chart/sample-details.js +0 -7
  39. package/schematics/generators/diagram-organization-chart/sample-details.ts +0 -5
  40. package/schematics/generators/diagram-organization-chart/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  41. package/schematics/generators/diagram-organization-chart/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -66
  42. package/schematics/generators/diagram-organization-chart/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -179
  43. package/schematics/generators/diagram-organization-chart/samples/__path__/__name@dasherize@if-flat__/assets/diagram-data.ts +0 -670
  44. package/schematics/generators/diagram-organization-chart/schema.d.ts +0 -3
  45. package/schematics/generators/diagram-organization-chart/schema.js +0 -2
  46. package/schematics/generators/diagram-organization-chart/schema.json +0 -125
  47. package/schematics/generators/diagram-organization-chart/schema.ts +0 -3
  48. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Clayton.png +0 -0
  49. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Jenny.png +0 -0
  50. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/John.png +0 -0
  51. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Maria.png +0 -0
  52. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Paul.png +0 -0
  53. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Robin.png +0 -0
  54. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Thomas.png +0 -0
  55. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/eric.png +0 -0
  56. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/female.png +0 -0
  57. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image12.png +0 -0
  58. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image2.png +0 -0
  59. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image3.png +0 -0
  60. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image50.png +0 -0
  61. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image51.png +0 -0
  62. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image53.png +0 -0
  63. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image54.png +0 -0
  64. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image55.png +0 -0
  65. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image56.png +0 -0
  66. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image57.png +0 -0
  67. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/images7.png +0 -0
  68. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/images9.png +0 -0
  69. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/male.png +0 -0
  70. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/moreinfo.png +0 -0
  71. package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/smith.png +0 -0
  72. package/schematics/generators/diagram-overview/index.d.ts +0 -3
  73. package/schematics/generators/diagram-overview/index.js +0 -8
  74. package/schematics/generators/diagram-overview/index.ts +0 -8
  75. package/schematics/generators/diagram-overview/sample-details.d.ts +0 -5
  76. package/schematics/generators/diagram-overview/sample-details.js +0 -7
  77. package/schematics/generators/diagram-overview/sample-details.ts +0 -5
  78. package/schematics/generators/diagram-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  79. package/schematics/generators/diagram-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -19
  80. package/schematics/generators/diagram-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -98
  81. package/schematics/generators/diagram-overview/schema.d.ts +0 -3
  82. package/schematics/generators/diagram-overview/schema.js +0 -2
  83. package/schematics/generators/diagram-overview/schema.json +0 -125
  84. package/schematics/generators/diagram-overview/schema.ts +0 -3
  85. package/schematics/generators/diagram-radial-tree/index.d.ts +0 -3
  86. package/schematics/generators/diagram-radial-tree/index.js +0 -8
  87. package/schematics/generators/diagram-radial-tree/index.ts +0 -8
  88. package/schematics/generators/diagram-radial-tree/sample-details.d.ts +0 -5
  89. package/schematics/generators/diagram-radial-tree/sample-details.js +0 -7
  90. package/schematics/generators/diagram-radial-tree/sample-details.ts +0 -5
  91. package/schematics/generators/diagram-radial-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
  92. package/schematics/generators/diagram-radial-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -7
  93. package/schematics/generators/diagram-radial-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -87
  94. package/schematics/generators/diagram-radial-tree/samples/__path__/__name@dasherize@if-flat__/assets/diagram-data.ts +0 -670
  95. package/schematics/generators/diagram-radial-tree/schema.d.ts +0 -3
  96. package/schematics/generators/diagram-radial-tree/schema.js +0 -2
  97. package/schematics/generators/diagram-radial-tree/schema.json +0 -125
  98. package/schematics/generators/diagram-radial-tree/schema.ts +0 -3
  99. package/schematics/ng-add/index.d.ts +0 -3
  100. package/schematics/ng-add/index.js +0 -9
  101. package/schematics/ng-add/schema.d.ts +0 -13
  102. package/schematics/ng-add/schema.js +0 -2
  103. package/schematics/utils/lib-details.d.ts +0 -4
  104. package/schematics/utils/lib-details.js +0 -6
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-angular-diagrams.umd.js
3
- * version : 26.1.35
3
+ * version : 26.1.40
4
4
  * Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-angular-diagrams.umd.min.js
3
- * version : 26.1.35
3
+ * version : 26.1.40
4
4
  * Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-angular-diagrams@*",
3
- "_id": "@syncfusion/ej2-angular-diagrams@19.18.0",
3
+ "_id": "@syncfusion/ej2-angular-diagrams@26.1.35",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-rYG9WCewO/QX6l7jR7zcNonlD2dfNIHrEoWJLl8W5F6h7fX0q2JWYWdzRslTmP98T1zLuN9TOmc0ksY0SqK4Bg==",
5
+ "_integrity": "sha512-8s4PkFZxVK+YF7R78z0MinPMEfrlYwDIAxJUHOJ5IWCU2YFVSLWucxYsXuvs6ud7EsbmvL6INVoCpzb6yhSfWQ==",
6
6
  "_location": "/@syncfusion/ej2-angular-diagrams",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-angular-diagrams/-/ej2-angular-diagrams-19.18.0.tgz",
23
- "_shasum": "f72ed23e09bddb6f64454d4378e1b6c293695734",
22
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-diagrams/-/ej2-angular-diagrams-26.1.35.tgz",
23
+ "_shasum": "cdc2da4bc8c73d97836aa6819dcaa6a6d5e8931f",
24
24
  "_spec": "@syncfusion/ej2-angular-diagrams@*",
25
25
  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-angular-base": "~26.1.35",
35
- "@syncfusion/ej2-base": "~26.1.35",
36
- "@syncfusion/ej2-diagrams": "26.1.35"
34
+ "@syncfusion/ej2-angular-base": "~26.1.39",
35
+ "@syncfusion/ej2-base": "~26.1.37",
36
+ "@syncfusion/ej2-diagrams": "26.1.40"
37
37
  },
38
38
  "deprecated": false,
39
39
  "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",
@@ -58,5 +58,5 @@
58
58
  "schematics": "./schematics/collection.json",
59
59
  "sideEffects": false,
60
60
  "typings": "ej2-angular-diagrams.d.ts",
61
- "version": "26.1.35-ngcc"
61
+ "version": "26.1.40-ngcc"
62
62
  }
@@ -5,31 +5,6 @@
5
5
  "description": "Adds Essential JS 2 specific Angular package to an application",
6
6
  "factory": "./ng-add",
7
7
  "schema": "./ng-add/schema.json"
8
- },
9
- "diagram-default-functionalities": {
10
- "description": "This sample visualizes the processing of an order placed using credit card with built-in flow shapes.",
11
- "factory": "./generators/diagram-default-functionalities",
12
- "schema": "./generators/diagram-default-functionalities/schema.json"
13
- },
14
- "diagram-hierarchical-tree": {
15
- "description": "This sample illustrates a generating hierarchical tree from right to left orientation with external data source.",
16
- "factory": "./generators/diagram-hierarchical-tree",
17
- "schema": "./generators/diagram-hierarchical-tree/schema.json"
18
- },
19
- "diagram-organization-chart": {
20
- "description": "This sample visualizes an organizational structure along with an overview for easily navigating the large organizational structure using Overview Panel.",
21
- "factory": "./generators/diagram-organization-chart",
22
- "schema": "./generators/diagram-organization-chart/schema.json"
23
- },
24
- "diagram-overview": {
25
- "description": "Create an Angular component with EJ2 Diagrams annotation sample",
26
- "factory": "./generators/diagram-overview",
27
- "schema": "./generators/diagram-overview/schema.json"
28
- },
29
- "diagram-radial-tree": {
30
- "description": "This sample demonstrates a huge organizational structure using a compact layout model",
31
- "factory": "./generators/diagram-radial-tree",
32
- "schema": "./generators/diagram-radial-tree/schema.json"
33
8
  }
34
9
  }
35
10
  }
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -1,3 +0,0 @@
1
- import { Rule } from '@angular-devkit/schematics';
2
- import { Schema } from './schema';
3
- export default function (options: Schema): Rule;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
4
- const sampleDetails = require("./sample-details");
5
- function default_1(options) {
6
- return schematics_1.componentBuilder(options, sampleDetails);
7
- }
8
- exports.default = default_1;
@@ -1,8 +0,0 @@
1
- import { Rule } from '@angular-devkit/schematics';
2
- import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
3
- import { Schema } from './schema';
4
- import * as sampleDetails from './sample-details';
5
-
6
- export default function (options: Schema): Rule {
7
- return componentBuilder(options, sampleDetails);
8
- }
@@ -1,5 +0,0 @@
1
- export declare const componentName: string;
2
- export declare const sampleName: string;
3
- export declare const diModules: string;
4
- export declare const packageName: string;
5
- export declare const libModules: string;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.componentName = 'diagram';
4
- exports.sampleName = 'default-functionalities';
5
- exports.diModules = null;
6
- exports.packageName = '@syncfusion/ej2-angular-diagrams';
7
- exports.libModules = 'DiagramModule';
@@ -1,5 +0,0 @@
1
- export const componentName: string = 'diagram';
2
- export const sampleName: string = 'default-functionalities';
3
- export const diModules: string = null;
4
- export const packageName: string = '@syncfusion/ej2-angular-diagrams';
5
- export const libModules: string = 'DiagramModule';
@@ -1,125 +0,0 @@
1
- <div class="control-section">
2
- <div style="width: 100%">
3
- <div class="sb-mobile-palette-bar">
4
- <div id="palette-icon" style="float: right;" role="button" class="e-ddb-icons1 e-toggle-palette"></div>
5
- </div>
6
-
7
- <div id="diagram-space" class="sb-mobile-diagram">
8
- <div class="content-wrapper">
9
- <ejs-diagram #diagram id="diagram" width="100%" height="700px" [snapSettings]='snapSettings' [getConnectorDefaults]='connDefaults'
10
- [getNodeDefaults]='nodeDefaults' dragEnter='dragEnter' (created)="diagramCreate($event)">
11
- <e-nodes>
12
- <e-node id='NewIdea' [height]=60 [offsetX]=300 [offsetY]=80 [shape]='terminator'>
13
- <e-node-annotations>
14
- <e-node-annotation content='Place Order'>
15
- </e-node-annotation>
16
- </e-node-annotations>
17
- </e-node>
18
- <e-node id='Meeting' [height]=60 [offsetX]=300 [offsetY]=160 [shape]='process'>
19
- <e-node-annotations>
20
- <e-node-annotation content='Start Transaction'>
21
- </e-node-annotation>
22
- </e-node-annotations>
23
- </e-node>
24
- <e-node id='BoardDecision' [height]=60 [offsetX]=300 [offsetY]=240 [shape]='process'>
25
- <e-node-annotations>
26
- <e-node-annotation content='Verification'>
27
- </e-node-annotation>
28
- </e-node-annotations>
29
- </e-node>
30
- <e-node id='Project' [height]=60 [offsetX]=300 [offsetY]=330 [shape]='decision'>
31
- <e-node-annotations>
32
- <e-node-annotation content='Credit card valid?'>
33
- </e-node-annotation>
34
- </e-node-annotations>
35
- </e-node>
36
- <e-node id='End' [height]=60 [offsetX]=300 [offsetY]=430 [shape]='decision'>
37
- <e-node-annotations>
38
- <e-node-annotation content='Funds available?'>
39
- </e-node-annotation>
40
- </e-node-annotations>
41
- </e-node>
42
- <e-node id='node11' [height]=60 [offsetX]=530 [offsetY]=330 [shape]='process'>
43
- <e-node-annotations>
44
- <e-node-annotation content='Enter payment method'>
45
- </e-node-annotation>
46
- </e-node-annotations>
47
- </e-node>
48
- <e-node id='transcation_entered' [height]=60 [offsetX]=300 [offsetY]=630 [shape]='terminator'>
49
- <e-node-annotations>
50
- <e-node-annotation content='Log transaction'>
51
- </e-node-annotation>
52
- </e-node-annotations>
53
- </e-node>
54
- <e-node id='node12' [height]=60 [offsetX]=480 [offsetY]=630 [shape]='process'>
55
- <e-node-annotations>
56
- <e-node-annotation content='Reconcile the entries'>
57
- </e-node-annotation>
58
- </e-node-annotations>
59
- </e-node>
60
- <e-node id='transaction_completed' [height]=60 [offsetX]=300 [offsetY]=530 [shape]='process'>
61
- <e-node-annotations>
62
- <e-node-annotation content='Complete Transaction'>
63
- </e-node-annotation>
64
- </e-node-annotations>
65
- </e-node>
66
- <e-node id='Data' [height]=45 [offsetX]=110 [offsetY]=530 [shape]='data'>
67
- <e-node-annotations>
68
- <e-node-annotation content='Send e-mail' [margin]=margin>
69
- </e-node-annotation>
70
- </e-node-annotations>
71
- </e-node>
72
- <e-node id='node10' [height]=70 [offsetX]=475 [offsetY]=530 [shape]='directdata'>
73
- <e-node-annotations>
74
- <e-node-annotation content='Customer Database' [margin]='margin'>
75
- </e-node-annotation>
76
- </e-node-annotations>
77
- </e-node>
78
- </e-nodes>
79
- <e-connectors>
80
- <e-connector id='connector1' sourceID='NewIdea' targetID='Meeting'>
81
- </e-connector>
82
- <e-connector id='connector2' sourceID='Meeting' targetID='BoardDecision'>
83
- </e-connector>
84
- <e-connector id='connector3' sourceID='BoardDecision' targetID='Project'>
85
- </e-connector>
86
- <e-connector id='connector4' sourceID='Project' targetID='End'>
87
- <e-connector-annotations>
88
- <e-connector-annotation content='Yes' [style]=connAnnotStyle>
89
- </e-connector-annotation>
90
- </e-connector-annotations>
91
- </e-connector>
92
- <e-connector id='connector5' sourceID='End' targetID='transaction_completed'>
93
- <e-connector-annotations>
94
- <e-connector-annotation content='Yes' [style]=connAnnotStyle>
95
- </e-connector-annotation>
96
- </e-connector-annotations>
97
- </e-connector>
98
- <e-connector id='connector6' sourceID='transaction_completed' targetID='transcation_entered'>
99
- </e-connector>
100
- <e-connector id='connector7' sourceID='transaction_completed' targetID='Data'>
101
- </e-connector>
102
- <e-connector id='connector8' sourceID='transaction_completed' targetID='node10'>
103
- </e-connector>
104
- <e-connector id='connector9' sourceID='node11' targetID='Meeting' [segments]='segments'>
105
- </e-connector>
106
- <e-connector id='connector10' sourceID='End' targetID='node11' [segments]='segments1'>
107
- <e-connector-annotations>
108
- <e-connector-annotation content='No' [style]=connAnnotStyle>
109
- </e-connector-annotation>
110
- </e-connector-annotations>
111
- </e-connector>
112
- <e-connector id='connector11' sourceID='Project' targetID='node11'>
113
- <e-connector-annotations>
114
- <e-connector-annotation content='No' [style]=connAnnotStyle>
115
- </e-connector-annotation>
116
- </e-connector-annotations>
117
- </e-connector>
118
- <e-connector id='connector12' sourceID='transcation_entered' targetID='node12' [style]=strokeStyle>
119
- </e-connector>
120
- </e-connectors>
121
- </ejs-diagram>
122
- </div>
123
- </div>
124
- </div>
125
- </div>
@@ -1,91 +0,0 @@
1
- import { Component, ViewEncapsulation } from '@angular/core';
2
- import { DiagramComponent } from '@syncfusion/ej2-angular-diagrams';
3
- import {
4
- Diagram, NodeModel, UndoRedo, PointPortModel, Connector, FlowShapeModel,
5
- IDragEnterEventArgs, SnapSettingsModel, MarginModel, TextStyleModel, StrokeStyleModel,
6
- OrthogonalSegmentModel, Node,
7
- } from '@syncfusion/ej2-diagrams';
8
- Diagram.Inject(UndoRedo);
9
-
10
- /**
11
- * Default FlowShape sample
12
- */
13
-
14
- @Component({
15
- selector: '<%=dasherize(selector)%>',
16
- templateUrl: '<%=dasherize(name)%>.component.html',
17
- encapsulation: ViewEncapsulation.None
18
- })
19
- export class <%= classify(name) %>Component {
20
- //Diagram Properties
21
- public diagram: DiagramComponent;
22
- public terminator: FlowShapeModel = { type: 'Flow', shape: 'Terminator' };
23
- public process: FlowShapeModel = { type: 'Flow', shape: 'Process' };
24
- public decision: FlowShapeModel = { type: 'Flow', shape: 'Decision' };
25
- public data: FlowShapeModel = { type: 'Flow', shape: 'Data' };
26
- public directdata: FlowShapeModel = { type: 'Flow', shape: 'DirectData' };
27
-
28
- public margin: MarginModel = { left: 25, right: 25 };
29
- public connAnnotStyle: TextStyleModel = { fill: 'white' };
30
- public strokeStyle: StrokeStyleModel = { strokeDashArray: '2,2' };
31
-
32
- public segments: OrthogonalSegmentModel = [{ type: 'Orthogonal', direction: 'Top', length: 120 }];
33
- public segments1: OrthogonalSegmentModel = [
34
- { type: 'Orthogonal', direction: 'Right', length: 100 }
35
- ];
36
-
37
- public nodeDefaults(node: NodeModel): NodeModel {
38
- let obj: NodeModel = {};
39
- if (obj.width === undefined) {
40
- obj.width = 145;
41
- } else {
42
- let ratio: number = 100 / obj.width;
43
- obj.width = 100;
44
- obj.height *= ratio;
45
- }
46
- obj.style = { fill: '#357BD2', strokeColor: 'white' };
47
- obj.annotations = [{ style: { color: 'white', fill: 'transparent' } }];
48
- obj.ports = getPorts(node);
49
- return obj;
50
- }
51
- public connDefaults(obj: Connector): void {
52
- if (obj.id.indexOf('connector') !== -1) {
53
- obj.type = 'Orthogonal';
54
- obj.targetDecorator = { shape: 'Arrow', width: 10, height: 10 };
55
- }
56
- }
57
- public interval: number[] = [
58
- 1, 9, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25,
59
- 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75
60
- ];
61
-
62
- public snapSettings: SnapSettingsModel = {
63
- horizontalGridlines: { lineColor: '#e0e0e0', lineIntervals: this.interval },
64
- verticalGridlines: { lineColor: '#e0e0e0', lineIntervals: this.interval }
65
- };
66
-
67
- public dragEnter(args: IDragEnterEventArgs): void {
68
- let obj: NodeModel = args.element as NodeModel;
69
- if (obj instanceof Node) {
70
- let oWidth: number = obj.width;
71
- let oHeight: number = obj.height;
72
- let ratio: number = 100 / obj.width;
73
- obj.width = 100;
74
- obj.height *= ratio;
75
- obj.offsetX += (obj.width - oWidth) / 2;
76
- obj.offsetY += (obj.height - oHeight) / 2;
77
- obj.style = { fill: '#357BD2', strokeColor: 'white' };
78
- }
79
- }
80
-
81
- }
82
-
83
- function getPorts(obj: NodeModel): PointPortModel[] {
84
- let ports: PointPortModel[] = [
85
- { id: 'port1', shape: 'Circle', offset: { x: 0, y: 0.5 } },
86
- { id: 'port2', shape: 'Circle', offset: { x: 0.5, y: 1 } },
87
- { id: 'port3', shape: 'Circle', offset: { x: 1, y: 0.5 } },
88
- { id: 'port4', shape: 'Circle', offset: { x: 0.5, y: 0 } }
89
- ];
90
- return ports;
91
- }
@@ -1,3 +0,0 @@
1
- import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
2
- export interface Schema extends ComponentSchema {
3
- }
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,125 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/schema",
3
- "$id": "EJ2SchemaTemplateID",
4
- "title": "diagram-default-functionalities",
5
- "type": "object",
6
- "properties": {
7
- "path": {
8
- "type": "string",
9
- "format": "path",
10
- "description": "The path to create the component.",
11
- "visible": false
12
- },
13
- "project": {
14
- "type": "string",
15
- "description": "The name of the project.",
16
- "$default": {
17
- "$source": "projectName"
18
- }
19
- },
20
- "name": {
21
- "type": "string",
22
- "description": "The name of the component.",
23
- "$default": {
24
- "$source": "argv",
25
- "index": 0
26
- }
27
- },
28
- "inlineStyle": {
29
- "description": "Specifies if the style will be in the ts file.",
30
- "type": "boolean",
31
- "default": false,
32
- "alias": "s"
33
- },
34
- "inlineTemplate": {
35
- "description": "Specifies if the template will be in the ts file.",
36
- "type": "boolean",
37
- "default": false,
38
- "alias": "t"
39
- },
40
- "viewEncapsulation": {
41
- "description": "Specifies the view encapsulation strategy.",
42
- "enum": [
43
- "Emulated",
44
- "Native",
45
- "None",
46
- "ShadowDom"
47
- ],
48
- "type": "string",
49
- "alias": "v"
50
- },
51
- "changeDetection": {
52
- "description": "Specifies the change detection strategy.",
53
- "enum": [
54
- "Default",
55
- "OnPush"
56
- ],
57
- "type": "string",
58
- "default": "Default",
59
- "alias": "c"
60
- },
61
- "prefix": {
62
- "type": "string",
63
- "description": "The prefix to apply to generated selectors.",
64
- "alias": "p",
65
- "oneOf": [
66
- {
67
- "maxLength": 0
68
- },
69
- {
70
- "minLength": 1,
71
- "format": "html-selector"
72
- }
73
- ]
74
- },
75
- "styleext": {
76
- "description": "The file extension to be used for style files.",
77
- "type": "string",
78
- "default": "css"
79
- },
80
- "spec": {
81
- "type": "boolean",
82
- "description": "Specifies if a spec file is generated.",
83
- "default": true
84
- },
85
- "flat": {
86
- "type": "boolean",
87
- "description": "Flag to indicate if a dir is created.",
88
- "default": false
89
- },
90
- "skipImport": {
91
- "type": "boolean",
92
- "description": "Flag to skip the module import.",
93
- "default": false
94
- },
95
- "selector": {
96
- "type": "string",
97
- "format": "html-selector",
98
- "description": "The selector to use for the component."
99
- },
100
- "module": {
101
- "type": "string",
102
- "description": "Allows specification of the declaring module.",
103
- "alias": "m"
104
- },
105
- "export": {
106
- "type": "boolean",
107
- "default": false,
108
- "description": "Specifies if declaring module exports the component."
109
- },
110
- "entryComponent": {
111
- "type": "boolean",
112
- "default": false,
113
- "description": "Specifies if the component is an entry component of declaring module."
114
- },
115
- "lintFix": {
116
- "type": "boolean",
117
- "default": false,
118
- "description": "Specifies whether to apply lint fixes after generating the component."
119
- }
120
- },
121
- "required": [
122
- "name"
123
- ],
124
- "id": "diagram-default-functionalities"
125
- }
@@ -1,3 +0,0 @@
1
- import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
2
-
3
- export interface Schema extends ComponentSchema { }
@@ -1,3 +0,0 @@
1
- import { Rule } from '@angular-devkit/schematics';
2
- import { Schema } from './schema';
3
- export default function (options: Schema): Rule;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
4
- const sampleDetails = require("./sample-details");
5
- function default_1(options) {
6
- return schematics_1.componentBuilder(options, sampleDetails);
7
- }
8
- exports.default = default_1;
@@ -1,8 +0,0 @@
1
- import { Rule } from '@angular-devkit/schematics';
2
- import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
3
- import { Schema } from './schema';
4
- import * as sampleDetails from './sample-details';
5
-
6
- export default function (options: Schema): Rule {
7
- return componentBuilder(options, sampleDetails);
8
- }
@@ -1,5 +0,0 @@
1
- export declare const componentName: string;
2
- export declare const sampleName: string;
3
- export declare const diModules: string;
4
- export declare const packageName: string;
5
- export declare const libModules: string;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.componentName = 'diagram';
4
- exports.sampleName = 'hierarchical-tree';
5
- exports.diModules = null;
6
- exports.packageName = '@syncfusion/ej2-angular-diagrams';
7
- exports.libModules = 'DiagramModule';
@@ -1,5 +0,0 @@
1
- export const componentName: string = 'diagram';
2
- export const sampleName: string = 'hierarchical-tree';
3
- export const diModules: string = null;
4
- export const packageName: string = '@syncfusion/ej2-angular-diagrams';
5
- export const libModules: string = 'DiagramModule';