@syncfusion/ej2-angular-diagrams 26.1.35 → 26.1.40

package/schematics/generators/diagram-organization-chart/schema.json

@@ -1,125 +0,0 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "EJ2SchemaTemplateID",
-  "title": "diagram-organization-chart",
-  "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-organization-chart"
-}

package/schematics/generators/diagram-organization-chart/schema.ts

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

package/schematics/generators/diagram-overview/index.d.ts

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

package/schematics/generators/diagram-overview/index.js

@@ -1,8 +0,0 @@
-"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-overview/index.ts

@@ -1,8 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
-import { Schema } from './schema';
-import * as sampleDetails from './sample-details';
-
-export default function (options: Schema): Rule {
-  return componentBuilder(options, sampleDetails);
-}

package/schematics/generators/diagram-overview/sample-details.d.ts

@@ -1,5 +0,0 @@
-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-overview/sample-details.js

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

package/schematics/generators/diagram-overview/sample-details.ts

@@ -1,5 +0,0 @@
-export const componentName: string = 'diagram';
-export const sampleName: string = 'overview';
-export const diModules: string =  null;
-export const packageName: string = '@syncfusion/ej2-angular-diagrams';
-export const libModules: string = 'DiagramModule';

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

@@ -1,19 +0,0 @@
-<style>
-    .e-overview {
-        display: block;
-    }
-</style>
-<div class="control-section">
-    <div class="col-lg-12 control-section">
-        <div class="content-wrapper">
-            <ejs-diagram #diagram id="diagram" width="100%" height="590px" [scrollSettings]='scrollSettings' [getConnectorDefaults]='connDefaults'
-                [getNodeDefaults]='nodeDefaults' [layout]='layout' [dataSourceSettings]='data' [setNodeTemplate]='setNodeTemplate'
-                [tool]='tool' [snapSettings]='snapSettings'>
-            </ejs-diagram>
-        </div>
-    </div>
-    <div class="col-lg-4" style=" width:50%; padding:0px;right:30px;bottom:35px;border: #eeeeee;border-style: solid;box-shadow: 0px 2px 2px rgba(0,0,0,0.3); background:#f7f7f7;position:absolute">
-        <ejs-overview id="overview" width="100%" height="590px" sourceID="diagram">
-        </ejs-overview>
-    </div>
-</div>

package/schematics/generators/diagram-overview/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -1,98 +0,0 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-import {
-    NodeModel, DiagramTools, ScrollSettingsModel, LayoutModel,
-    Diagram, ConnectorModel, Node, SnapConstraints, SnapSettingsModel,
-    Container, TextElement, StackPanel, ImageElement, DataBinding, HierarchicalTree, TreeInfo
-} from '@syncfusion/ej2-diagrams';
-import { DataManager } from '@syncfusion/ej2-data';
-import { data } from './assets/overview-data';
-Diagram.Inject(DataBinding, HierarchicalTree);
-/**
- * Sample for Overview layout
- */
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-    encapsulation: ViewEncapsulation.None
-})
-export class <%= classify(name) %>Component {
-
-    public data: Object = {
-        id: 'Id', parentId: 'ReportingPerson', dataManager: new DataManager(data)
-    };
-
-    public layout: LayoutModel = {
-        type: 'OrganizationalChart', margin: { top: 20 },
-        getLayoutInfo: (node: Node, tree: TreeInfo) => {
-            if (!tree.hasSubTree) {
-                tree.orientation = 'Vertical';
-                tree.type = 'Right';
-            }
-        }
-    };
-
-    public nodeDefaults(obj: NodeModel): NodeModel {
-        obj.height = 50;
-        obj.style = { fill: 'transparent', strokeWidth: 2 };
-        return obj;
-    };
-
-    public connDefaults(connector: ConnectorModel): ConnectorModel {
-        connector.targetDecorator.shape = 'None';
-        connector.type = 'Orthogonal';
-        connector.style.strokeColor = 'gray';
-        return connector;
-    };
-
-    public tool: DiagramTools = DiagramTools.ZoomPan;
-    public snapSettings: SnapSettingsModel = { constraints: SnapConstraints.None };
-    public scrollSettings: ScrollSettingsModel = { scrollLimit: 'Infinity' };
-
-    public setNodeTemplate(obj: NodeModel, diagram: Diagram): Container {
-        let content: StackPanel = new StackPanel();
-        content.id = obj.id + '_outerstack';
-        content.orientation = 'Horizontal';
-        content.style.strokeColor = 'gray';
-        content.padding = { left: 5, right: 10, top: 5, bottom: 5 };
-        let image: ImageElement = new ImageElement();
-        image.width = 50;
-        image.height = 50;
-        image.style.strokeColor = 'none';
-        image.source = (obj.data as EmployeeInfo).ImageUrl;
-        image.id = obj.id + '_pic';
-        let innerStack: StackPanel = new StackPanel();
-        innerStack.style.strokeColor = 'none';
-        innerStack.margin = { left: 5, right: 0, top: 0, bottom: 0 };
-        innerStack.id = obj.id + '_innerstack';
-
-        let text: TextElement = new TextElement();
-        text.content = (obj.data as EmployeeInfo).Name;
-        text.style.color = 'black';
-        text.style.bold = true;
-        text.style.strokeColor = 'none';
-        text.horizontalAlignment = 'Left';
-        text.style.fill = 'none';
-        text.id = obj.id + '_text1';
-
-        let desigText: TextElement = new TextElement();
-        desigText.margin = { left: 0, right: 0, top: 5, bottom: 0 };
-        desigText.content = (obj.data as EmployeeInfo).Designation;
-        desigText.style.color = 'black';
-        desigText.style.strokeColor = 'none';
-        desigText.style.fontSize = 12;
-        desigText.style.fill = 'none';
-        desigText.horizontalAlignment = 'Left';
-        desigText.style.textWrapping = 'Wrap';
-        desigText.id = obj.id + '_desig';
-        innerStack.children = [text, desigText];
-
-        content.children = [image, innerStack];
-
-        return content;
-    };
-}
-export interface EmployeeInfo {
-    Name: string;
-    Designation: string;
-    ImageUrl: string;
-}

