@syncfusion/ej2-angular-diagrams 20.2.49 → 20.3.47

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-diagrams@*",
-  "_id": "@syncfusion/ej2-angular-diagrams@20.2.45",
+  "_id": "@syncfusion/ej2-angular-diagrams@19.12.3",
   "_inBundle": false,
-  "_integrity": "sha512-M3r8eB4JepbuekUBH8S/JV3uXNdFlWtyoyBZgZMFVmWr9lYcBF3lQ8xsw72NXZIjU3vRA8tBz1PoxnDQXV2kEA==",
+  "_integrity": "sha512-X5ANQauQ08pVdmIsQvaT/WbV3WA5DM4WeqgPKv3nnvZZu1FNkuhKMDNxQplwtJfWFRfYhxXZfzlrFdh0FQidfg==",
   "_location": "/@syncfusion/ej2-angular-diagrams",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-diagrams/-/ej2-angular-diagrams-20.2.45.tgz",
-  "_shasum": "03e021588c2635ec19ea73b0e02c165c359d63e3",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-diagrams/-/ej2-angular-diagrams-19.12.3.tgz",
+  "_shasum": "d7203f785debbd80fb9e5140ecfc6cf2715d621f",
   "_spec": "@syncfusion/ej2-angular-diagrams@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/ivypackages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~20.2.49",
-    "@syncfusion/ej2-base": "~20.2.48",
-    "@syncfusion/ej2-diagrams": "20.2.49",
+    "@syncfusion/ej2-angular-base": "~20.3.47",
+    "@syncfusion/ej2-base": "~20.3.47",
+    "@syncfusion/ej2-diagrams": "20.3.47",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -76,5 +76,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-diagrams.d.ts",
-  "version": "20.2.49"
+  "version": "20.3.47"
 }

package/schematics/collection.json

@@ -0,0 +1,35 @@
+{
+  "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Adds Essential JS 2 specific Angular package to an application",
+      "factory": "./ng-add",
+      "schema": "./ng-add/schema.json"
+    },
+    "diagram-default-functionalities": {
+      "description": "This sample visualizes the processing of an order placed using credit card with built-in flow shapes.",
+      "factory": "./generators/diagram-default-functionalities",
+      "schema": "./generators/diagram-default-functionalities/schema.json"
+    },
+    "diagram-hierarchical-tree": {
+      "description": "This sample illustrates a generating hierarchical tree from right to left orientation with external data source.",
+      "factory": "./generators/diagram-hierarchical-tree",
+      "schema": "./generators/diagram-hierarchical-tree/schema.json"
+    },
+    "diagram-organization-chart": {
+      "description": "This sample visualizes an organizational structure along with an overview for easily navigating the large organizational structure using Overview Panel.",
+      "factory": "./generators/diagram-organization-chart",
+      "schema": "./generators/diagram-organization-chart/schema.json"
+    },
+    "diagram-overview": {
+      "description": "Create an Angular component with EJ2 Diagrams annotation sample",
+      "factory": "./generators/diagram-overview",
+      "schema": "./generators/diagram-overview/schema.json"
+    },
+    "diagram-radial-tree": {
+      "description": "This sample demonstrates a huge organizational structure using a compact layout model",
+      "factory": "./generators/diagram-radial-tree",
+      "schema": "./generators/diagram-radial-tree/schema.json"
+    }
+  }
+}

package/schematics/generators/diagram-default-functionalities/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/diagram-default-functionalities/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+const sampleDetails = require("./sample-details");
+function default_1(options) {
+    return schematics_1.componentBuilder(options, sampleDetails);
+}
+exports.default = default_1;

package/schematics/generators/diagram-default-functionalities/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/diagram-default-functionalities/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'diagram';
+exports.sampleName = 'default-functionalities';
+exports.diModules = null;
+exports.packageName = '@syncfusion/ej2-angular-diagrams';
+exports.libModules = 'DiagramModule';

