@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
@@ -1,13 +0,0 @@
|
|
1
|
-
<div class="control-section diagram-hierarchical-tree">
|
2
|
-
<div class="col-lg-8">
|
3
|
-
<div class="content-wrapper">
|
4
|
-
<ejs-diagram #diagram id="diagram" width="100%" height="499px" [getConnectorDefaults]='connDefaults'
|
5
|
-
[getNodeDefaults]='nodeDefaults' [layout]='layout' [dataSourceSettings]='data' [snapSettings]='snapSettings'>
|
6
|
-
</ejs-diagram>
|
7
|
-
</div>
|
8
|
-
</div>
|
9
|
-
<div class="col-lg-4 property-section">
|
10
|
-
<div class="row property-panel-content" style="padding-top: 10px">
|
11
|
-
</div>
|
12
|
-
</div>
|
13
|
-
</div>
|
@@ -1,75 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Sample for Hierarchical layout
|
3
|
-
*/
|
4
|
-
|
5
|
-
import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
|
6
|
-
import { DiagramComponent } from '@syncfusion/ej2-angular-diagrams';
|
7
|
-
import {
|
8
|
-
Diagram, NodeModel, ConnectorModel, LayoutAnimation, DataBinding,
|
9
|
-
HierarchicalTree, SnapConstraints, SnapSettingsModel, TextModel, LayoutOrientation
|
10
|
-
} from '@syncfusion/ej2-diagrams';
|
11
|
-
import { DataManager } from '@syncfusion/ej2-data';
|
12
|
-
import { hierarchicalTree } from './assets/diagram-data';
|
13
|
-
Diagram.Inject(DataBinding, HierarchicalTree, LayoutAnimation);
|
14
|
-
|
15
|
-
export interface EmployeeInfo {
|
16
|
-
Name: string;
|
17
|
-
}
|
18
|
-
|
19
|
-
@Component({
|
20
|
-
selector: '<%=dasherize(selector)%>',
|
21
|
-
templateUrl: '<%=dasherize(name)%>.component.html',
|
22
|
-
encapsulation: ViewEncapsulation.None
|
23
|
-
})
|
24
|
-
|
25
|
-
export class <%= classify(name) %>Component {
|
26
|
-
@ViewChild('diagram')
|
27
|
-
public diagram: DiagramComponent;
|
28
|
-
|
29
|
-
public data: Object = {
|
30
|
-
//sets the fields to bind
|
31
|
-
id: 'Name', parentId: 'Category',
|
32
|
-
dataManager: new DataManager(hierarchicalTree as JSON[]),
|
33
|
-
//binds the data with the nodes
|
34
|
-
doBinding: (nodeModel: NodeModel, data: object, diagram: Diagram) => {
|
35
|
-
nodeModel.shape = { type: 'Text', content: (data as EmployeeInfo).Name };
|
36
|
-
}
|
37
|
-
};
|
38
|
-
|
39
|
-
public snapSettings: SnapSettingsModel = { constraints: SnapConstraints.None };
|
40
|
-
|
41
|
-
public layout: Object = {
|
42
|
-
type: 'HierarchicalTree', verticalSpacing: 30, horizontalSpacing: 40,
|
43
|
-
enableAnimation: true
|
44
|
-
};
|
45
|
-
|
46
|
-
//Defines the default node and connector properties
|
47
|
-
public nodeDefaults(obj: NodeModel): NodeModel {
|
48
|
-
obj.style = { fill: '#659be5', strokeColor: 'none', color: 'white', strokeWidth: 2 };
|
49
|
-
obj.borderColor = '#3a6eb5';
|
50
|
-
obj.backgroundColor = '#659be5';
|
51
|
-
(obj.shape as TextModel).margin = { left: 5, right: 5, bottom: 5, top: 5 };
|
52
|
-
obj.expandIcon = { height: 10, width: 10, shape: 'None', fill: 'lightgray', offset: { x: .5, y: 1 } };
|
53
|
-
obj.expandIcon.verticalAlignment = 'Auto';
|
54
|
-
obj.expandIcon.margin = { left: 0, right: 0, top: 0, bottom: 0 };
|
55
|
-
obj.collapseIcon.offset = { x: .5, y: 1 };
|
56
|
-
obj.collapseIcon.verticalAlignment = 'Auto';
|
57
|
-
obj.collapseIcon.margin = { left: 0, right: 0, top: 0, bottom: 0 };
|
58
|
-
obj.collapseIcon.height = 10;
|
59
|
-
obj.collapseIcon.width = 10;
|
60
|
-
obj.collapseIcon.padding.top = 5;
|
61
|
-
obj.collapseIcon.shape = 'None';
|
62
|
-
obj.collapseIcon.fill = 'lightgray';
|
63
|
-
return obj;
|
64
|
-
};
|
65
|
-
|
66
|
-
public connDefaults(connector: ConnectorModel, diagram: Diagram): ConnectorModel {
|
67
|
-
connector.targetDecorator.shape = 'None';
|
68
|
-
connector.type = 'Orthogonal';
|
69
|
-
connector.constraints = 0;
|
70
|
-
connector.cornerRadius = 5;
|
71
|
-
connector.style.strokeColor = '#6d6d6d';
|
72
|
-
return connector;
|
73
|
-
}
|
74
|
-
|
75
|
-
}
|