@syncfusion/ej2-angular-diagrams 26.1.35 → 26.1.40
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 +13 -0
- package/package.json +7 -7
- package/schematics/collection.json +0 -25
- package/styles/diagram/fluent2.css +5 -5
- package/styles/fluent2.css +5 -5
- package/schematics/generators/diagram-default-functionalities/index.d.ts +0 -3
- package/schematics/generators/diagram-default-functionalities/index.js +0 -8
- package/schematics/generators/diagram-default-functionalities/index.ts +0 -8
- package/schematics/generators/diagram-default-functionalities/sample-details.d.ts +0 -5
- package/schematics/generators/diagram-default-functionalities/sample-details.js +0 -7
- package/schematics/generators/diagram-default-functionalities/sample-details.ts +0 -5
- package/schematics/generators/diagram-default-functionalities/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
- package/schematics/generators/diagram-default-functionalities/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -125
- package/schematics/generators/diagram-default-functionalities/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -91
- package/schematics/generators/diagram-default-functionalities/schema.d.ts +0 -3
- package/schematics/generators/diagram-default-functionalities/schema.js +0 -2
- package/schematics/generators/diagram-default-functionalities/schema.json +0 -125
- package/schematics/generators/diagram-default-functionalities/schema.ts +0 -3
- package/schematics/generators/diagram-hierarchical-tree/index.d.ts +0 -3
- package/schematics/generators/diagram-hierarchical-tree/index.js +0 -8
- package/schematics/generators/diagram-hierarchical-tree/index.ts +0 -8
- package/schematics/generators/diagram-hierarchical-tree/sample-details.d.ts +0 -5
- package/schematics/generators/diagram-hierarchical-tree/sample-details.js +0 -7
- package/schematics/generators/diagram-hierarchical-tree/sample-details.ts +0 -5
- package/schematics/generators/diagram-hierarchical-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
- package/schematics/generators/diagram-hierarchical-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -13
- package/schematics/generators/diagram-hierarchical-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -75
- package/schematics/generators/diagram-hierarchical-tree/samples/__path__/__name@dasherize@if-flat__/assets/diagram-data.ts +0 -670
- package/schematics/generators/diagram-hierarchical-tree/schema.d.ts +0 -3
- package/schematics/generators/diagram-hierarchical-tree/schema.js +0 -2
- package/schematics/generators/diagram-hierarchical-tree/schema.json +0 -125
- package/schematics/generators/diagram-hierarchical-tree/schema.ts +0 -3
- package/schematics/generators/diagram-organization-chart/index.d.ts +0 -3
- package/schematics/generators/diagram-organization-chart/index.js +0 -8
- package/schematics/generators/diagram-organization-chart/index.ts +0 -8
- package/schematics/generators/diagram-organization-chart/sample-details.d.ts +0 -5
- package/schematics/generators/diagram-organization-chart/sample-details.js +0 -7
- package/schematics/generators/diagram-organization-chart/sample-details.ts +0 -5
- package/schematics/generators/diagram-organization-chart/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
- package/schematics/generators/diagram-organization-chart/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -66
- package/schematics/generators/diagram-organization-chart/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -179
- package/schematics/generators/diagram-organization-chart/samples/__path__/__name@dasherize@if-flat__/assets/diagram-data.ts +0 -670
- package/schematics/generators/diagram-organization-chart/schema.d.ts +0 -3
- package/schematics/generators/diagram-organization-chart/schema.js +0 -2
- package/schematics/generators/diagram-organization-chart/schema.json +0 -125
- package/schematics/generators/diagram-organization-chart/schema.ts +0 -3
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Clayton.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Jenny.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/John.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Maria.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Paul.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Robin.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/Thomas.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/eric.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/female.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image12.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image2.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image3.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image50.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image51.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image53.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image54.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image55.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image56.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/image57.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/images7.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/images9.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/male.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/moreinfo.png +0 -0
- package/schematics/generators/diagram-overview/images/__path__/__name@dasherize__/smith.png +0 -0
- package/schematics/generators/diagram-overview/index.d.ts +0 -3
- package/schematics/generators/diagram-overview/index.js +0 -8
- package/schematics/generators/diagram-overview/index.ts +0 -8
- package/schematics/generators/diagram-overview/sample-details.d.ts +0 -5
- package/schematics/generators/diagram-overview/sample-details.js +0 -7
- package/schematics/generators/diagram-overview/sample-details.ts +0 -5
- package/schematics/generators/diagram-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
- package/schematics/generators/diagram-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -19
- package/schematics/generators/diagram-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -98
- package/schematics/generators/diagram-overview/schema.d.ts +0 -3
- package/schematics/generators/diagram-overview/schema.js +0 -2
- package/schematics/generators/diagram-overview/schema.json +0 -125
- package/schematics/generators/diagram-overview/schema.ts +0 -3
- package/schematics/generators/diagram-radial-tree/index.d.ts +0 -3
- package/schematics/generators/diagram-radial-tree/index.js +0 -8
- package/schematics/generators/diagram-radial-tree/index.ts +0 -8
- package/schematics/generators/diagram-radial-tree/sample-details.d.ts +0 -5
- package/schematics/generators/diagram-radial-tree/sample-details.js +0 -7
- package/schematics/generators/diagram-radial-tree/sample-details.ts +0 -5
- package/schematics/generators/diagram-radial-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -0
- package/schematics/generators/diagram-radial-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -7
- package/schematics/generators/diagram-radial-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -87
- package/schematics/generators/diagram-radial-tree/samples/__path__/__name@dasherize@if-flat__/assets/diagram-data.ts +0 -670
- package/schematics/generators/diagram-radial-tree/schema.d.ts +0 -3
- package/schematics/generators/diagram-radial-tree/schema.js +0 -2
- package/schematics/generators/diagram-radial-tree/schema.json +0 -125
- package/schematics/generators/diagram-radial-tree/schema.ts +0 -3
- package/schematics/ng-add/index.d.ts +0 -3
- package/schematics/ng-add/index.js +0 -9
- package/schematics/ng-add/schema.d.ts +0 -13
- package/schematics/ng-add/schema.js +0 -2
- package/schematics/utils/lib-details.d.ts +0 -4
- package/schematics/utils/lib-details.js +0 -6
package/CHANGELOG.md
CHANGED
@@ -6,6 +6,19 @@
|
|
6
6
|
|
7
7
|
#### Bug Fixes
|
8
8
|
|
9
|
+
- `#I598320` - The exception is no longer thrown when adding a node at runtime in the unit test case.
|
10
|
+
- `#I597330` - Expanding and collapsing nodes multiple times now works properly.
|
11
|
+
- `#I596153` - Unselecting a selected node using CTRL+Click now works properly when zoom pan is enabled.
|
12
|
+
- `#I595572` - The Exception is no longer thrown when drag and drop shapes on top of each other repeatedly with Line Routing.
|
13
|
+
- `#F188009` - The Exception is no longer thrown When Loading Data Without Defining Node Template at Application Level.
|
14
|
+
- `#F188626` - Position of BPMN activity loop node is now properly rendered while save and load.
|
15
|
+
|
16
|
+
## 26.1.35 (2024-06-11)
|
17
|
+
|
18
|
+
### Diagram
|
19
|
+
|
20
|
+
#### Bug Fixes
|
21
|
+
|
9
22
|
- `#I184493` - The null exception will no longer thrown while hovering over the ports.
|
10
23
|
- `#I47014` - The segmentCollectionChange is triggered when editSegment method called.
|
11
24
|
|
package/package.json
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
"_from": "@syncfusion/ej2-angular-diagrams@*",
|
3
3
|
"_id": "@syncfusion/ej2-angular-diagrams@26.1.35",
|
4
4
|
"_inBundle": false,
|
5
|
-
"_integrity": "sha512-
|
5
|
+
"_integrity": "sha512-OsUluX2Ib+q7oCzQqyvsl63uK9yDCbys1G4XVi9mtoi3RcP+tRpElEXGcBvcY+3Ewitr8HmJjHZQf5GAuOwbMg==",
|
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-angular-
|
23
|
-
"_shasum": "
|
22
|
+
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-diagrams/-/ej2-angular-diagrams-26.1.35.tgz",
|
23
|
+
"_shasum": "5cd4c728de527cc6e341537096baaec4b31202b5",
|
24
24
|
"_spec": "@syncfusion/ej2-angular-diagrams@*",
|
25
25
|
"_where": "/jenkins/workspace/elease-automation_release_26.1.1/ivypackages/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
|
-
"@syncfusion/ej2-base": "~26.1.
|
36
|
-
"@syncfusion/ej2-diagrams": "26.1.
|
34
|
+
"@syncfusion/ej2-angular-base": "~26.1.39",
|
35
|
+
"@syncfusion/ej2-base": "~26.1.37",
|
36
|
+
"@syncfusion/ej2-diagrams": "26.1.40",
|
37
37
|
"tslib": "^2.3.0"
|
38
38
|
},
|
39
39
|
"deprecated": false,
|
@@ -72,5 +72,5 @@
|
|
72
72
|
"schematics": "./schematics/collection.json",
|
73
73
|
"sideEffects": false,
|
74
74
|
"typings": "syncfusion-ej2-angular-diagrams.d.ts",
|
75
|
-
"version": "26.1.
|
75
|
+
"version": "26.1.40"
|
76
76
|
}
|
@@ -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-
|
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:
|
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:
|
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-
|
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-
|
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;
|
package/styles/fluent2.css
CHANGED
@@ -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-
|
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:
|
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:
|
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-
|
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-
|
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,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,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';
|
File without changes
|
@@ -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,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,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,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';
|