package/schematics/generators/diagram-default-functionalities/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,125 @@
+<div class="control-section">
+    <div style="width: 100%">
+        <div class="sb-mobile-palette-bar">
+            <div id="palette-icon" style="float: right;" role="button"  class="e-ddb-icons1 e-toggle-palette"></div>
+        </div>
+      
+        <div id="diagram-space" class="sb-mobile-diagram">
+            <div class="content-wrapper">
+                <ejs-diagram #diagram id="diagram" width="100%" height="700px" [snapSettings]='snapSettings' [getConnectorDefaults]='connDefaults'
+                    [getNodeDefaults]='nodeDefaults' dragEnter='dragEnter' (created)="diagramCreate($event)">
+                    <e-nodes>
+                        <e-node id='NewIdea' [height]=60 [offsetX]=300 [offsetY]=80 [shape]='terminator'>
+                            <e-node-annotations>
+                                <e-node-annotation content='Place Order'>
+                                </e-node-annotation>
+                            </e-node-annotations>
+                        </e-node>
+                        <e-node id='Meeting' [height]=60 [offsetX]=300 [offsetY]=160 [shape]='process'>
+                            <e-node-annotations>
+                                <e-node-annotation content='Start Transaction'>
+                                </e-node-annotation>
+                            </e-node-annotations>
+                        </e-node>
+                        <e-node id='BoardDecision' [height]=60 [offsetX]=300 [offsetY]=240 [shape]='process'>
+                            <e-node-annotations>
+                                <e-node-annotation content='Verification'>
+                                </e-node-annotation>
+                            </e-node-annotations>
+                        </e-node>
+                        <e-node id='Project' [height]=60 [offsetX]=300 [offsetY]=330 [shape]='decision'>
+                            <e-node-annotations>
+                                <e-node-annotation content='Credit card valid?'>
+                                </e-node-annotation>
+                            </e-node-annotations>
+                        </e-node>
+                        <e-node id='End' [height]=60 [offsetX]=300 [offsetY]=430 [shape]='decision'>
+                            <e-node-annotations>
+                                <e-node-annotation content='Funds available?'>
+                                </e-node-annotation>
+                            </e-node-annotations>
+                        </e-node>
+                        <e-node id='node11' [height]=60 [offsetX]=530 [offsetY]=330 [shape]='process'>
+                            <e-node-annotations>
+                                <e-node-annotation content='Enter payment method'>
+                                </e-node-annotation>
+                            </e-node-annotations>
+                        </e-node>
+                        <e-node id='transcation_entered' [height]=60 [offsetX]=300 [offsetY]=630 [shape]='terminator'>
+                            <e-node-annotations>
+                                <e-node-annotation content='Log transaction'>
+                                </e-node-annotation>
+                            </e-node-annotations>
+                        </e-node>
+                        <e-node id='node12' [height]=60 [offsetX]=480 [offsetY]=630 [shape]='process'>
+                            <e-node-annotations>
+                                <e-node-annotation content='Reconcile the entries'>
+                                </e-node-annotation>
+                            </e-node-annotations>
+                        </e-node>
+                        <e-node id='transaction_completed' [height]=60 [offsetX]=300 [offsetY]=530 [shape]='process'>
+                            <e-node-annotations>
+                                <e-node-annotation content='Complete Transaction'>
+                                </e-node-annotation>
+                            </e-node-annotations>
+                        </e-node>
+                        <e-node id='Data' [height]=45 [offsetX]=110 [offsetY]=530 [shape]='data'>
+                            <e-node-annotations>
+                                <e-node-annotation content='Send e-mail' [margin]=margin>
+                                </e-node-annotation>
+                            </e-node-annotations>
+                        </e-node>
+                        <e-node id='node10' [height]=70 [offsetX]=475 [offsetY]=530 [shape]='directdata'>
+                            <e-node-annotations>
+                                <e-node-annotation content='Customer Database' [margin]='margin'>
+                                </e-node-annotation>
+                            </e-node-annotations>
+                        </e-node>
+                    </e-nodes>
+                    <e-connectors>
+                        <e-connector id='connector1' sourceID='NewIdea' targetID='Meeting'>
+                        </e-connector>
+                        <e-connector id='connector2' sourceID='Meeting' targetID='BoardDecision'>
+                        </e-connector>
+                        <e-connector id='connector3' sourceID='BoardDecision' targetID='Project'>
+                        </e-connector>
+                        <e-connector id='connector4' sourceID='Project' targetID='End'>
+                            <e-connector-annotations>
+                                <e-connector-annotation content='Yes' [style]=connAnnotStyle>
+                                </e-connector-annotation>
+                            </e-connector-annotations>
+                        </e-connector>
+                        <e-connector id='connector5' sourceID='End' targetID='transaction_completed'>
+                            <e-connector-annotations>
+                                <e-connector-annotation content='Yes' [style]=connAnnotStyle>
+                                </e-connector-annotation>
+                            </e-connector-annotations>
+                        </e-connector>
+                        <e-connector id='connector6' sourceID='transaction_completed' targetID='transcation_entered'>
+                        </e-connector>
+                        <e-connector id='connector7' sourceID='transaction_completed' targetID='Data'>
+                        </e-connector>
+                        <e-connector id='connector8' sourceID='transaction_completed' targetID='node10'>
+                        </e-connector>
+                        <e-connector id='connector9' sourceID='node11' targetID='Meeting' [segments]='segments'>
+                        </e-connector>
+                        <e-connector id='connector10' sourceID='End' targetID='node11' [segments]='segments1'>
+                            <e-connector-annotations>
+                                <e-connector-annotation content='No' [style]=connAnnotStyle>
+                                </e-connector-annotation>
+                            </e-connector-annotations>
+                        </e-connector>
+                        <e-connector id='connector11' sourceID='Project' targetID='node11'>
+                            <e-connector-annotations>
+                                <e-connector-annotation content='No' [style]=connAnnotStyle>
+                                </e-connector-annotation>
+                            </e-connector-annotations>
+                        </e-connector>
+                        <e-connector id='connector12' sourceID='transcation_entered' targetID='node12' [style]=strokeStyle>
+                        </e-connector>
+                    </e-connectors>
+                </ejs-diagram>
+            </div>
+        </div>
+    </div>
+</div>

