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

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

@@ -1,125 +0,0 @@
-{
-  "$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-hierarchical-tree/schema.ts

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

package/schematics/generators/diagram-organization-chart/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-organization-chart/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-organization-chart/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-organization-chart/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-organization-chart/sample-details.js

@@ -1,7 +0,0 @@
-"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/sample-details.ts

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

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

@@ -1,66 +0,0 @@
-<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>

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

@@ -1,179 +0,0 @@
-import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
-import { ChangeEventArgs as NumericChangeEventArgs } from '@syncfusion/ej2-inputs';
-import {
-    DiagramComponent, Diagram, NodeModel, ConnectorModel, LayoutOrientation, LayoutAnimation, TreeInfo, SnapSettingsModel,
-    SubTreeOrientation, SubTreeAlignments, DiagramTools, Node, DataBinding, HierarchicalTree, SnapConstraints
-} from '@syncfusion/ej2-angular-diagrams';
-import { DataManager } from '@syncfusion/ej2-data';
-import { localBindData } from './assets/diagram-data';
-Diagram.Inject(DataBinding, HierarchicalTree, LayoutAnimation);
-
-export interface EmployeeInfo {
-    Role: string;
-    color: string;
-}
-export interface DataInfo {
-    [key: string]: string;
-}
-
-/**
- * Sample for Organizational Chart
- */
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-    encapsulation: ViewEncapsulation.None
-})
-export class <%= classify(name) %>Component {
-    @ViewChild('diagram')
-    public diagram: DiagramComponent;
-    public snapSettings: SnapSettingsModel = { constraints: SnapConstraints.None };
-    public tool: DiagramTools = DiagramTools.ZoomPan;
-    public data: Object = {
-        id: 'Id', parentId: 'Manager',
-        dataManager: new DataManager(localBindData as JSON[]),
-        doBinding: (nodeModel: NodeModel, data: object, diagram: Diagram) => {
-            nodeModel.shape = {
-                type: 'Text', content: (data as EmployeeInfo).Role,
-                margin: { left: 10, right: 10, top: 10, bottom: 10 }
-            };
-        }
-    };
-    public layout: Object = {
-        type: 'OrganizationalChart',
-        getLayoutInfo: (node: Node, options: TreeInfo) => {
-            /* tslint:disable:no-string-literal */
-            if ((node.data as DataInfo)['Role'] === 'General Manager') {
-                options.assistants.push(options.children[0]);
-                options.children.splice(0, 1);
-            }
-            if (!options.hasSubTree) {
-                options.type = 'Right';
-            }
-        }
-    };
-
-    //Defines the default node and connector properties
-    public nodeDefaults(obj: NodeModel): NodeModel {
-        obj.backgroundColor = (obj.data as EmployeeInfo).color;
-        obj.style = { fill: 'none', strokeColor: 'none', color: 'white' };
-        obj.expandIcon = { height: 10, width: 10, shape: 'None', fill: 'lightgray', offset: { x: .5, y: 1 } };
-        obj.expandIcon.verticalAlignment = 'Center';
-        obj.expandIcon.margin = { left: 0, right: 0, top: 0, bottom: 0 };
-        obj.collapseIcon.offset = { x: .5, y: 1 };
-        obj.collapseIcon.verticalAlignment = 'Center';
-        obj.collapseIcon.margin = { left: 0, right: 0, top: 0, bottom: 0 };
-        obj.collapseIcon.height = 10;
-        obj.collapseIcon.width = 10;
-        obj.collapseIcon.shape = 'None';
-        obj.collapseIcon.fill = 'lightgray';
-        obj.width = 120;
-        obj.height = 30;
-        return obj;
-    };
-    public connDefaults(connector: ConnectorModel, diagram: Diagram): ConnectorModel {
-        connector.targetDecorator.shape = 'None';
-        connector.type = 'Orthogonal';
-        connector.constraints = 0;
-        connector.cornerRadius = 0;
-        return connector;
-    }
-    ngOnInit(): void {
-        document.getElementById('appearance').onclick = this.documentClick.bind(this);
-    }
-    private documentClick(args: MouseEvent): void {
-        let layoutOrientation: LayoutOrientation;
-        let subTreeOrientation: SubTreeOrientation;
-        let subTreeAlignment: SubTreeAlignments;
-        let target: HTMLElement = args.target as HTMLElement;
-        let selectedElement: HTMLCollection = document.getElementsByClassName('e-selected-style');
-        if (selectedElement.length) {
-            selectedElement[0].classList.remove('e-selected-style');
-        }
-        if (target.className === 'image-pattern-style') {
-            switch (target.id) {
-                case 'pattern1':
-                    subTreeOrientation = 'Vertical';
-                    subTreeAlignment = 'Alternate';
-                    break;
-                case 'pattern2':
-                    subTreeOrientation = 'Vertical';
-                    subTreeAlignment = 'Left';
-                    break;
-                case 'pattern3':
-                    subTreeOrientation = 'Vertical';
-                    subTreeAlignment = 'Left';
-                    break;
-                case 'pattern4':
-                    subTreeOrientation = 'Vertical';
-                    subTreeAlignment = 'Right';
-                    break;
-                case 'pattern5':
-                    subTreeOrientation = 'Vertical';
-                    subTreeAlignment = 'Right';
-                    break;
-                case 'pattern6':
-                    subTreeOrientation = 'Horizontal';
-                    subTreeAlignment = 'Balanced';
-                    break;
-                case 'pattern7':
-                    subTreeOrientation = 'Horizontal';
-                    subTreeAlignment = 'Center';
-                    break;
-                case 'pattern8':
-                    subTreeOrientation = 'Horizontal';
-                    subTreeAlignment = 'Left';
-                    break;
-                case 'pattern9':
-                    subTreeOrientation = 'Horizontal';
-                    subTreeAlignment = 'Right';
-                    break;
-                case 'topToBottom':
-                    layoutOrientation = 'TopToBottom';
-                    break;
-                case 'bottomToTop':
-                    layoutOrientation = 'BottomToTop';
-                    break;
-                case 'leftToRight':
-                    layoutOrientation = 'LeftToRight';
-                    break;
-                case 'rightToLeft':
-                    layoutOrientation = 'RightToLeft';
-                    break;
-            }
-            if (layoutOrientation || subTreeOrientation) {
-                if (layoutOrientation) {
-                    this.diagram.layout.orientation = layoutOrientation;
-                }
-                target.classList.add('e-selected-style');
-            }
-            this.diagram.layout.getLayoutInfo = (node: NodeModel, options: TreeInfo) => {
-                if (target.id === 'pattern4' || target.id === 'pattern3') {
-                    options.offset = -50;
-                }
-                if ((node.data as DataInfo)['Role'] === 'General Manager') {
-                    options.assistants.push(options.children[0]);
-                    options.children.splice(0, 1);
-                }
-                if (!options.hasSubTree) {
-                    options.orientation = subTreeOrientation;
-                    options.type = subTreeAlignment;
-                }
-            };
-
-            this.diagram.doLayout();
-            this.diagram.dataBind();
-        }
-    };
-
-    public onhSpacingChange(args: NumericChangeEventArgs): void {
-        this.diagram.layout.horizontalSpacing = Number(args.value);
-        this.diagram.dataBind();
-    }
-
-    public onvSpacingChange(args: NumericChangeEventArgs): void {
-        this.diagram.layout.verticalSpacing = Number(args.value);
-        this.diagram.dataBind();
-    }
-
-}