package/schematics/generators/diagram-overview/schema.d.ts

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

package/schematics/generators/diagram-overview/schema.js

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

package/schematics/generators/diagram-overview/schema.json

@@ -1,125 +0,0 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "EJ2SchemaTemplateID",
-  "title": "diagram-overview",
-  "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-overview"
-}

package/schematics/generators/diagram-overview/schema.ts

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

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

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

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

@@ -1,8 +0,0 @@
-"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-radial-tree/index.ts

@@ -1,8 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
-import { Schema } from './schema';
-import * as sampleDetails from './sample-details';
-
-export default function (options: Schema): Rule {
-  return componentBuilder(options, sampleDetails);
-}

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

@@ -1,5 +0,0 @@
-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-radial-tree/sample-details.js

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

package/schematics/generators/diagram-radial-tree/sample-details.ts

@@ -1,5 +0,0 @@
-export const componentName: string = 'diagram';
-export const sampleName: string = 'radial-tree';
-export const diModules: string =  null;
-export const packageName: string = '@syncfusion/ej2-angular-diagrams';
-export const libModules: string = 'DiagramModule';

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

@@ -1,7 +0,0 @@
-<div class="col-lg-8 control-section" style="width: 100%;">
-    <div class="content-wrapper">
-        <ejs-diagram #diagram id="diagram" width="100%" height="600px" [tool]=tool [layout]='layout' [snapSettings]=snapSettings
-            (created)="create($event)" [dataSourceSettings]='data'>
-        </ejs-diagram>
-    </div>
-</div>

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

@@ -1,87 +0,0 @@
-import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
-import { DiagramComponent } from '@syncfusion/ej2-angular-diagrams';
-import {
-    Diagram, NodeModel, DiagramTools, BasicShapeModel, SnapSettingsModel,
-    NodeConstraints, DataBinding, RadialTree, SnapConstraints, ZoomOptions
-} from '@syncfusion/ej2-diagrams';
-import { DataManager } from '@syncfusion/ej2-data';
-import { radialTree, DataInfo } from './assets/diagram-data';
-import { ClickEventArgs } from '@syncfusion/ej2-navigations';
-Diagram.Inject(DataBinding, RadialTree);
-
-/**
- * Sample for Radial Tree layout
- */
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-   // styleUrls: ['<%=dasherize(name)%>.component.css'],
-    encapsulation: ViewEncapsulation.None
-})
-export class <%= classify(name) %>Component {
-    @ViewChild('diagram')
-    public diagram: DiagramComponent;
-    public tool: DiagramTools = DiagramTools.ZoomPan;
-    public data: Object = {
-        //sets the fields to bind
-        id: 'Id', parentId: 'ReportingPerson',
-        dataManager: new DataManager(radialTree as JSON[]),
-        //binds the data with the nodes
-        doBinding: (nodeModel: NodeModel, data: DataInfo, diagram: Diagram) => {
-            nodeModel.annotations = [{
-                content: data.Name,
-                style: data.Id === 'parent' ? { color: 'white', fontSize: 50 } : { color: 'black', fontSize: 20 }
-            }];
-            nodeModel.constraints = NodeConstraints.Default & ~NodeConstraints.InheritTooltip | NodeConstraints.Tooltip;
-            nodeModel.tooltip = {
-                content: data.Name + '<br/>' + data.Designation, relativeMode: 'Object',
-                position: 'TopCenter', showTipPointer: true,
-            };
-            if (data.Designation === 'Managing Director') {
-                nodeModel.width = 400;
-                nodeModel.height = 400;
-                nodeModel.shape = { shape: 'Ellipse' } as BasicShapeModel;
-                nodeModel.style = { fill: 'black' };
-            } else if (data.Designation === 'Project Manager') {
-                nodeModel.width = 130;
-                nodeModel.height = 130;
-                nodeModel.height = 130;
-                nodeModel.style = { fill: '#f8ab52' };
-            } else {
-                nodeModel.width = 100;
-                nodeModel.height = 100;
-                nodeModel.shape = { shape: 'Ellipse' } as BasicShapeModel;
-                nodeModel.style = { fill: '#afeeee' };
-            }
-        }
-    };
-    public layout: Object = {
-        type: 'RadialTree', verticalSpacing: 30, horizontalSpacing: 20,
-        root: 'Category'
-    };
-
-    public create(args: Object): void {
-        this.diagram.fitToPage();
-        this.diagram.dataBind();
-    }
-
-    public snapSettings: SnapSettingsModel = { constraints: SnapConstraints.None };
-    public onItemClick(args: ClickEventArgs): void {
-        switch (args.item.text) {
-            case 'Zoom In':
-                let zoomin: ZoomOptions = { type: 'ZoomIn', zoomFactor: 0.2 };
-                this.diagram.zoomTo(zoomin);
-                this.diagram.dataBind();
-                break;
-            case 'Zoom Out':
-                let zoomout: ZoomOptions = { type: 'ZoomOut', zoomFactor: 0.2 };
-                this.diagram.zoomTo(zoomout);
-                this.diagram.dataBind();
-                break;
-            case 'Reset':
-                this.diagram.reset();
-                this.diagram.fitToPage();
-                break;
-        }
-    }
-}