package/schematics/generators/diagram-default-functionalities/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+export interface Schema extends ComponentSchema {
+}

package/schematics/generators/diagram-default-functionalities/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/generators/diagram-default-functionalities/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "diagram-default-functionalities",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the component.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "inlineStyle": {
+      "description": "Specifies if the style will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Specifies if the template will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "viewEncapsulation": {
+      "description": "Specifies the view encapsulation strategy.",
+      "enum": [
+        "Emulated",
+        "Native",
+        "None",
+        "ShadowDom"
+      ],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Specifies the change detection strategy.",
+      "enum": [
+        "Default",
+        "OnPush"
+      ],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "styleext": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "spec": {
+      "type": "boolean",
+      "description": "Specifies if a spec file is generated.",
+      "default": true
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Flag to indicate if a dir is created.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Flag to skip the module import.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The selector to use for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Allows specification of the declaring module.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if declaring module exports the component."
+    },
+    "entryComponent": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "lintFix": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether to apply lint fixes after generating the component."
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "id": "diagram-default-functionalities"
+}

package/schematics/generators/diagram-hierarchical-tree/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/diagram-hierarchical-tree/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+const sampleDetails = require("./sample-details");
+function default_1(options) {
+    return schematics_1.componentBuilder(options, sampleDetails);
+}
+exports.default = default_1;

package/schematics/generators/diagram-hierarchical-tree/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/diagram-hierarchical-tree/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'diagram';
+exports.sampleName = 'hierarchical-tree';
+exports.diModules = null;
+exports.packageName = '@syncfusion/ej2-angular-diagrams';
+exports.libModules = 'DiagramModule';

package/schematics/generators/diagram-hierarchical-tree/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,13 @@
+<div class="control-section diagram-hierarchical-tree">
+    <div class="col-lg-8">
+        <div class="content-wrapper">
+            <ejs-diagram #diagram id="diagram" width="100%" height="499px" [getConnectorDefaults]='connDefaults'
+                [getNodeDefaults]='nodeDefaults' [layout]='layout' [dataSourceSettings]='data' [snapSettings]='snapSettings'>
+            </ejs-diagram>
+        </div>
+    </div>
+    <div class="col-lg-4 property-section">
+        <div class="row property-panel-content" style="padding-top: 10px">
+        </div>
+    </div>
+</div>

package/schematics/generators/diagram-hierarchical-tree/schema.d.ts

@@ -0,0 +1,3 @@
+import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
+export interface Schema extends ComponentSchema {
+}

package/schematics/generators/diagram-hierarchical-tree/schema.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/schematics/generators/diagram-hierarchical-tree/schema.json

@@ -0,0 +1,125 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "EJ2SchemaTemplateID",
+  "title": "diagram-hierarchical-tree",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path to create the component.",
+      "visible": false
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "inlineStyle": {
+      "description": "Specifies if the style will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "s"
+    },
+    "inlineTemplate": {
+      "description": "Specifies if the template will be in the ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t"
+    },
+    "viewEncapsulation": {
+      "description": "Specifies the view encapsulation strategy.",
+      "enum": [
+        "Emulated",
+        "Native",
+        "None",
+        "ShadowDom"
+      ],
+      "type": "string",
+      "alias": "v"
+    },
+    "changeDetection": {
+      "description": "Specifies the change detection strategy.",
+      "enum": [
+        "Default",
+        "OnPush"
+      ],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to generated selectors.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "styleext": {
+      "description": "The file extension to be used for style files.",
+      "type": "string",
+      "default": "css"
+    },
+    "spec": {
+      "type": "boolean",
+      "description": "Specifies if a spec file is generated.",
+      "default": true
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "Flag to indicate if a dir is created.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "Flag to skip the module import.",
+      "default": false
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The selector to use for the component."
+    },
+    "module": {
+      "type": "string",
+      "description": "Allows specification of the declaring module.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if declaring module exports the component."
+    },
+    "entryComponent": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "lintFix": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether to apply lint fixes after generating the component."
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "id": "diagram-hierarchical-tree"
+}

package/schematics/generators/diagram-organization-chart/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export default function (options: Schema): Rule;

package/schematics/generators/diagram-organization-chart/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
+const sampleDetails = require("./sample-details");
+function default_1(options) {
+    return schematics_1.componentBuilder(options, sampleDetails);
+}
+exports.default = default_1;

package/schematics/generators/diagram-organization-chart/sample-details.d.ts

@@ -0,0 +1,5 @@
+export declare const componentName: string;
+export declare const sampleName: string;
+export declare const diModules: string;
+export declare const packageName: string;
+export declare const libModules: string;

package/schematics/generators/diagram-organization-chart/sample-details.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentName = 'diagram';
+exports.sampleName = 'organization-chart';
+exports.diModules = null;
+exports.packageName = '@syncfusion/ej2-angular-diagrams';
+exports.libModules = 'DiagramModule';

package/schematics/generators/diagram-organization-chart/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -0,0 +1,66 @@
+<style>
+    .diagram-organizationalchart .image-pattern-style {
+        background-color: white;
+        background-size: contain;
+        background-repeat: no-repeat;
+        height: 75px;
+        width: calc((100% - 18px) / 3);
+        cursor: pointer;
+        border: 1px solid #D5D5D5;
+        background-position: center;
+        float: left;
+    }
+
+    .diagram-organizationalchart .row {
+        margin-left: 0px;
+        margin-right: 0px;
+    }
+
+    .diagram-organizationalchart .row-header {
+        font-size: 15px;
+        font-weight: 500;
+    }
+
+    .diagram-organizationalchart .sb-child-row {
+        padding-top: 8px;
+    }
+
+    .diagram-organizationalchart .row-header1 {
+        font-size: 12px;
+        padding-left: 2px;
+        font-weight: 400;
+    }
+
+    .diagram-organizationalchart .e-selected-style {
+        border-color: #006CE6;
+        border-width: 2px;
+    }
+
+    .diagram-organizationalchart .e-checkbox-wrapper .e-label {
+        font-size: 12px;
+    }
+
+    .diagram-organizationalchart .col-xs-6 {
+        padding-left: 0px;
+        padding-right: 0px;
+    }
+</style>
+<div class="control-section diagram-organizationalchart">
+    <div class="col-lg-8 control-section">
+        <div class="content-wrapper">
+            <ejs-diagram #diagram id="diagram" width="100%" height="700px" [getConnectorDefaults]='connDefaults'
+                [getNodeDefaults]='nodeDefaults' [layout]='layout' [dataSourceSettings]='data' [tool]='tool'
+                [snapSettings]='snapSettings'>
+            </ejs-diagram>
+        </div>
+    </div>
+    <div class="col-lg-4 property-section">
+        <div class="property-panel-header">
+            Properties
+        </div>
+        <div class="row property-panel-content" id="appearance">
+            <div class="row" style="padding-top: 10px">
+            </div>
+        </div>
+    </div>
+</div>